/* Stage-only letter shapes: keep case intact and use readable print, not decorative artwork. */
/* Alphabet Garden reference presentation. Every selector remains game-owned. */
.game-play-page[data-game-slug="alphabet-garden"] .keyboard-game{border:2px solid #bfdbc5;border-radius:28px;background:#fffdf1 url('/media/games/alphabet-garden/brainopia-v2/board-desktop.png') center/100% 100% no-repeat;padding:28px clamp(16px,5vw,70px);box-shadow:0 8px 0 #e0ecda;color:#183d35}
.game-play-page[data-game-slug="alphabet-garden"] .keyboard-progress{color:#284c42;background:#fffdf5;border:1px solid #bfd6c2;border-radius:999px;padding:8px 18px;font-weight:700}
.game-play-page[data-game-slug="alphabet-garden"] .keyboard-status{padding:12px 18px;border-radius:16px;background:#fffdf5;color:#25493e;min-height:48px;box-sizing:border-box;max-width:650px}
.game-play-page[data-game-slug="alphabet-garden"] .keyboard-choices button{border:2px solid #41745f;border-bottom-width:6px;border-radius:22px;background:#fff;color:#183d35;min-height:80px;box-shadow:0 4px 0 #d7e5cf;text-transform:none;touch-action:manipulation}
.game-play-page[data-game-slug="alphabet-garden"] .keyboard-choices button:hover:not(:disabled){background:#fff6cc;border-color:#285843}
.game-play-page[data-game-slug="alphabet-garden"] .keyboard-choices button:focus-visible,
.game-play-page[data-game-slug="alphabet-garden"] .alphabet-board-pair button:focus-visible,
.game-play-page[data-game-slug="alphabet-garden"] .alphabet-board-controls button:focus-visible{outline:4px solid #123f91;outline-offset:4px;box-shadow:0 0 0 8px #fff}
.game-play-page[data-game-slug="alphabet-garden"] .keyboard-choices button.is-correct{background:#d9f1d6;border-color:#286041}
.game-play-page[data-game-slug="alphabet-garden"] .keyboard-choices button.is-try-again{background:#fff2cc;border-style:dashed;border-color:#80520b;animation:none}
.game-play-page[data-game-slug="alphabet-garden"] .keyboard-complete{border:2px solid #7aaa6c;border-radius:24px;background:#fffdf5;padding:24px;color:#183d35;max-width:100%;box-sizing:border-box}
.game-play-page[data-game-slug="alphabet-garden"][data-alphabet-presentation] .game-play-heading{position:relative;isolation:isolate;overflow:hidden;border:2px solid #b4dac6;border-radius:28px;min-height:320px;padding:28px;background:#edf7ef;box-sizing:border-box}
.game-play-page[data-game-slug="alphabet-garden"][data-alphabet-presentation] .game-play-heading>div{position:relative;width:58%;max-width:650px;padding:20px;border-radius:20px;background:rgba(255,255,247,.97);box-sizing:border-box}
.game-play-page[data-game-slug="alphabet-garden"][data-alphabet-presentation] .game-play-heading>aside{position:relative;align-self:end;background:#fffdf5;color:#24493d;border-radius:16px;padding:12px;max-width:180px}
.game-play-page[data-game-slug="alphabet-garden"][data-alphabet-presentation] .game-play-heading>aside strong{color:#24493d}
.game-play-page[data-game-slug="alphabet-garden"] .alphabet-garden-topper{position:absolute;inset:0;z-index:-1;pointer-events:none}
.game-play-page[data-game-slug="alphabet-garden"] .alphabet-garden-topper[hidden]{display:none}
.game-play-page[data-game-slug="alphabet-garden"] .alphabet-garden-topper img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit}
.game-play-page[data-game-slug="alphabet-garden"] .alphabet-garden-state{display:block;width:56px;height:56px;background:url('/media/games/alphabet-garden/brainopia-v2/feedback-states.svg#instruction') center/contain no-repeat;margin:0 auto 8px}
.game-play-page[data-game-slug="alphabet-garden"][data-alphabet-state="correct"] .alphabet-garden-state{background-image:url('/media/games/alphabet-garden/brainopia-v2/feedback-states.svg#correct')}
.game-play-page[data-game-slug="alphabet-garden"][data-alphabet-state="gentle-retry"] .alphabet-garden-state{background-image:url('/media/games/alphabet-garden/brainopia-v2/feedback-states.svg#retry')}
.game-play-page[data-game-slug="alphabet-garden"][data-alphabet-state="complete"] .alphabet-garden-state{background-image:url('/media/games/alphabet-garden/brainopia-v2/feedback-states.svg#complete')}
@media(max-width:600px){
 .game-play-page[data-game-slug="alphabet-garden"] .keyboard-game{padding:20px 12px;background-image:url('/media/games/alphabet-garden/brainopia-v2/board-mobile.png');border-radius:20px}
 .game-play-page[data-game-slug="alphabet-garden"][data-alphabet-presentation] .game-play-heading{display:flex;flex-direction:column;padding:12px;gap:12px;min-height:0}
 .game-play-page[data-game-slug="alphabet-garden"] .alphabet-garden-topper{position:relative;inset:auto;z-index:0;order:2;width:100%;height:auto;aspect-ratio:941/1100;overflow:hidden;border-radius:18px}
 .game-play-page[data-game-slug="alphabet-garden"] .alphabet-garden-topper img{object-position:center bottom}
 .game-play-page[data-game-slug="alphabet-garden"][data-alphabet-presentation] .game-play-heading>div{width:100%;padding:12px}
 .game-play-page[data-game-slug="alphabet-garden"][data-alphabet-presentation] .game-play-heading>aside{align-self:stretch;max-width:none}
 .game-play-page[data-game-slug="alphabet-garden"] .keyboard-status{padding:10px;font-size:16px}
}
@media(prefers-reduced-motion:reduce){.game-play-page[data-game-slug="alphabet-garden"] .keyboard-game *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.game-play-page[data-game-slug="alphabet-garden"]:has([data-game-stage-context]) .keyboard-prompt strong{width:clamp(160px,23vw,210px);grid-template-rows:1fr auto;gap:8px;padding:16px 12px;background:linear-gradient(145deg,#8054a7,#593180);box-shadow:0 16px 32px rgba(89,49,128,.18)}
.game-play-page[data-game-slug="alphabet-garden"] .keyboard-prompt .alphabet-target{font:700 clamp(80px,10vw,116px)/1 Arial,sans-serif;text-transform:none}
.game-play-page[data-game-slug="alphabet-garden"] .keyboard-prompt .alphabet-case-cue{font:700 14px/1.3 Arial,sans-serif;text-transform:none}
.game-play-page[data-game-slug="alphabet-garden"]:has([data-game-stage-context]) .keyboard-choices{width:min(100%,calc(var(--alphabet-choice-count,3)*155px));grid-template-columns:repeat(var(--alphabet-choice-count,3),minmax(0,1fr))}
.game-play-page[data-game-slug="alphabet-garden"]:has([data-game-stage-context]) .keyboard-choices button{width:100%;min-width:0;min-height:100px;font:700 clamp(52px,7vw,76px)/1.15 Arial,sans-serif;text-transform:none}
.game-play-page[data-game-slug="alphabet-garden"]:has([data-game-stage-context]) .keyboard-choices button:focus-visible{outline:3px solid #1268c4;outline-offset:3px}
@media(max-width:560px){.game-play-page[data-game-slug="alphabet-garden"]:has([data-game-stage-context]) .keyboard-game .keyboard-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}
.alphabet-letter-guide{width:min(100%,620px);margin-top:20px;color:#23325d;text-align:left}
.alphabet-letter-guide[hidden]{display:none}
.alphabet-letter-guide details{border:1px solid #ccb6e1;border-radius:16px;background:#faf7ff;overflow:hidden}
.alphabet-letter-guide summary{padding:16px;min-height:48px;box-sizing:border-box;cursor:pointer;font:700 16px/1.4 Arial,sans-serif;color:#563179}
.alphabet-letter-guide summary:focus-visible{outline:3px solid #1268c4;outline-offset:-4px}
.alphabet-guide-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 16px 16px}
.alphabet-guide-panel{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;min-width:0;padding:14px;border:1px solid #ded0ed;border-radius:12px;background:#fff}
.alphabet-guide-letter{display:block;text-align:center;color:#563179;font:700 60px/1.2 Arial,sans-serif;text-transform:none}
.alphabet-guide-panel p{margin:0;font:600 15px/1.5 Arial,sans-serif}
@media(max-width:700px){.alphabet-guide-panels{grid-template-columns:1fr}.alphabet-guide-panel{grid-template-columns:54px minmax(0,1fr);padding:12px;gap:10px}}
/* Only these two local printed styles are permitted by the definition loader. */
.game-play-page[data-game-slug="alphabet-garden"] [data-letter-target-print="book"] .alphabet-target,
.game-play-page[data-game-slug="alphabet-garden"] [data-letter-target-print="book"] .alphabet-board-target{font-family:Georgia,'Times New Roman',serif}
.game-play-page[data-game-slug="alphabet-garden"]:has([data-game-stage-context]) [data-letter-choice-print="book"] .keyboard-choices button,
.game-play-page[data-game-slug="alphabet-garden"] [data-letter-choice-print="book"] .alphabet-board-value{font-family:Georgia,'Times New Roman',serif}
.game-play-page[data-game-slug="alphabet-garden"] .keyboard-prompt{max-width:100%;text-align:center}
.game-play-page[data-game-slug="alphabet-garden"]:has([data-game-stage-context]) .keyboard-prompt strong[data-alphabet-board]{width:min(100%,650px);aspect-ratio:auto;grid-template-rows:auto;padding:18px;border:2px solid #d8c8ed;border-radius:22px;background:#faf7ff;box-shadow:none;color:#34214b;box-sizing:border-box}
.alphabet-board-grid{display:grid;gap:12px;width:100%;min-width:0}
.alphabet-board-pair{display:grid;grid-template-columns:minmax(76px,1fr) minmax(120px,1.4fr);gap:12px;align-items:stretch;min-width:0}
.alphabet-board-fixed,.alphabet-board-pair button{display:grid;gap:6px;align-content:center;justify-items:center;padding:10px;min-width:0;min-height:106px;border:2px solid #d9c7ea;border-radius:14px;background:#fff;color:#34214b}
.alphabet-board-pair button{cursor:pointer;border-style:dashed}
.keyboard-prompt .alphabet-board-pair small{font:700 13px/1.4 Arial,sans-serif;text-transform:none}
.game-play-page[data-game-slug="alphabet-garden"] .keyboard-prompt .alphabet-board-target,
.game-play-page[data-game-slug="alphabet-garden"] .keyboard-prompt .alphabet-board-value{font:700 clamp(52px,7vw,72px)/1.1 Arial,sans-serif;text-transform:none}
.game-play-page[data-game-slug="alphabet-garden"] [data-letter-target-print="book"] .alphabet-board-target{font-family:Georgia,'Times New Roman',serif}
.game-play-page[data-game-slug="alphabet-garden"] [data-letter-choice-print="book"] .alphabet-board-value{font-family:Georgia,'Times New Roman',serif}
.alphabet-board-pair button.is-selected{border-style:solid;border-color:#684292;background:#efe5fb}
.alphabet-board-pair button.is-try-again{border-style:solid;border-color:#996416;background:#fff4db}
.alphabet-board-pair button:hover:not(:disabled){background:#eee4fb}
.alphabet-board-pair button:focus-visible,.alphabet-board-controls button:focus-visible{outline:3px solid #1268c4;outline-offset:3px}
.alphabet-board-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:min(100%,650px);margin-top:16px}
.alphabet-board-controls[hidden]{display:none}
.alphabet-board-controls p{flex-basis:100%;margin:0;text-align:center;font:700 15px/1.5 Arial,sans-serif}
.alphabet-board-controls button{min-height:48px;max-width:100%;padding:12px 18px;border:2px solid #684292;border-radius:12px;background:#684292;color:#fff;cursor:pointer;font:700 16px/1.4 Arial,sans-serif}
.alphabet-board-controls [data-alphabet-clear]{background:#fff;color:#563179}
.alphabet-board-controls button:disabled{opacity:.55;cursor:default}
@media(max-width:560px){.game-play-page[data-game-slug="alphabet-garden"]:has([data-game-stage-context]) .keyboard-prompt strong[data-alphabet-board]{padding:10px}.alphabet-board-pair{grid-template-columns:minmax(60px,1fr) minmax(90px,1.4fr);gap:8px}.alphabet-board-fixed,.alphabet-board-pair button{padding:8px 4px}.alphabet-board-controls button{width:100%}}