*{box-sizing:border-box} :root{--ink:#213e3e;--teal:#176965;--teal-dark:#104e4b;--coral:#c65f43;--gold:#e9b74f;--cream:#fffbed;--line:#cbd8cc;--shadow:0 8px 24px #33453b1a;font-family:'Segoe UI',system-ui,sans-serif;color:var(--ink);background:#e9f0dc}body{margin:0;min-width:300px}button,select,input{font:inherit}button,summary,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #a74527;outline-offset:4px}button,summary,select{min-height:44px}h1,h2,p{margin-top:0}h1{line-height:1.15}h1:focus,h2:focus{outline:none}button,select{border-radius:14px}button{border:0}img{max-width:100%}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#scene{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none;background:#e8f1df}.scene-camera{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:max(100vw,150vh);aspect-ratio:3/2}.scene-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.scene-sky{z-index:0}.scene-background{z-index:1}.scene-middle{z-index:3}.scene-foreground{z-index:5}.scene-cloud{position:absolute;z-index:2;left:0;top:10%;width:15%}.cloud-1{top:23%;width:11%}.layer-inspector{position:fixed;left:12px;bottom:12px;z-index:70;background:white;padding:12px;border-radius:12px;pointer-events:auto}.layer-inspector label{display:block}#toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;z-index:30;padding:14px clamp(16px,3vw,48px);min-height:88px;background:transparent}.home-control{display:flex;align-items:center;gap:10px;background:transparent;color:var(--ink);font-weight:800;font-size:18px}.home-control img{width:48px;height:48px;object-fit:contain}.toolbar-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.control{display:inline-flex;align-items:center;justify-content:center;background:var(--cream);border:1px solid #b3c6bb;color:var(--ink);padding:8px 13px;font-size:14px;font-weight:650;border-radius:12px;list-style:none}.teacher-panel{position:relative}.teacher-panel summary{cursor:pointer}.teacher-panel[open]{background:var(--cream);padding:12px;position:absolute;right:clamp(16px,3vw,48px);top:17px;width:min(320px,calc(100vw - 32px));box-shadow:var(--shadow);border:1px solid var(--line);border-radius:16px;z-index:60}.teacher-panel[open] summary{margin-bottom:16px}.teacher-title{font-size:18px;font-weight:750;margin:0 0 12px}.field{display:flex;flex-direction:column;gap:5px;text-align:left;margin:12px 0}.field-label{font-size:13px;font-weight:750}.field select{width:100%;padding:9px 12px;background:white;border:1px solid #9fb6aa;color:var(--ink)}#app{max-width:1440px;margin:0 auto;padding:10px clamp(16px,3vw,48px) 48px}.home-screen{min-height:calc(100dvh - 88px);display:grid;place-items:center}.home-hero{text-align:center;align-self:start;padding-top:clamp(12px,4vh,50px)}.eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.18em;background:var(--cream);padding:8px 15px;border-radius:50px;margin-bottom:12px}.town-title{font:800 clamp(56px,7vw,100px)/.95 Georgia,serif;letter-spacing:-.04em;margin:0;text-shadow:0 2px 0 #fffbed}.home-subtitle{display:inline-block;font-size:clamp(21px,2.5vw,31px);font-weight:700;background:var(--cream);padding:5px 18px;border-radius:12px;margin:12px 0 16px}.explore-button{display:block;position:relative;width:clamp(220px,31vw,380px);aspect-ratio:1;margin:0 auto;background:transparent;padding:0;filter:drop-shadow(0 8px 12px #233e3529)}.explore-button img{width:100%;height:100%;object-fit:contain;display:block}.explore-label{position:absolute;bottom:4%;left:50%;transform:translateX(-50%);background:var(--teal);border:4px solid var(--cream);color:white;border-radius:50px;padding:9px 32px;font-size:25px;font-weight:800;box-shadow:0 4px 0 #123f3d}.home-question{display:inline-block;background:var(--cream);padding:8px 18px;border-radius:25px;font-weight:650;margin-top:22px}.page-title{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:14px 0 24px}.page-title h1{font:700 clamp(30px,3vw,44px)/1.1 Georgia,serif;margin:0;display:inline-block;background:var(--cream);padding:8px 16px;border-radius:14px}.scope-chip{display:inline-block;font-size:14px;font-weight:650;background:var(--cream);padding:8px 12px;border-radius:12px;margin:0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;background:var(--teal);color:white;font-weight:750;border:2px solid var(--teal);gap:8px;box-shadow:0 3px 0 var(--teal-dark);line-height:1.25}.button.secondary{background:var(--cream);color:var(--teal);border-color:#adc3b4;box-shadow:none}.button:disabled,.answer:disabled{opacity:1;background:#e3eade;color:#536c5f;box-shadow:none;border-color:#bacabe}.text-button,.back-button{background:var(--cream);color:var(--teal-dark);padding:10px 14px;font-weight:700;border:1px solid #b6c7b8}.back-button{margin:6px 0}.explorer-tile{position:relative;display:grid;grid-template-columns:110px 1fr;grid-template-rows:1fr 1fr;column-gap:24px;align-items:center;text-align:left;background:#175e5b;color:var(--cream);width:100%;padding:20px 28px;border-radius:24px;box-shadow:var(--shadow);border:3px solid #f2d28d;margin-bottom:28px;overflow:hidden}.explorer-tile>img{grid-row:1/3;width:105px;height:130px;object-fit:contain;align-self:end}.feature-copy{font:700 clamp(26px,3vw,39px)/1.1 Georgia,serif;align-self:end}.feature-note{font-size:17px;align-self:start;margin-top:7px}.mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.mode-tile{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;background:var(--cream);color:var(--ink);border:1px solid #c3d0be;box-shadow:var(--shadow);border-radius:22px;padding:14px 14px 18px;font-size:17px;min-height:205px;position:relative}.mode-tile .picture{width:100%;height:135px;min-height:0}.mode-tile strong{line-height:1.2}.mode-tile:disabled{color:#536a5d;background:#f3f1e4}.coming-soon{font-size:12px;font-weight:750;border:1px solid #b7c7b4;padding:3px 9px;border-radius:15px;color:#526b5a}.picture{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;position:relative;min-width:0;overflow:hidden}.picture img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}.image-fallback{font-size:15px;color:#54665a;padding:18px;text-align:center}.hero-picture{width:100%;height:clamp(250px,43vh,470px);min-height:230px}.collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.collection-tile{background:var(--cream);padding:14px;border:1px solid var(--line);color:var(--ink);display:flex;flex-direction:column;gap:8px;align-items:center}.collection-tile .picture{height:120px;width:100%}.fine{font-size:14px;line-height:1.5;color:#4e6257}.setup-panel,.setup-card,.empty-state{background:var(--cream);border:1px solid var(--line);padding:24px;border-radius:22px;box-shadow:var(--shadow);text-align:center}.setup-panel>.button{margin:8px}.pool-count{font-size:22px;font-weight:750}.setup-panel .field{max-width:330px;margin:16px auto}.family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.setup-card p{margin:16px 0 0}.teacher-note{margin:20px 0 0;text-align:left;border-top:1px solid var(--line);padding-top:12px;font-size:15px}.teacher-note summary,.discussion summary,.legend summary{cursor:pointer;font-weight:750}.teacher-note p{margin:12px 0 0;line-height:1.6}.activity-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between;margin:2px 0 15px}.score{background:var(--cream);border-radius:20px;padding:9px 15px;color:var(--teal-dark);font-weight:800}.activity{border:1px solid var(--line);border-radius:26px;padding:clamp(18px,2.3vw,32px);background:var(--cream);box-shadow:var(--shadow);text-align:center}.question{font-size:clamp(24px,2.5vw,34px);line-height:1.3;margin-bottom:22px}.word-title{font:700 clamp(30px,3.5vw,48px)/1.1 Georgia,serif;margin:14px 0}.definition{font-size:clamp(18px,2vw,24px);line-height:1.5}.example{font-size:18px;line-height:1.6;color:#4e6257}.actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:22px 0 0}.learn-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center}.learning-copy{text-align:left}.learning-copy .actions{justify-content:flex-start}.feedback{font-size:18px;font-weight:700;line-height:1.5;padding:12px 16px;background:#e0efdb;color:#174b38;border-radius:13px;margin:20px auto 14px;max-width:850px}.feedback:empty{display:none}.feedback.retry{background:#fff0d0;color:#724915}.next{margin:10px 8px}.answers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.answer{background:white;color:var(--ink);border:2px solid #aebfac;min-height:70px;border-radius:20px;padding:14px;font-size:21px;font-weight:750}.answer .picture{height:220px;width:100%;margin-bottom:12px}.text-answers .answer{padding:20px;min-height:100px}.picture-toggles{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-bottom:15px;font-size:14px}.picture-toggles input{width:18px;height:18px;vertical-align:middle}.target-picture{height:200px;max-width:420px;margin:0 auto}.question-picture{height:220px;max-width:500px;margin:auto}.reading-sentence{font:700 clamp(25px,3vw,37px)/1.4 Georgia,serif;max-width:950px;margin:24px auto}.discussion{max-width:800px;text-align:left;margin:16px auto;padding:16px;background:#f1eddb;border-radius:14px}.mystery-stage{width:min(100%,760px);margin:0 auto}.mystery-stage canvas{width:100%;max-height:50vh;object-fit:contain;display:block}.spelling-layout{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:20px}.spelling-clue .picture{height:240px}.spelling-clue .definition{font-size:18px}.sign-stage{position:relative;width:100%;height:300px;display:grid;place-items:center}.sign-stage>img{width:100%;height:100%;object-fit:contain}.painted-sign{position:absolute;left:16%;right:16%;top:39%;font:700 clamp(18px,2.7vw,34px)/1.2 Georgia,serif;color:#24463d;white-space:pre-wrap}.sign-brush{position:absolute;right:20%;bottom:30%;color:#c96b3e;font-size:30px}.sign-stage[data-result=loss]{filter:saturate(.7)}.letter-answer{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;margin:20px 0}.letter-box{border-bottom:3px solid var(--teal);font-size:clamp(20px,2.5vw,32px);font-weight:800;min-width:28px;padding:4px}.word-space{width:20px}.punctuation{font-size:28px}.letter-keyboard{max-width:850px;margin:auto;display:flex;flex-wrap:wrap;gap:7px;justify-content:center}.letter-key{height:48px;min-width:48px;background:white;border:1px solid #a8beae;color:var(--ink);font-weight:750;font-size:22px;box-shadow:0 2px 0 #b9c8b7}.letter-key:disabled{background:#e3e4d7;color:#727c70;box-shadow:none}.letter-key.letter-correct{background:#d7ebd1;color:#205834}.flip-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.flip-tile{background:#206e68;border:2px solid #e5c97c;min-height:155px;padding:10px;color:var(--ink);border-radius:16px}.flip-tile .picture{height:105px;width:100%}.flip-tile strong{font-size:15px;line-height:1.2;display:block;margin-top:5px}.flip-tile.is-open{background:white;border-color:#aac2a6}.flip-tile:disabled{background:#e4f1dc;border-color:#8db789}.tile-back{font:700 50px Georgia,serif;color:#f3e6b8}.flip-grid[data-pairs="10"] .flip-tile{min-height:180px}.flip-grid[data-pairs="10"] .picture{height:130px}.wheel-stage{position:relative;width:min(64vh,560px,90vw);aspect-ratio:1;margin:18px auto}.wheel-disc{position:absolute;inset:0;background:conic-gradient(#f9ecc7 0deg 60deg,#e0ead4 60deg 120deg,#f3d6bd 120deg 180deg,#e4efda 180deg 240deg,#f9e2ba 240deg 300deg,#d7e8dd 300deg);border-radius:50%;border:8px solid #19635d;box-shadow:var(--shadow)}.wheel-marker{position:absolute;width:24%;height:24%;display:grid;place-items:center}.wheel-marker .picture{width:100%;height:100%}.wheel-pointer{position:absolute;right:-10px;top:calc(50% - 16px);width:32px;height:32px;border-radius:50%;background:#b53f36;border:4px solid white;z-index:3}.spin-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;width:92px;height:92px;background:var(--teal);border:5px solid var(--cream);color:white;font-size:23px;font-weight:800;z-index:4}.results-panel{max-width:700px;margin:30px auto;background:var(--cream);padding:32px;text-align:center;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}.results-panel .picture{height:230px}.results-panel h1{font:700 42px Georgia,serif;margin:20px 0}.result-score{font-size:38px;font-weight:800;color:var(--teal)}.results-panel .button{margin:8px}.paused .activity:before{content:'Paused · use Resume in the toolbar';display:block;background:#f6dfa7;border-radius:12px;padding:10px;margin-bottom:20px;font-weight:750}.explorer-holder{background:var(--cream);border:1px solid var(--line);border-radius:25px;padding:clamp(16px,2vw,28px);box-shadow:var(--shadow)}.explorer-holder>.question{margin:16px 0 10px}.explorer-task{font-size:21px;line-height:1.5;max-width:1000px}.explorer-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:22px;align-items:start}.map-section{min-width:0}.map-scroll{width:100%;max-height:600px;overflow:auto;border:2px solid #b1c3a7;border-radius:20px;position:relative;background:#e4ebd3;scrollbar-width:auto}.town-map{position:relative;isolation:isolate;background-color:#e9eed9;background-image:radial-gradient(#bdd19b44 1px,transparent 1px);background-size:9px 9px}.map-paths{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.map-edge{stroke:#d7c099;stroke-width:32;stroke-linecap:round}.closed-edge{stroke:#ad4435;stroke-dasharray:15 9}.planned-route{stroke:#1d6b67;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;fill:none}.path-node{position:absolute;width:40px;height:40px;border-radius:50%;transform:translate(-50%,-50%);background:#fffbed;border:3px solid #27776c;color:#1d6b67;font-size:17px;z-index:4;min-height:40px}.map-landmark{position:absolute;width:155px;height:145px;background:transparent;padding:0;display:flex;flex-direction:column;align-items:center;z-index:2;color:#24483e}.map-landmark .picture{height:112px;width:150px}.map-landmark strong{background:var(--cream);font-size:14px;border:1px solid #a6bea7;border-radius:7px;padding:3px 6px;max-width:155px}.selected-place{outline:3px solid #b66b2e;border-radius:16px}.explorer-token{position:absolute;width:50px;height:66px;transform:translate(-50%,-87%);z-index:7;pointer-events:none}.explorer-token img{width:45px;height:57px;object-fit:contain;filter:drop-shadow(1px 2px 1px #26503e66)}.facing-arrow{position:absolute;left:14px;top:-15px;color:#154e66;font-size:26px;line-height:1;transform-origin:50% 50%;text-shadow:0 2px white}.start-marker,.goal-marker{position:absolute;transform:translateX(-50%);border-radius:8px;font-size:12px;font-weight:800;padding:3px 6px;background:#f5e1a3;color:#4c431f;z-index:5;pointer-events:none;border:1px solid #877034}.goal-marker{background:#d4e8f0;color:#174f62;border-color:#367f93}.closure-mark{position:absolute;transform:translate(-50%,-50%);background:#a74435;color:white;border:2px solid white;padding:4px 8px;font-weight:750;font-size:13px;border-radius:7px;z-index:6}.map-pan{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.map-pan .control{font-size:12px;padding:7px 9px;min-height:44px}.route-panel{background:white;padding:18px;border:1px solid var(--line);border-radius:18px}.route-goal{font-weight:750;line-height:1.5}.heading-indicator{background:#e0edf0;color:#174d60;font-weight:750;padding:12px;border-radius:12px}.route-heading{font-size:18px;margin-top:20px}.route-inputs{display:flex;gap:7px;flex-wrap:wrap}.command-button{font-size:14px;padding:10px;min-height:48px}.command-list{padding-left:30px;max-height:180px;overflow-y:auto;font-size:15px;line-height:1.8}.empty-route{list-style:none;margin-left:-24px;color:#5c6d60;font-size:14px}.invalid-command{color:#a13e2f;font-weight:750}.route-actions,.route-final{display:flex;gap:8px;flex-wrap:wrap}.route-actions .button,.route-final .button{padding:10px 13px;font-size:14px}.route-panel .feedback{font-size:15px}.required-commands{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}.required-commands strong{width:100%}.command-chip{background:#f8eccf;padding:5px 9px;border-radius:7px;font-size:14px;font-weight:650}.constraint{background:#fff0d4;border-radius:10px;padding:10px;font-size:14px;font-weight:700}.legend{margin-top:20px;border-top:1px solid var(--line);padding-top:16px}.legend-items{display:flex;flex-wrap:wrap;gap:8px}.legend-item{display:flex;align-items:center;gap:5px;border:1px solid #c8d6bd;border-radius:10px;padding:5px;background:white;font-size:12px;font-weight:650}.legend-item .picture{width:42px;height:42px}.legend-symbols{font-size:13px;line-height:1.7;margin:12px 0 0}@media(hover:hover){.button:not(:disabled):hover,.spin-button:not(:disabled):hover{background:#0d514e;color:white}.secondary:not(:disabled):hover,.control:hover,.back-button:hover{background:#e1edda;color:#174d43}.mode-tile:not(:disabled):hover,.collection-tile:hover,.answer:not(:disabled):hover{background:#edf3e1;border-color:var(--teal)}.explore-button:hover{transform:scale(1.04)}.map-landmark:hover strong{background:#e0efd5}.path-node:hover{background:#f0d28a}}@media(min-width:1200px){.map-scroll{height:590px}.town-map{transform-origin:top left}}@media(max-width:1050px){.flip-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.explorer-layout{grid-template-columns:1fr}.map-scroll{height:500px;max-height:55vh}.route-panel{display:block}.collection-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.family-grid{gap:12px}.setup-card{padding:18px}.answer .picture{height:185px}}@media(max-width:700px){#toolbar{padding:10px 14px;align-items:flex-start;gap:8px}.home-control{font-size:15px;gap:5px}.home-control img{width:38px;height:38px}.toolbar-controls{gap:5px;max-width:70%}.control{font-size:12px;padding:8px 10px}.teacher-panel[open]{right:14px;top:12px}.home-hero{padding-top:22px}.town-title{font-size:64px}.home-subtitle{font-size:23px}.explore-button{width:min(69vw,310px)}.home-question{font-size:15px}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mode-tile{padding:10px;min-height:180px;font-size:15px;border-radius:17px}.mode-tile .picture{height:115px}.explorer-tile{grid-template-columns:75px 1fr;padding:15px;gap:14px}.explorer-tile>img{width:75px;height:105px}.feature-copy{font-size:27px}.feature-note{font-size:13px}.page-title{gap:10px}.page-title h1{font-size:30px}.scope-chip{font-size:12px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-tile .picture{height:105px}.family-grid{grid-template-columns:1fr}.learn-layout{grid-template-columns:1fr;gap:14px}.learning-copy{text-align:center}.learning-copy .actions{justify-content:center}.hero-picture{height:300px;min-height:230px}.word-title{font-size:35px}.definition{font-size:20px}.answers{grid-template-columns:1fr;gap:12px}.answer{display:flex;align-items:center;gap:15px;text-align:left;font-size:20px}.answer .picture{width:43%;height:155px;margin:0}.text-answers .answer{display:block;text-align:center;min-height:80px}.question{font-size:25px}.target-picture{height:170px}.spelling-layout{grid-template-columns:1fr;gap:4px}.spelling-clue{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:12px}.spelling-clue .picture{height:110px;grid-row:1/3}.spelling-clue .definition{font-size:16px;margin:0}.spelling-clue .button{min-height:40px;padding:7px;font-size:14px}.sign-stage{height:210px}.letter-box{min-width:22px;font-size:24px}.letter-answer{gap:4px}.letter-key{min-width:42px;height:46px;font-size:20px}.letter-keyboard{gap:6px}.flip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.flip-tile,.flip-grid[data-pairs="10"] .flip-tile{min-height:180px}.flip-tile .picture,.flip-grid[data-pairs="10"] .picture{height:130px}.wheel-stage{width:min(76vw,420px)}.spin-button{width:76px;height:76px;font-size:20px}.map-scroll{height:430px;max-height:54vh}.explorer-task{font-size:18px}.map-pan .control{flex:1}.explorer-holder{border-radius:20px}.route-panel{padding:15px}.heading-indicator{font-size:15px}.activity-top{gap:7px}.activity-top .scope-chip{order:3;width:100%}.activity{padding:17px}.results-panel{padding:24px}.results-panel h1{font-size:34px}}@media(max-width:360px){.home-control span{display:none}.toolbar-controls{max-width:85%}.town-title{font-size:54px}.control{padding:7px 8px}.letter-key{min-width:40px}.mode-tile{font-size:14px}.feature-copy{font-size:23px}.legend-item{font-size:11px}.legend-item .picture{width:35px;height:35px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.explore-button:hover{transform:none}}
.teaching-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}

/* Opaque surfaces keep labels readable over every part of the illustrated scene,
   including the wider camera exposed by fullscreen. */
.home-control{background:#fffbed;color:#213e3e;border:1px solid #adc3b4;padding:6px 12px;border-radius:16px;flex-shrink:0}
.home-control img{flex-shrink:0}
.home-control span{white-space:nowrap}
.home-hero{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%}
.town-title{display:block;max-width:100%;padding:0;text-shadow:0 2px 0 #fffbed}
h1[tabindex="-1"]:focus,h2[tabindex="-1"]:focus{outline:none}
.letter-key:disabled{background:#e3e4d7;color:#465143}
.letter-key.letter-correct:disabled{background:#d7ebd1;color:#205834}
.spelling-meaning{margin:12px 0;font-size:18px;line-height:1.5}
.spelling-meaning strong{display:block;margin-bottom:4px;color:#104e4b}
.spelling-audio{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
@media(max-width:700px){.spelling-clue .spelling-meaning{font-size:16px;margin:0}.spelling-audio .button{min-height:44px}.home-control{padding:4px 8px}}

.letter-key.letter-wrong{background:#ecd1c2;color:#77341f;border:2px solid #a65037;text-decoration:line-through;opacity:1}

/* Prerecorded narration controls: readable status and touch-sized speed toggle. */
.learning-copy>.actions{align-items:flex-start}.voice-controls>.actions{margin:0}.voice-status:empty{display:none}
.voice-controls{display:inline-flex;flex-direction:column;gap:.25rem;max-width:100%;vertical-align:top}.voice-controls .actions{flex-wrap:wrap}.voice-status{margin:0;min-height:1.5em;color:#213e3e}.voice-controls [aria-pressed=true],.wheel-reading-status~.actions [aria-pressed=true]{background:#176965;color:#fff}.voice-controls [hidden]{display:none}

/* Phonics: one listening challenge followed by guided word practice. */
.phonics-layout{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);gap:clamp(20px,3vw,48px);align-items:center;text-align:left;max-width:1100px;margin:18px auto}.phonics-layout:has(>.phonics-picture[hidden]){grid-template-columns:1fr;max-width:780px}.phonics-picture{width:100%;max-height:380px;display:grid;place-items:center}.phonics-picture img{max-height:380px;object-fit:contain}.phonics-content{min-width:0}.phonics-picture-option{display:flex;justify-content:center;align-items:center;gap:10px;min-height:44px}.phonics-picture-option input{width:22px;height:22px}.phonics-answers{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:18px 0}.phonics-answer{border:2px solid #9fb6aa;background:white;color:#213e3e;padding:16px;font-size:clamp(20px,2vw,28px);font-weight:750;overflow-wrap:anywhere;min-height:64px}.phonics-answer.is-retry{background:#f5e2d7;color:#713c29}.phonics-practice .wheel-word{text-align:left;font-size:clamp(30px,4vw,55px);overflow-wrap:anywhere}.phonics-practice>.actions{justify-content:flex-start;gap:8px;display:flex;flex-wrap:wrap}.phonics-practice .definition{margin-top:18px}.phonics-feedback,.phonics-tip,.phonics-status{line-height:1.5}.phonics-feedback:empty,.phonics-status:empty{display:none}.phonics-tip{background:#eaf0df;padding:12px;border-radius:12px}.phonics-next{margin-top:8px}@media(max-width:700px){.phonics-layout{grid-template-columns:1fr;gap:16px}.phonics-picture,.phonics-picture img{max-height:220px}.phonics-answers{grid-template-columns:1fr}.phonics-practice .wheel-word{font-size:36px}.phonics-practice .actions button{flex:1 1 125px}}

.foundation-search{display:block;width:min(100%,520px);min-height:48px;padding:12px;border:2px solid #9fb6aa;border-radius:12px;margin:16px auto;background:white;color:#213e3e;font:inherit}.foundation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.foundation-card{background:#fffbed;border:2px solid #aec5ae;border-radius:22px;padding:22px;text-align:center;min-width:0}.foundation-card.is-playing{border-color:#176965;box-shadow:0 0 0 3px #e9b74f}.foundation-glyph{font-size:clamp(36px,5vw,58px);margin:4px 0 10px;line-height:1.3;color:#213e3e}.foundation-ipa{color:#355954}.foundation-variants{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:12px 0}.foundation-variant{min-height:44px;padding:8px 12px;border:1px solid #9fb6aa;background:white;color:#213e3e}.foundation-variant[aria-pressed=true]{background:#e3edd6;border:2px solid #176965}.foundation-card .actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.foundation-card .actions button{flex:1 1 90px;padding:10px}.foundation-status{min-height:24px;margin:8px 0 0}.foundation-launchers{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:16px 0 24px}.foundation-intro{max-width:900px;margin:16px auto;text-align:center}@media(max-width:520px){.foundation-grid{grid-template-columns:1fr 1fr;gap:10px}.foundation-card{padding:12px}.foundation-glyph{font-size:36px}.foundation-card .actions{flex-direction:column}.foundation-card .actions button{flex:auto}.foundation-card .fine{font-size:12px}}

.foundation-intro{background:#fffbed;border:1px solid #aec5ae;border-radius:14px;padding:14px 18px;color:#213e3e}