:root{--ink:#153b59;--muted:#536b7c;--paper:#edf5fa;--accent:#087e8b;--line:#c9dae6;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Trebuchet MS',Verdana,sans-serif;line-height:1.55}button,input,textarea,select{font:inherit}button,a,select,input{touch-action:manipulation}a{color:inherit}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px max(22px,calc((100vw - 1280px)/2));background:white;border-bottom:1px solid var(--line)}.brand{font-size:1.4rem;font-weight:900;text-decoration:none;line-height:1.1}.brand span{display:block;font-size:.8rem;font-weight:normal;margin-top:5px;color:var(--muted)}nav{display:flex;gap:22px;align-items:center}nav a{font-size:.9rem;text-decoration:none}select,input,textarea{border:1px solid #94b2c6;border-radius:7px;padding:10px;background:#fff;color:var(--ink);max-width:100%}button{border:0;border-radius:7px;padding:11px 16px;background:var(--accent);color:white;font-weight:bold;cursor:pointer;min-height:44px}button:hover{filter:brightness(1.12)}button:disabled{opacity:.55;cursor:default}.secondary{background:#e2edf4;color:var(--ink)}:focus-visible{outline:3px solid #d95732;outline-offset:3px}h1,h2,p{margin-top:0}h1{font-size:clamp(2.1rem,5vw,4rem);line-height:1.08;letter-spacing:-.04em;margin-bottom:15px}h2{line-height:1.2}p{max-width:70ch}main{max-width:1280px;margin:auto;padding:36px 24px}.menu-intro{max-width:720px;margin:20px 0 32px}.menu-intro p{font-size:1.15rem}.game-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.game-card{display:block;overflow:hidden;background:#fff;text-decoration:none;border-radius:12px;border:1px solid var(--line);transition:transform .15s}.game-card:hover{transform:translateY(-5px)}.game-card img{width:100%;height:285px;object-fit:cover;display:block}.game-card>div{padding:24px}.game-card h2{font-size:1.8rem;margin-bottom:12px}.game-card p{color:var(--muted);min-height:78px}.card-link{font-weight:bold;color:var(--accent)}.menu-note{margin:32px 0;color:var(--muted)}footer{padding:24px;text-align:center;color:var(--muted);font-size:.85rem}.game-intro{display:flex;align-items:center;gap:22px;margin-bottom:26px}.game-intro img{width:90px;height:110px;object-fit:cover;border-radius:10px}.game-intro h1{font-size:clamp(2rem,4vw,3.3rem);margin-bottom:8px}.game-intro p{margin-bottom:0;color:var(--muted)}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:26px;align-items:start}.stage{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff}.hud{display:grid;grid-template-columns:repeat(4,1fr);padding:15px 8px;border-bottom:1px solid var(--line);gap:8px}.hud>div{text-align:center;border-inline-end:1px solid var(--line)}.hud>div:last-child{border:0}.hud span{display:block;font-size:.8rem;color:var(--muted)}.hud b{font-size:1.55rem;font-variant-numeric:tabular-nums}.canvas-wrap{position:relative;background:#152b3c}canvas{display:block;width:100%;height:auto;aspect-ratio:900/640;touch-action:pan-y;direction:ltr}.stage-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#102c43d9;color:white;padding:25px}.stage-overlay h2{font-size:2.2rem;max-width:20ch}.stage-overlay p{max-width:42ch}.stage-overlay[hidden]{display:none}.stage-overlay button{background:#f5ba54;color:#153b59;min-width:160px}.typing-dock{padding:15px 20px;background:#fff}.typing-dock label{font-size:.85rem;font-weight:bold;display:block;margin-bottom:6px}.input-line{display:flex;gap:8px}.input-line input{min-width:0;flex:1;font-size:1.2rem}#feedback{min-height:24px;margin:7px 0 0;font-size:.9rem;color:#466079}.touch-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:12px}.touch-controls button{background:#e2edf4;color:var(--ink);padding:8px 14px}.settings,.instructions{padding:20px;background:white;border:1px solid var(--line);border-radius:10px;margin-bottom:18px}.settings label{display:grid;gap:5px;margin-bottom:16px;font-size:.9rem}.session-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.instructions h2{font-size:1.2rem;margin-bottom:14px}.instructions p{font-size:.9rem}.key-guide{padding:12px;background:#edf5fa;border-inline-start:3px solid var(--accent)}.back-link{display:block;padding:8px}.targets{padding:0 16px 14px;display:flex;gap:8px;flex-wrap:wrap}.targets span{background:#edf5fa;padding:3px 9px;border-radius:5px;font-size:.9rem}.coach-work{padding:25px}.coach-work h2{font-size:1.35rem}.passage{font-size:1.25rem;line-height:1.9;padding:18px;background:#edf5fa;border-radius:7px;margin-bottom:20px;white-space:pre-wrap;overflow-wrap:anywhere}.passage .correct{color:#16634d;background:#d7f3e6}.passage .wrong{color:#8e2135;background:#ffd5dc;text-decoration:underline}.passage .current{background:#ffe193;border-bottom:3px solid #8b5c07}textarea{width:100%;resize:vertical;min-height:110px}#practice{min-height:170px;font-size:1.15rem;line-height:1.7;margin-top:8px}#practice:disabled{background:#e6eef3}details summary{cursor:pointer;font-weight:bold;margin-bottom:12px}.file-label{margin-top:18px}.file-label input{font-size:.8rem;width:100%}details p{font-size:.8rem;margin-bottom:0}body[data-page=blocks]{--accent:#6740a5}body[data-page=coach]{--accent:#126b87}body[data-page=road]{--accent:#087e8b}
@media(max-width:1000px){.play-layout{grid-template-columns:minmax(0,1fr) 250px;gap:16px}.game-cards{gap:15px}.game-card img{height:230px}.game-card>div{padding:18px}.game-card h2{font-size:1.5rem}.game-card p{min-height:110px}}@media(max-width:760px){header{padding:14px 18px;align-items:flex-start}.brand{font-size:1.1rem}nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}nav a{font-size:.8rem}nav select{padding:7px;max-width:135px}main{padding:22px 14px}.menu-intro{margin:10px 0 24px}.game-cards{grid-template-columns:1fr}.game-card{display:grid;grid-template-columns:35% 1fr}.game-card img{height:100%;min-height:230px}.game-card p{min-height:0;font-size:.95rem}.play-layout{grid-template-columns:1fr}.game-intro{gap:14px}.game-intro img{width:65px;height:80px}.game-intro p{font-size:.9rem}.hud{padding:10px 4px}.hud b{font-size:1.25rem}.hud span{font-size:.73rem}.typing-dock{padding:12px}aside{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings,.instructions{padding:14px;margin:0}.back-link{grid-column:1/-1}.coach-work{padding:16px}.passage{font-size:1.1rem;padding:12px}.stage-overlay h2{font-size:1.6rem}.stage-overlay p{font-size:.9rem}}@media(max-width:440px){aside{grid-template-columns:1fr}.game-card{grid-template-columns:30% 1fr}.game-card img{min-height:250px}.game-card h2{font-size:1.4rem}nav{gap:8px}.stage-overlay{padding:14px}.stage-overlay p{margin-bottom:10px}.touch-controls{gap:5px}.touch-controls button{font-size:.8rem;padding:8px 10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.game-card:hover{transform:none}}
.splash{position:relative;max-width:none;min-height:380px;border-radius:14px;overflow:hidden;display:flex;align-items:flex-start;background:#16465c;color:white;margin:0 0 32px}.splash-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%}.splash:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0e3449dc,transparent 85%)}.splash-copy{position:relative;z-index:1;padding:30px 36px;max-width:780px;text-shadow:0 2px 8px #103443}.splash h1{font-size:clamp(2.3rem,5vw,4rem)}.splash p{font-size:1.07rem;max-width:58ch}.game-cards{grid-template-columns:repeat(4,1fr);gap:18px}.game-card img{height:245px}.game-card>div{padding:20px}.game-card h2{font-size:1.5rem}.game-card p{min-height:120px;font-size:.95rem}.paws-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:26px}.paws-stage{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden}.paws-hud{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;font-weight:bold}.paws-hud button{padding:8px 12px;font-size:.85rem}.pet-scene{position:relative;height:230px;overflow:hidden;background:#dcefac}.pet-landscape{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.65;object-position:50% 35%}.trail-track{position:absolute;bottom:22px;left:0;right:0;height:24px;background:#d8b780;border-top:5px solid #f1dab0}.pet-runner{position:absolute;bottom:24px;left:4%;width:115px;height:120px;object-fit:contain;transition:left .35s;filter:drop-shadow(0 5px 2px #594d4238)}.pet-runner.hop{animation:hop .3s}.finish-flag{position:absolute;right:15px;bottom:38px;font-size:3rem;color:#087e8b}progress{display:block;width:calc(100% - 36px);height:16px;margin:16px 18px;accent-color:#087e8b}.prompt-area{text-align:center;padding:8px 18px}.prompt-area>span{color:var(--muted);font-size:.9rem}#keyPrompt{display:block;font-size:3.3rem;line-height:1.3;color:#126b87;letter-spacing:.08em;overflow-wrap:anywhere}#keyPrompt .done{color:#3e8b5a}#keyPrompt .now{text-decoration:underline;text-decoration-thickness:4px}#fingerHint{margin:4px auto;color:#536b7c}#pawsFeedback{min-height:25px;margin:10px auto}.onscreen-keyboard{padding:14px 10px 22px;max-width:790px;margin:auto}.key-row{display:flex;justify-content:center;gap:5px;margin:6px 0}.key-row button{min-width:0;width:8.6%;height:48px;padding:2px;background:#e5edf2;color:#153b59;box-shadow:0 3px 0 #b9ccd9;font-size:1.05rem;border:2px solid transparent}.key-row button.glow{background:#ffe193;color:#4b390b;border:2px solid #a87310;box-shadow:0 3px 0 #ac851e}.key-row button.space-key{width:45%}#celebration{text-align:center;padding:22px;background:#e5f7ed}#celebration p{margin:12px auto}#earnedStars{font-size:2.6rem;color:#996511}.trail-map{margin-top:28px}.trail-map h2{font-size:1.3rem}#trailMap{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}#trailMap button{background:white;color:var(--ink);border:1px solid var(--line);text-align:start}#trailMap button.current-trail{border:2px solid #087e8b}#trailMap small{display:block;color:var(--muted);margin-top:6px}.paws-paused .pet-scene{opacity:.5}.paws-paused .onscreen-keyboard button{opacity:.5}@keyframes hop{50%{transform:translateY(-22px)}}
@media(max-width:1080px){.game-cards{grid-template-columns:repeat(2,1fr)}.game-card p{min-height:70px}.paws-layout{grid-template-columns:minmax(0,1fr) 250px;gap:16px}}@media(max-width:760px){.game-cards{grid-template-columns:1fr}.game-card img{height:100%}.game-card p{min-height:0}.splash{min-height:340px}.splash-copy{padding:23px}.splash p{font-size:.96rem}.paws-layout{grid-template-columns:1fr}.pet-scene{height:190px}.pet-runner{width:90px;height:100px}.key-row{gap:3px}.key-row button{font-size:.85rem;height:44px}.paws-hud{font-size:.85rem}#trailMap{grid-template-columns:repeat(2,1fr)}#keyPrompt{font-size:2.8rem}}@media(prefers-reduced-motion:reduce){.pet-runner.hop{animation:none}}
body[data-page=blocks] canvas{aspect-ratio:600/760}
.practice-keys{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;padding:4px 20px}.practice-keys:empty{display:none}.practice-keys button{width:65px;height:65px;border:2px solid #96b3c6;background:#edf5fa;color:#153b59;font-size:1.8rem;box-shadow:0 4px 0 #b9ccd9}.practice-keys .glow{background:#ffe193;border-color:#a87310}.game-card>div{display:flex;flex-direction:column}.game-card p{flex:1}.card-link{margin-top:12px}.pet-landscape{opacity:1}
.pet-landscape{object-fit:cover;object-position:center 60%}
.splash-pets{position:absolute;right:30px;bottom:15px;z-index:1;display:flex;align-items:flex-end;gap:8px;filter:drop-shadow(0 5px 5px #102c4366)}.splash-pets img{width:100px;height:130px;object-fit:contain}@media(max-width:760px){.splash-pets{right:12px;bottom:8px;gap:0}.splash-pets img{width:65px;height:90px}}
.skip-link{position:absolute;top:10px;left:12px;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;background:#fff;color:#153b59;z-index:99}.skip-link:focus{width:auto;height:auto;clip-path:none;padding:10px 18px;border:2px solid #087e8b}
body[data-page=blocks] canvas{width:min(100%,480px);margin-inline:auto}
.touch-controls{direction:ltr}
.trail-track{display:none}.pet-landscape{object-position:center 50%}

.definition-card{padding:1rem 1.3rem;border:2px solid #237b7e;border-radius:12px;background:#effbf7;color:#153b59;margin:1rem;overflow-wrap:anywhere}.definition-card[hidden]{display:none}.definition-card h2{font-size:1.45rem;margin:.25rem 0}.definition-card p{margin:.4rem 0;line-height:1.5}.definition-card>a{font-size:.85rem}.definition-card>span{font-size:.8rem;font-weight:bold;text-transform:uppercase;letter-spacing:.08em}.definition-flash{animation:decoded-flash 4.5s ease-out}.vocab-note{font-size:.85rem;line-height:1.5}#testSound{width:100%;margin-top:.7rem}@keyframes decoded-flash{0%,15%{background:#ffe09b;box-shadow:0 0 0 4px #eeb44855}100%{background:#effbf7;box-shadow:none}}@media(prefers-reduced-motion:reduce){.definition-flash{animation:none;background:#ffe09b}}