/* feeding: spillregler flyttet ut av styles.css 11. oktober 2026, i samme rekkefølge.
   Lastes rett etter styles.min.css på universet.html. */
.feeding-game {
  margin-top: clamp(26px, 5vw, 52px);
  padding: clamp(18px, 3.5vw, 38px);
  color: var(--fjord-deep);
  background:
    radial-gradient(circle at 8% 8%, rgba(255, 207, 73, .43), transparent 23%),
    radial-gradient(circle at 94% 18%, rgba(241, 135, 101, .28), transparent 25%),
    linear-gradient(145deg, #e5f4ce, #cceeed 56%, #fff0b1);
  border: 3px solid rgba(17, 106, 141, .2);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  overflow: hidden;
}
.feeding-game__header,
.feeding-game__dashboard,
.feeding-game__status,
.feeding-game__finish-body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.feeding-game__header h3 { margin: 4px 0 8px; font-size: clamp(2rem, 4vw, 3.3rem); }
.feeding-game__header p { max-width: 740px; margin: 0; }
.feeding-game__sound { flex: 0 0 auto; }
.feeding-game__lesson {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 20px 0;
  padding: 14px 18px;
  background: rgba(255, 253, 247, .86);
  border: 2px solid rgba(17, 106, 141, .14);
  border-radius: 18px;
}
.feeding-game__lesson > span { font-size: 2rem; }
.feeding-game__lesson p { margin: 0; }
.feeding-game__levels {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 14px;
  padding: 0;
  list-style: none;
}
.feeding-game__levels li {
  display: flex;
  min-height: 58px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 9px 12px;
  background: rgba(255, 253, 247, .74);
  border: 2px solid rgba(17, 106, 141, .15);
  border-radius: 16px;
  opacity: .72;
}
.feeding-game__levels li > span {
  display: grid;
  width: 32px;
  height: 32px;
  flex: 0 0 auto;
  place-items: center;
  background: var(--white);
  border-radius: 50%;
  font-weight: 950;
}
.feeding-game__levels li strong,
.feeding-game__levels li small { display: block; }
.feeding-game__levels li small { margin-top: 2px; color: #567080; font-size: .72rem; font-weight: 850; line-height: 1.2; }
.feeding-game__levels li.is-current,
.feeding-game__levels li.is-complete { opacity: 1; border-color: #178562; }
.feeding-game__levels li.is-current { color: var(--white); background: #178562; }
.feeding-game__levels li.is-current > span { color: var(--fjord-deep); background: var(--sun); }
.feeding-game__levels li.is-current small { color: rgba(255, 255, 255, .87); }
.feeding-game__levels li.is-complete { background: #d9f4d9; }
.feeding-game__dashboard {
  margin-bottom: 12px;
  padding: 13px 16px;
  color: var(--white);
  background: rgba(18, 59, 83, .95);
  border-radius: 18px;
}
.feeding-game__dashboard small,
.feeding-game__dashboard strong { display: block; }
.feeding-game__dashboard small { color: rgba(255, 255, 255, .72); }
.feeding-game__turn {
  min-width: 220px;
  padding: 8px 15px;
  text-align: center;
  background: rgba(255, 255, 255, .12);
  border: 2px solid rgba(255, 255, 255, .24);
  border-radius: 14px;
}
.feeding-game__turn strong { color: #ffe275; font-family: var(--font-title); font-size: clamp(1.05rem, 2vw, 1.35rem); }
.feeding-game__turn strong:focus { outline: none; }
.feeding-game__progress { text-align: right; }
.feeding-game__progress > span { font-weight: 900; }
.feeding-game__progress > div { display: flex; justify-content: flex-end; gap: 7px; margin-top: 6px; }
.feeding-game__progress i { width: 18px; height: 18px; background: rgba(255,255,255,.2); border: 2px solid rgba(255,255,255,.72); border-radius: 50%; }
.feeding-game__progress i.is-filled { background: var(--sun); border-color: var(--sun); box-shadow: 0 0 0 4px rgba(255,207,73,.16); }
.feeding-game__stage {
  position: relative;
  isolation: isolate;
  aspect-ratio: 16 / 9;
  min-height: 300px;
  overflow: hidden;
  background: #65944f;
  border: 7px solid rgba(255,255,255,.96);
  border-radius: 28px;
  box-shadow: 0 18px 40px rgba(18, 59, 83, .23);
  outline: 2px solid rgba(18, 59, 83, .15);
  outline-offset: -2px;
}
.feeding-game__stage::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  content: "";
  background: linear-gradient(180deg, rgba(15,54,67,.02), transparent 54%, rgba(15,54,67,.14));
}
.feeding-game__stage picture,
.feeding-game__stage picture img { position: absolute; inset: 0; width: 100%; height: 100%; }
.feeding-game__stage picture img { object-fit: cover; }
.feeding-animal {
  position: absolute;
  z-index: 4;
  top: 4%;
  width: 31%;
  height: 82%;
  padding: 0;
  cursor: pointer;
  touch-action: manipulation;
  background: transparent;
  border: 4px solid transparent;
  border-radius: 28px;
  transition: border-color 180ms ease, background 180ms ease, transform 180ms ease;
}
.feeding-animal--left { left: 1.5%; }
.feeding-animal--center { left: 34.5%; }
.feeding-animal--right { left: 67.5%; }
.feeding-animal > span {
  position: absolute;
  top: 10px;
  left: 50%;
  display: flex;
  min-width: 122px;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 7px 10px;
  color: var(--fjord-deep);
  background: rgba(255,253,247,.93);
  border: 3px solid rgba(18,59,83,.23);
  border-radius: 999px;
  box-shadow: 0 6px 14px rgba(18,59,83,.18);
  transform: translateX(-50%);
  white-space: nowrap;
  flex-wrap: wrap;
}
.feeding-animal > span small { display: none; }
.feeding-animal.is-target > span small,
.feeding-animal.is-selected-animal > span small,
.feeding-game[data-feeding-mode="findAnimal"] .feeding-animal:not(.is-fed) > span small {
  display: block;
  width: 100%;
  color: #567080;
  font-size: .61rem;
  font-weight: 900;
  line-height: 1.05;
  text-align: center;
}
.feeding-animal > span b { font-size: 1.08em; line-height: 1; }
.feeding-animal:hover:not(:disabled),
.feeding-animal:focus-visible:not(:disabled) { border-color: var(--sun); background: rgba(255,207,73,.08); outline: none; }
.feeding-animal.is-target,
.feeding-animal.is-selected-animal { border-color: var(--sun); background: rgba(255,207,73,.12); box-shadow: inset 0 0 0 7px rgba(255,255,255,.44); animation: feeding-target 1.5s ease-in-out infinite; }
.feeding-animal.is-target > span,
.feeding-animal.is-selected-animal > span { border-color: var(--sun); box-shadow: 0 0 0 5px rgba(255,207,73,.25), 0 7px 16px rgba(18,59,83,.24); }
.feeding-animal.is-target > span::after,
.feeding-animal.is-selected-animal > span::after {
  position: absolute;
  top: calc(100% + 5px);
  left: 50%;
  padding: 3px 8px;
  color: #123b53;
  content: "1 · TRYKK HER";
  background: #ffe275;
  border: 2px solid rgba(255,255,255,.95);
  border-radius: 999px;
  box-shadow: 0 4px 10px rgba(18,59,83,.18);
  font-size: .58rem;
  font-weight: 950;
  letter-spacing: .06em;
  transform: translateX(-50%);
}
.feeding-animal.is-selected-animal > span::after { content: "VALGT ✓ · 2 FINN MATEN"; }
.feeding-game[data-feeding-mode="findFood"] .feeding-animal.is-selected-animal > span::after { content: "SULTEN · FINN MATEN"; }
.feeding-game[data-feeding-mode="findAnimal"] .feeding-animal.is-suggested > span::after { content: "DETTE DYRET PASSER"; }
.feeding-game[data-feeding-mode="free"] .feeding-animal.is-selected-animal > span::after { content: "VALGT · FINN FÔRET"; }
.feeding-game[data-feeding-choice="food"] .feeding-animal.is-suggested > span::after { content: "MATEN PASSER HER"; }
.feeding-animal.is-suggested { border-color: #ffe26e; background: rgba(255,226,110,.1); box-shadow: inset 0 0 0 7px rgba(255,226,110,.38); }
.feeding-animal.is-drop-target {
  border-color: #62e0ae;
  background: rgba(98, 224, 174, .2);
  box-shadow: inset 0 0 0 8px rgba(255,255,255,.52), 0 0 0 6px rgba(98,224,174,.28);
  transform: scale(1.015);
}
.feeding-animal.is-fed { border-color: #67ce83; background: rgba(103,206,131,.12); }
.feeding-animal.is-fed > span { color: #0b5c43; background: #e6f8df; border-color: #67ce83; }
.feeding-animal.is-fed > span small { display: inline; font-weight: 900; }
.feeding-animal.is-wrong { animation: feeding-gentle-shake 360ms ease; }
.feeding-animal:disabled { cursor: default; }
.feeding-animal:disabled:not(.is-fed) > span { opacity: .7; }
.feeding-animal.is-selected-animal:disabled,
.feeding-animal.is-target:disabled { opacity: 1; }
.feeding-animal.is-selected-animal:disabled > span,
.feeding-animal.is-target:disabled > span { opacity: 1; }
.feeding-game__served {
  position: absolute;
  z-index: 5;
  bottom: 2.5%;
  width: clamp(54px, 8vw, 92px);
  aspect-ratio: 1;
  overflow: hidden;
  pointer-events: none;
  background: var(--cream);
  border: 4px solid var(--white);
  border-radius: 50%;
  box-shadow: 0 9px 19px rgba(18,59,83,.28);
  opacity: 0;
  transform: translate(-50%, 18px) scale(.7);
  transition: opacity 230ms ease, transform 300ms cubic-bezier(.2,.9,.25,1.25);
}
.feeding-game__served.is-visible { opacity: 1; transform: translate(-50%, 0) scale(1); }
.feeding-game__served img { width: 100%; height: 100%; object-fit: cover; }
.feeding-game__served--left { left: 17%; }
.feeding-game__served--center { left: 50%; }
.feeding-game__served--right { left: 83%; }
.feeding-game__stage-result {
  position: absolute;
  z-index: 12;
  bottom: 5%;
  left: 50%;
  display: flex;
  width: min(92%, 720px);
  align-items: center;
  gap: 12px;
  padding: 11px 15px;
  color: #123b53;
  background: rgba(255,253,247,.97);
  border: 4px solid #67ce83;
  border-radius: 20px;
  box-shadow: 0 16px 34px rgba(18,59,83,.3);
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 18px) scale(.96);
  transition: opacity 220ms ease, transform 260ms cubic-bezier(.2,.9,.25,1.2);
}
.feeding-game__stage-result[hidden] { display: none; }
.feeding-game__stage-result.is-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, 0) scale(1);
}
.feeding-game__stage-result > span {
  display: grid;
  width: 48px;
  height: 48px;
  flex: 0 0 auto;
  place-items: center;
  background: #dff5cf;
  border-radius: 50%;
  font-size: 1.55rem;
}
.feeding-game__result-media {
  position: relative;
  width: 58px;
  height: 58px;
  flex: 0 0 auto;
  overflow: visible;
  background: #dff5cf;
  border: 3px solid #fff;
  border-radius: 16px;
  box-shadow: 0 6px 14px rgba(18,59,83,.18);
}
.feeding-game__result-media img { width: 100%; height: 100%; object-fit: cover; border-radius: 13px; }
.feeding-game__result-media > span {
  position: absolute;
  right: -8px;
  bottom: -8px;
  display: grid;
  width: 29px;
  height: 29px;
  place-items: center;
  background: #dff5cf;
  border: 2px solid #fff;
  border-radius: 50%;
  font-size: 1rem;
}
.feeding-game__stage-result strong,
.feeding-game__stage-result small { display: block; }
.feeding-game__stage-result strong { font-family: var(--font-title); font-size: 1.12rem; }
.feeding-game__stage-result small { margin-top: 2px; font-weight: 750; line-height: 1.25; }
.feeding-game__stage-result > div { min-width: 0; flex: 1; }
.feeding-game__stage-result .button { min-width: 138px; flex: 0 0 auto; }
.feeding-game__start {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  display: flex;
  width: min(86%, 520px);
  flex-direction: column;
  align-items: center;
  padding: 22px;
  text-align: center;
  background: rgba(255,253,247,.96);
  border: 4px solid var(--sun);
  border-radius: 25px;
  box-shadow: 0 20px 44px rgba(18,59,83,.32);
  transform: translate(-50%, -50%);
}
.feeding-game__start[hidden] { display: none; }
.feeding-game__start > span { font-size: clamp(2rem, 5vw, 3rem); }
.feeding-game__start > strong { margin-top: 4px; font-family: var(--font-title); font-size: clamp(1.25rem, 3vw, 1.85rem); }
.feeding-game__start p { max-width: 400px; margin: 7px 0 15px; }
.feeding-game__start-guide {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 4px;
  text-align: left;
}
.feeding-game__start-guide img {
  width: 58px;
  height: 58px;
  flex: 0 0 auto;
  object-fit: cover;
  object-position: 50% 16%;
  border: 3px solid var(--sun);
  border-radius: 50%;
  box-shadow: 0 5px 12px rgba(18,59,83,.2);
}
.feeding-game__start-guide small,
.feeding-game__start-guide strong { display: block; }
.feeding-game__start-guide small {
  color: #567080;
  font-size: .7rem;
  font-weight: 950;
  letter-spacing: .045em;
  text-transform: uppercase;
}
.feeding-game__start-guide strong {
  font-family: var(--font-title);
  font-size: clamp(1.2rem, 3vw, 1.65rem);
}
.feeding-game__start-steps {
  display: grid;
  width: 100%;
  max-width: 440px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  margin: 10px 0 3px;
}
.feeding-game__start-steps span {
  display: grid;
  min-height: 58px;
  place-items: center;
  padding: 7px 5px;
  color: #123b53;
  background: #eff9e8;
  border: 2px solid rgba(23,133,98,.2);
  border-radius: 14px;
  font-size: .77rem;
  font-weight: 950;
  line-height: 1.15;
}
.feeding-game__start-steps b {
  display: grid;
  width: 25px;
  height: 25px;
  place-items: center;
  color: #123b53;
  background: var(--sun);
  border-radius: 50%;
}
.feeding-game__prompt {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 14px 0;
  padding: 13px 16px;
  background: rgba(255,253,247,.9);
  border-left: 6px solid var(--sun);
  border-radius: 16px;
}
.feeding-game__prompt-icon { padding-top: 7px; font-size: 1.65rem; }
.feeding-game__prompt-copy { min-width: 0; flex: 1; }
.feeding-game__prompt p { margin: 7px 0 0; font-weight: 900; }
.feeding-game__guide {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
  align-items: center;
  gap: 8px;
}
.feeding-game__guide > div {
  display: flex;
  min-width: 0;
  min-height: 46px;
  align-items: center;
  gap: 8px;
  padding: 5px 9px;
  background: rgba(18,59,83,.07);
  border: 2px solid rgba(18,59,83,.13);
  border-radius: 13px;
  transition: border-color 170ms ease, background 170ms ease, box-shadow 170ms ease;
}
.feeding-game__guide > div > b {
  display: grid;
  width: 29px;
  height: 29px;
  flex: 0 0 auto;
  place-items: center;
  color: #123b53;
  background: #fff;
  border-radius: 50%;
}
.feeding-game__guide > div small,
.feeding-game__guide > div strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.feeding-game__guide > div small { color: #567080; font-size: .64rem; font-weight: 900; text-transform: uppercase; letter-spacing: .05em; }
.feeding-game__guide > div strong { font-family: var(--font-title); font-size: .9rem; }
.feeding-game__guide > i { color: #567080; font-style: normal; font-weight: 950; }
.feeding-game__guide > div.is-active { background: #fff1ac; border-color: var(--sun); box-shadow: 0 0 0 4px rgba(255,207,73,.16); }
.feeding-game__guide > div.is-active > b { color: var(--white); background: #14799b; box-shadow: 0 0 0 4px rgba(20,121,155,.14); }
.feeding-game__guide > div.is-complete { background: #dff5cf; border-color: #67ce83; }
.feeding-game__guide > div.is-complete > b { color: var(--white); background: #178562; }
.feeding-game__choices-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 9px;
  padding: 9px 13px;
  color: #123b53;
  background: rgba(255,253,247,.9);
  border: 2px solid rgba(17,106,141,.14);
  border-radius: 15px;
}
.feeding-game__choices-head > span { font-size: 1.35rem; }
.feeding-game__choices-head strong,
.feeding-game__choices-head small { display: block; }
.feeding-game__choices-head strong { font-family: var(--font-title); font-size: 1.03rem; }
.feeding-game__choices-head small { margin-top: 1px; color: #567080; font-weight: 800; }
.feeding-game__foods {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.feeding-game__foods[data-count="2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.feeding-game__foods button {
  position: relative;
  display: grid;
  grid-template-columns: minmax(84px, 42%) minmax(0, 1fr);
  min-height: 118px;
  align-items: center;
  gap: 12px;
  padding: 9px;
  color: var(--fjord-deep);
  text-align: left;
  cursor: pointer;
  touch-action: manipulation;
  background: linear-gradient(160deg, rgba(255,253,247,.98), color-mix(in srgb, var(--feeding-accent, #14799b) 9%, #fffdf7));
  border: 4px solid color-mix(in srgb, var(--feeding-accent, #14799b) 58%, #ffffff);
  border-radius: 21px;
  box-shadow: 0 8px 0 rgba(18,59,83,.1), inset 0 5px 0 color-mix(in srgb, var(--feeding-accent, #14799b) 40%, transparent);
  transition: border-color 170ms ease, box-shadow 170ms ease, transform 170ms ease;
}
.feeding-game__food-number {
  position: absolute;
  z-index: 4;
  top: 7px;
  left: 7px;
  display: grid;
  width: 31px;
  height: 31px;
  place-items: center;
  color: var(--white);
  background: var(--feeding-accent, #14799b);
  border: 2px solid var(--white);
  border-radius: 50%;
  box-shadow: 0 4px 10px rgba(18,59,83,.24);
  font-family: var(--font-title);
  font-size: .86rem;
}
.feeding-game__food-image { position: relative; display: block; touch-action: none; }
.feeding-game__food-image img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border: 3px solid color-mix(in srgb, var(--feeding-accent, #14799b) 55%, #ffffff);
  border-radius: 14px;
}
.feeding-game__food-image b {
  position: absolute;
  right: 6px;
  bottom: 6px;
  display: grid;
  min-width: 34px;
  min-height: 34px;
  place-items: center;
  padding: 4px 7px;
  color: var(--fjord-deep);
  background: rgba(255,255,255,.94);
  border: 2px solid var(--sun);
  border-radius: 999px;
  box-shadow: 0 4px 10px rgba(18,59,83,.18);
  font-size: .82rem;
}
.feeding-game__food-copy { min-width: 0; }
.feeding-game__foods button strong,
.feeding-game__foods button small { display: block; }
.feeding-game__foods button strong { font-family: var(--font-title); font-size: clamp(1.05rem, 2.2vw, 1.35rem); }
.feeding-game__foods button small { margin-top: 3px; color: #567080; font-weight: 800; line-height: 1.25; }
.feeding-game__food-copy em {
  display: inline-block;
  margin-top: 7px;
  padding: 4px 7px;
  color: #123b53;
  background: color-mix(in srgb, var(--feeding-accent, #14799b) 18%, #ffffff);
  border-radius: 999px;
  font-size: .66rem;
  font-style: normal;
  font-weight: 950;
  letter-spacing: .035em;
}
.feeding-game__foods button:not(:disabled) .feeding-game__food-number {
  background: #14799b;
}
.feeding-game__foods button.is-selected .feeding-game__food-number,
.feeding-game__foods button.is-suggested .feeding-game__food-number {
  color: var(--fjord-deep);
  background: var(--sun);
}
.feeding-game__food-shared {
  display: block;
  margin-top: 6px;
  color: #146848;
  font-size: .72rem;
  font-weight: 950;
}
.feeding-game__food-action {
  display: inline-flex;
  min-height: 31px;
  align-items: center;
  margin-top: 7px;
  padding: 4px 9px;
  color: #fff;
  background: var(--feeding-accent, #178562);
  border-radius: 999px;
  font-size: .7rem;
  font-weight: 950;
}
.feeding-game__drag-grip {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  margin-top: 7px;
  padding: 5px 9px;
  color: var(--white);
  background: #14799b;
  border-radius: 999px;
  font-size: .72rem;
  font-weight: 950;
  touch-action: none;
}
.feeding-game[data-feeding-mode="findAnimal"] .feeding-game__drag-grip { display: none; }
.feeding-game[data-feeding-mode="free"] .feeding-game__foods button { touch-action: none; }
.feeding-game[data-feeding-mode="free"] .feeding-game__food-action { display: none; }
.feeding-game[data-feeding-mode="findAnimal"] .feeding-game__foods {
  grid-template-columns: minmax(0, 460px);
  justify-content: center;
}
.feeding-game[data-feeding-mode="findAnimal"] .feeding-game__foods button:not(.is-selected) { display: none; }
.feeding-game[data-feeding-mode="findAnimal"] .feeding-game__foods button.is-selected {
  width: 100%;
  max-width: 460px;
  pointer-events: none;
}
.feeding-game__foods button:hover:not(:disabled),
.feeding-game__foods button:focus-visible:not(:disabled) {
  border-color: var(--feeding-accent, var(--sun));
  box-shadow: 0 0 0 5px color-mix(in srgb, var(--feeding-accent, #14799b) 20%, transparent), 0 8px 0 rgba(18,59,83,.12);
  transform: translateY(-2px);
  outline: none;
}
.feeding-game__foods button:active:not(:disabled) { transform: translateY(2px) scale(.985); }
.feeding-game__foods button.is-selected { position: relative; border-color: var(--feeding-accent, #14799b); box-shadow: 0 0 0 5px color-mix(in srgb, var(--feeding-accent, #14799b) 22%, transparent), 0 8px 0 rgba(18,59,83,.12); transform: translateY(-3px); }
.feeding-game__foods button.is-selected::after {
  position: absolute;
  top: 6px;
  left: 50%;
  z-index: 3;
  padding: 4px 8px;
  color: #123b53;
  content: "VALGT · GI TIL DYRET";
  background: #ffe275;
  border: 2px solid #fff;
  border-radius: 999px;
  box-shadow: 0 4px 10px rgba(18,59,83,.2);
  font-size: .58rem;
  font-weight: 950;
  letter-spacing: .035em;
  transform: translateX(-50%);
  white-space: nowrap;
}
.feeding-game[data-feeding-mode="findAnimal"] .feeding-game__foods button.is-selected::after { content: "FÔRET ER KLART · FINN DYRET"; }
.feeding-game[data-feeding-mode="free"] .feeding-game__foods button.is-selected::after { content: "VALGT · FINN DYRET"; }
.feeding-game__foods button.is-suggested { border-color: var(--sun); animation: feeding-food-hint 1.25s ease-in-out infinite; }
.feeding-game__foods button.is-suggested::before {
  position: absolute;
  z-index: 4;
  top: 5px;
  right: 5px;
  padding: 4px 7px;
  color: #123b53;
  content: "2 · DENNE PASSER";
  background: #ffe275;
  border: 2px solid #fff;
  border-radius: 999px;
  box-shadow: 0 4px 10px rgba(18,59,83,.18);
  font-size: .57rem;
  font-weight: 950;
  letter-spacing: .03em;
}
.feeding-game[data-feeding-choice="none"] .feeding-game__foods button:not(.is-suggested) { opacity: .78; }
.feeding-game[data-feeding-choice="animal"] .feeding-game__foods button { opacity: 1; }
.feeding-game__foods button.is-wrong { animation: feeding-gentle-shake 360ms ease; }
.feeding-game__foods button.is-dragging { opacity: .48; }
.feeding-game__foods button:disabled {
  cursor: default;
  filter: saturate(.48);
  opacity: .45;
  transform: none;
}
.feeding-game__foods button.is-selected:disabled,
.feeding-game__foods button.is-suggested:disabled {
  filter: none;
  opacity: 1;
}
.feeding-game__drag-ghost {
  position: fixed;
  z-index: 99999;
  display: grid;
  width: 112px;
  pointer-events: none;
  overflow: hidden;
  color: var(--fjord-deep);
  text-align: center;
  background: var(--white);
  border: 4px solid #62e0ae;
  border-radius: 18px;
  box-shadow: 0 16px 32px rgba(18,59,83,.3);
  transform: translate(-50%, -58%);
}
.feeding-game__drag-ghost img { width: 100%; aspect-ratio: 1; object-fit: cover; }
.feeding-game__drag-ghost strong { padding: 6px; font-size: .72rem; }
.feeding-game__delivery {
  position: fixed;
  z-index: 99998;
  width: clamp(62px, 9vw, 94px);
  aspect-ratio: 1;
  pointer-events: none;
  background: #fffdf7;
  border: 4px solid #62e0ae;
  border-radius: 22px;
  box-shadow: 0 16px 32px rgba(18,59,83,.3);
}
.feeding-game__delivery img { width: 100%; height: 100%; object-fit: cover; border-radius: 17px; }
.feeding-game__delivery span {
  position: absolute;
  right: -8px;
  bottom: -8px;
  display: grid;
  min-width: 30px;
  min-height: 30px;
  place-items: center;
  padding: 3px;
  background: #fff;
  border: 2px solid var(--sun);
  border-radius: 999px;
  font-size: .72rem;
}
.feeding-game[data-feeding-choice="try"] .feeding-game__prompt { background: #fff7d3; border-left-color: #f39a63; }
.feeding-game[data-feeding-choice="try"] .feeding-game__choices-head {
  background: #fff2bd;
  border-color: #f39a63;
  box-shadow: 0 0 0 4px rgba(243,154,99,.14);
}
.feeding-game[data-feeding-mode="findAnimal"] .feeding-animal:not(.is-fed):not(:disabled) > span {
  border-color: #14799b;
  box-shadow: 0 6px 14px rgba(18,59,83,.22), 0 0 0 4px rgba(20,121,155,.12);
}
.feeding-game[data-feeding-mode="free"] .feeding-game__choices-head {
  background: linear-gradient(90deg, #fff6c9, #e2f4f1);
}
.feeding-game__status {
  align-items: flex-start;
  margin-top: 13px;
  padding: 15px 17px;
  background: rgba(255,253,247,.84);
  border-radius: 18px;
}
.feeding-game__status p { margin: 0; font-weight: 850; }
.feeding-game[data-feeding-choice="success"] .feeding-game__status {
  justify-content: center;
}
.feeding-game[data-feeding-choice="success"] .feeding-game__status p {
  display: none;
}
.feeding-game__status-actions {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}
.feeding-game__status-actions .button { min-height: 44px; }
.feeding-game__finish { margin-top: 18px; }
.feeding-game__finish-body { align-items: stretch; margin-top: 14px; }
.feeding-game__finish-body > div { flex: 1; }
.feeding-game__finish-gallery {
  display: grid;
  width: min(48%, 520px);
  flex: 0 0 auto !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.feeding-game__finish-gallery img {
  width: 100%;
  height: 100%;
  min-height: 112px;
  object-fit: cover;
  border: 3px solid rgba(255,255,255,.94);
  border-radius: 15px;
  box-shadow: var(--shadow-sm);
}
/* Bildene ligger i <picture> med WebP-kilder; selve bildet er rutenettets element. */
.feeding-game__finish-gallery > picture { display: contents; }
.feeding-game__finish-gallery > img:first-child,
.feeding-game__finish-gallery > picture:first-child > img { grid-column: 1 / -1; }
.feeding-game__sparkles { position: absolute; z-index: 9; inset: 0; overflow: hidden; pointer-events: none; }
.feeding-game__sparkles i { position: absolute; color: var(--sun); font-size: clamp(1rem, 2.5vw, 1.8rem); font-style: normal; text-shadow: 0 2px 0 rgba(18,59,83,.2); animation: feeding-spark .95s ease-out forwards; }
@keyframes feeding-target {
  50% { box-shadow: inset 0 0 0 10px rgba(255,255,255,.48), 0 0 0 6px rgba(255,207,73,.26); }
}
@keyframes feeding-food-hint {
  50% { box-shadow: 0 0 0 7px rgba(255,207,73,.25), 0 8px 0 rgba(18,59,83,.1); }
}
@keyframes feeding-gentle-shake {
  33% { transform: translateX(-4px); }
  66% { transform: translateX(4px); }
}
@keyframes feeding-spark {
  from { opacity: 1; transform: translate(-50%, -50%) scale(.7); }
  to { opacity: 0; transform: translate(calc(-50% + var(--feed-x)), calc(-50% + var(--feed-y))) scale(1.4); }
}
html[data-calm="true"] .feeding-game *,
html[data-calm="true"] .feeding-game *::before,
html[data-calm="true"] .feeding-game *::after { animation: none !important; transition: none !important; }
@media (max-width: 800px) {
  .feeding-game__header,
  .feeding-game__dashboard,
  .feeding-game__status,
  .feeding-game__finish-body { align-items: stretch; flex-direction: column; }
  .feeding-game__sound { align-self: flex-start; }
  .feeding-game__progress { text-align: left; }
  .feeding-game__progress > div { justify-content: flex-start; }
  .feeding-game__turn { min-width: 0; text-align: left; }
  .feeding-game__finish-gallery { width: 100%; }
  .feeding-game__foods button { grid-template-columns: 82px minmax(0, 1fr); }
  .feeding-game__status-actions { width: 100%; justify-content: stretch; }
  .feeding-game__status-actions .button { flex: 1 1 180px; }
}
@media (max-width: 620px) {
  .feeding-game { padding: 15px; }
  .feeding-game__levels li { min-height: 50px; gap: 5px; padding: 7px 5px; }
  .feeding-game__levels li > span { width: 26px; height: 26px; }
  .feeding-game__levels strong { font-size: .8rem; }
  .feeding-game__levels small { display: none !important; }
  .feeding-game__stage { min-height: 238px; aspect-ratio: auto; border-width: 5px; border-radius: 22px; }
  .feeding-game__stage picture img { object-fit: contain; background: #5f914e; }
  .feeding-animal { top: 1%; height: 90%; border-width: 3px; border-radius: 17px; }
  .feeding-animal > span { top: 5px; min-width: 0; padding: 5px 7px; border-width: 2px; font-size: .73rem; }
  .feeding-animal.is-target > span::after,
  .feeding-animal.is-selected-animal > span::after { top: calc(100% + 3px); padding: 2px 5px; font-size: .48rem; }
  .feeding-animal.is-fed > span small { display: none; }
  .feeding-game__served { width: 48px; border-width: 3px; }
  .feeding-game__foods { grid-template-columns: 1fr; gap: 9px; }
  .feeding-game__foods[data-count="2"] { grid-template-columns: 1fr; }
  .feeding-game__foods button { grid-template-columns: 78px minmax(0, 1fr); min-height: 94px; }
  .feeding-game__food-image img { height: 76px; aspect-ratio: auto; }
  .feeding-game__food-number { top: 5px; left: 5px; width: 28px; height: 28px; font-size: .76rem; }
  .feeding-game__start { width: 90%; padding: 9px 11px; border-width: 3px; border-radius: 18px; }
  .feeding-game__start > span { display: none; }
  .feeding-game__start > strong { font-size: 1.05rem; }
  .feeding-game__start p { margin: 3px 0 7px; font-size: .78rem; line-height: 1.3; }
  .feeding-game__start-guide { gap: 7px; }
  .feeding-game__start-guide img { width: 42px; height: 42px; border-width: 2px; }
  .feeding-game__start-guide small { font-size: .55rem; }
  .feeding-game__start-guide strong { font-size: 1rem; }
  .feeding-game__start .button { min-height: 40px; padding: 6px 11px; font-size: .78rem; }
  .feeding-game__status-actions { flex-direction: row; }
  .feeding-game__status-actions .button { min-width: 0; flex-basis: 0; padding-inline: 7px; font-size: .72rem; }
  .feeding-game__stage-result { display: grid; bottom: 3%; gap: 7px; padding: 7px 9px; border-width: 3px; border-radius: 15px; }
  .feeding-game__stage-result { grid-template-columns: 36px minmax(0, 1fr); }
  .feeding-game__result-media { width: 40px; height: 40px; border-width: 2px; border-radius: 12px; }
  .feeding-game__result-media img { border-radius: 9px; }
  .feeding-game__result-media > span { right: -6px; bottom: -6px; width: 22px; height: 22px; font-size: .78rem; }
  .feeding-game__stage-result > span { width: 36px; height: 36px; font-size: 1.1rem; }
  .feeding-game__stage-result strong { font-size: .86rem; }
  .feeding-game__stage-result small { max-height: 2.5em; overflow: hidden; font-size: .65rem; }
  .feeding-game__stage-result .button { grid-column: 1 / -1; width: 100%; min-width: 0; min-height: 40px; padding: 5px 7px; font-size: .72rem; }
  .feeding-game__start-steps { margin-top: 6px; gap: 4px; }
  .feeding-game__start-steps span { min-height: 42px; padding: 4px 2px; font-size: .61rem; }
  .feeding-game__start-steps b { width: 20px; height: 20px; font-size: .66rem; }
  .feeding-game__prompt { gap: 7px; padding: 8px 9px; }
  .feeding-game__prompt-icon { display: none; }
  .feeding-game__guide { gap: 4px; }
  .feeding-game__guide > div { min-height: 39px; gap: 5px; padding: 3px 5px; }
  .feeding-game__guide > div > b { width: 24px; height: 24px; font-size: .72rem; }
  .feeding-game__guide > div small { font-size: .52rem; }
  .feeding-game__guide > div strong { font-size: .72rem; }
  .feeding-game__prompt p { margin-top: 4px; font-size: .72rem; line-height: 1.25; }
  .feeding-game__foods button.is-suggested::before { top: 3px; right: 3px; padding: 3px 5px; font-size: .48rem; }
  .feeding-game__choices-head { margin-bottom: 7px; padding: 6px 8px; }
  .feeding-game__choices-head > span { font-size: 1rem; }
  .feeding-game__choices-head strong { font-size: .82rem; }
  .feeding-game__choices-head small { font-size: .65rem; }
  .feeding-game__food-action { min-height: 26px; margin-top: 4px; padding: 3px 7px; font-size: .62rem; }
}
@media (prefers-reduced-motion: reduce) {
  .feeding-game *,
  .feeding-game *::before,
  .feeding-game *::after { animation: none !important; transition: none !important; }
}

/* ==========================================================================
   Spillvinduet på mobil (stående fra 320 × 460, og liggende): dyrene, ledeteksten,
   matkortene og «Vis riktig mat» / «Start runden på nytt» får plass uten rulling.
   Uten egne lytteknapper i rutenettet brukes hele bredden (ingen tom lyttekolonne).
   Startkortet og «Mums!»-kortet krymper etter hvor høy gårdsplassen er, og sluttkortet ruller
   selv hvis det ikke får plass.
   ========================================================================== */
.feeding-game.game-viewport.is-game-viewport[data-feeding-game] > .feeding-game__stage { container: feeding-stage / size; }
.feeding-game.game-viewport.is-game-viewport[data-feeding-game] > .feeding-game__finish:not([hidden]) { align-content: safe center; overflow-y: auto; overscroll-behavior: contain; }
.feeding-game.game-viewport.is-game-viewport[data-feeding-game] .feeding-game__finish .game-finish-card__actions .button { min-height: 44px; }
.feeding-game.game-viewport.is-game-viewport[data-feeding-game] .feeding-game__start .button { min-height: 44px; }

@media (max-width: 700px) and (orientation: portrait) {
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr) auto auto auto auto;
    grid-template-areas: "top" "stage" "prompt" "choices" "foods" "status";
    gap: 5px;
  }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) > .feeding-game__header { position: static; z-index: 2; grid-area: top; justify-self: start; align-self: center; width: auto; margin: 0; padding: 0; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) > .feeding-game__levels { grid-area: top; width: auto; margin: 0 0 0 50px; align-self: center; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) > .feeding-game__stage { grid-area: stage; width: 100%; height: 100%; min-height: 0; max-height: none; margin: 0; aspect-ratio: auto; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) > .feeding-game__prompt { grid-area: prompt; min-height: 0; margin: 0; padding: 4px 8px; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) > .feeding-game__choices-head { grid-area: choices; min-height: 0; margin: 0; padding: 4px 8px; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) > .feeding-game__foods { grid-area: foods; min-height: 0; margin: 0; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) > .feeding-game__status { grid-area: status; display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; min-height: 0; margin: 0; padding: 4px 6px; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) .feeding-game__status > p { display: block; margin: 0; font-size: .74rem; line-height: 1.25; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) .feeding-game__status-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; width: 100%; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) .feeding-game__status-actions > button { width: 100%; min-width: 0; min-height: 44px; padding: 4px 8px; font-size: .74rem; line-height: 1.15; white-space: normal; }
}
@media (max-width: 700px) and (orientation: portrait) and (max-height: 760px) {
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) > .feeding-game__choices-head { display: none; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) .feeding-game__levels li { min-height: 44px; padding: 2px 4px; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) .feeding-game__levels li > div { display: none; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) .feeding-game__prompt p { margin-top: 3px; font-size: .74rem; line-height: 1.25; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) .feeding-game__foods button { min-height: 0; height: auto; padding: 3px 4px; gap: 2px; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) .feeding-game__food-image { width: 44px; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) .feeding-game__food-image img { width: 44px; height: 44px; aspect-ratio: auto; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) .feeding-game__food-action { display: none; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) .feeding-game__food-number { width: 20px; height: 20px; font-size: .64rem; }
}
@media (max-width: 700px) and (orientation: portrait) and (max-height: 540px) {
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) .feeding-game__guide { display: none; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) .feeding-game__prompt p { margin: 0; }
}

/* Liggende mobil: gårdsplassen til venstre, oppgaven, matkortene og knappene i en kolonne til høyre. */
@media (orientation: landscape) and (max-height: 620px) {
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) {
    grid-template-columns: minmax(0, 1fr) clamp(250px, 40vw, 380px);
    grid-template-rows: auto minmax(0, 1fr) auto auto;
    grid-template-areas: "stage top" "stage prompt" "stage foods" "stage status";
    gap: 5px 8px;
    align-content: stretch;
  }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) > .feeding-game__header { position: static; z-index: 2; display: flex !important; grid-area: top; justify-self: start; align-self: center; width: auto; margin: 0; padding: 0; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) > .feeding-game__header > div { display: none; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) .feeding-game__sound { width: 44px !important; min-width: 44px; min-height: 44px; margin: 0; padding: 0; font-size: 0; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) .feeding-game__sound::before { content: "🔊"; font-size: .95rem; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) .feeding-game__sound[aria-pressed="false"]::before { content: "🔇"; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) > .feeding-game__levels { grid-area: top; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; width: auto; margin: 0 0 0 50px; align-self: center; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) .feeding-game__levels li { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 4px; min-height: 44px; padding: 2px 4px; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) .feeding-game__levels li > div { display: none; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) > .feeding-game__stage { grid-area: stage; width: 100%; height: 100%; min-height: 0; max-height: none; margin: 0; aspect-ratio: auto; border-width: 4px; border-radius: 18px; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) > .feeding-game__prompt { grid-area: prompt; align-items: flex-start; min-height: 0; margin: 0; padding: 4px 8px; overflow-y: auto; overscroll-behavior: contain; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) .feeding-game__prompt-icon { display: none; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) .feeding-game__prompt p { display: block; margin: 3px 0 0; font-size: .74rem; line-height: 1.25; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) .feeding-game__guide { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 3px; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) .feeding-game__guide > i { display: block; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) .feeding-game__guide > div { min-height: 34px; padding: 2px 5px; gap: 4px; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) .feeding-game__guide > div > b { width: 20px; height: 20px; font-size: .64rem; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) > .feeding-game__choices-head { display: none; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) > .feeding-game__foods { grid-area: foods; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: auto; gap: 4px; min-height: 0; margin: 0; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) > .feeding-game__foods[data-count="2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) .feeding-game__foods button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-height: 0; height: auto; padding: 3px 4px; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) .feeding-game__food-image { width: 34px; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) .feeding-game__food-image img { width: 34px; height: 34px; aspect-ratio: auto; border-width: 2px; border-radius: 9px; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) .feeding-game__food-image b { display: none; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) .feeding-game__food-copy { position: static; width: 100%; text-align: center; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) .feeding-game__food-copy strong { display: block; padding: 0; overflow: visible; background: transparent; font-size: .64rem; line-height: 1.1; white-space: normal; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) :is(.feeding-game__food-copy small, .feeding-game__food-copy em, .feeding-game__food-shared, .feeding-game__food-action, .feeding-game__drag-grip) { display: none !important; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) .feeding-game__food-number { width: 20px; height: 20px; font-size: .64rem; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) > .feeding-game__status { grid-area: status; display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; min-height: 0; margin: 0; padding: 4px 6px; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) .feeding-game__status > p { display: block; margin: 0; font-size: .72rem; line-height: 1.25; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) .feeding-game__status-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; width: 100%; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) .feeding-game__status-actions > button { width: 100%; min-width: 0; min-height: 44px; padding: 3px 6px; font-size: .7rem; line-height: 1.15; white-space: normal; }
}
@media (orientation: landscape) and (max-height: 360px) {
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) .feeding-game__guide { display: none; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) .feeding-game__prompt p { margin: 0; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game]:not(:has(> .site-audio)) .feeding-game__status > p { display: none; }
}

/* Sluttkortet på lave skjermer: mindre bildegalleri (eller ingen), og de tre knappene samlet. */
@media (max-height: 700px) {
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game] > .feeding-game__finish:not([hidden]) { padding: 12px !important; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game] .feeding-game__finish .game-finish-card__stars { display: none; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game] .feeding-game__finish .game-finish-card__lead > span { width: 40px; height: 40px; font-size: 1.2rem; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game] .feeding-game__finish .game-finish-card__lead h4 { font-size: 1.3rem; line-height: 1.1; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game] .feeding-game__finish .game-finish-card__lead p { margin-top: 3px; font-size: .84rem; line-height: 1.3; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game] .feeding-game__finish-body { gap: 8px; margin-top: 8px; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game] .feeding-game__finish-gallery { height: 130px; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game] .feeding-game__finish .game-finish-card__fact { margin: 0; font-size: .84rem; line-height: 1.3; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game] .feeding-game__finish .game-finish-card__actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin-top: 6px; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game] .feeding-game__finish .game-finish-card__actions .button { grid-column: auto; width: 100%; min-width: 0; min-height: 44px; padding: 4px 8px; font-size: .78rem; line-height: 1.15; white-space: normal; }
}
@media (max-height: 520px) {
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game] .feeding-game__finish-gallery { display: none; }
}
@media (max-height: 360px) {
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game] .feeding-game__finish .game-finish-card__lead p { display: none; }
}

/* Startkortet og «Mums!»-kortet på lave gårdsplasser. */
@container feeding-stage (max-height: 330px) {
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game] .feeding-game__start { gap: 4px; width: min(94%, 500px); max-height: calc(100% - 12px); padding: 8px 10px; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game] .feeding-game__start-guide img { width: 36px; height: 36px; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game] .feeding-game__start-guide strong { font-size: 1.05rem; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game] .feeding-game__start p { font-size: .74rem; line-height: 1.25; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game] .feeding-game__start-steps { margin: 2px 0; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game] .feeding-game__start-steps > span { min-height: 0; padding: 3px 4px; font-size: .66rem; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game] .feeding-game__start .button { min-height: 44px; padding-block: 5px; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game] .feeding-game__start > [data-feeding-start] { position: sticky; z-index: 1; bottom: 0; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game] .feeding-game__start > .olav-inline-guide { gap: 6px; margin: 0; padding: 6px 8px; font-size: .84rem; line-height: 1.3; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game] .feeding-game__start > .olav-inline-guide button { min-height: 44px; padding: 6px 12px; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game] .feeding-game__stage-result { display: grid; grid-template-columns: 40px minmax(0, 1fr); align-items: center; bottom: 6px; gap: 4px 8px; width: calc(100% - 12px); max-width: none; padding: 6px 8px; border-width: 3px; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game] .feeding-game__stage-result > div:not(.feeding-game__result-media) { grid-column: 2; min-width: 0; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game] .feeding-game__result-media { width: 40px; height: 40px; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game] .feeding-game__stage-result strong { font-size: .9rem; line-height: 1.15; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game] .feeding-game__stage-result small { font-size: .7rem; line-height: 1.2; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game] .feeding-game__stage-result .button { grid-column: 1 / -1; width: 100%; min-width: 0; min-height: 44px; padding: 4px 8px; font-size: .74rem; white-space: normal; }
}
@container feeding-stage (max-height: 230px) {
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game] .feeding-game__start p,
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game] .feeding-game__start-steps { display: none; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game] .feeding-game__stage-result small { display: none; }
}
@container feeding-stage (max-height: 160px) {
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game] .feeding-game__start-guide img { display: none; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game] .feeding-game__result-media { display: none; }
  .feeding-game.game-viewport.is-game-viewport[data-feeding-game] .feeding-game__stage-result > div:not(.feeding-game__result-media) { grid-column: 1 / -1; }
}