@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Baloo+2:wght@500;600;700;800&family=Quicksand:wght@500;600;700&display=swap";:root{--coral:#ff2d6d;--coral-deep:#c4114f;--teal:#00e5ff;--teal-deep:#00a8c7;--gold:#ffd500;--gold-deep:#d9a400;--purple:#8b3cff;--purple-deep:#5e1fcc;--mint:#00ff9c;--ink:#1d1533;--ink-soft:#6b5f8f;--bg-top:#fff3d6;--bg-bottom:#ffe1ee;--card:#fff;--line:#ffd1e0;--shadow:#1d15332e;--arcade-bg:#150f30;--arcade-grid:#00e5ff17;--on-dark:#f4f1ff;--on-dark-soft:#b7abe6}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--ink);background-color:var(--arcade-bg);background-image:linear-gradient(var(--arcade-grid) 1px, transparent 1px), linear-gradient(90deg, var(--arcade-grid) 1px, transparent 1px), repeating-linear-gradient(0deg, #ffffff06 0px, #ffffff06 1px, transparent 1px, transparent 3px);-webkit-tap-highlight-color:transparent;background-size:28px 28px,28px 28px,100% 3px;background-attachment:fixed;min-height:100dvh;font-family:Quicksand,system-ui,sans-serif}h1,h2,h3{margin:0;font-family:"Baloo 2",sans-serif}button{font-family:inherit}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.home{flex-direction:column;gap:28px;max-width:900px;margin:0 auto;padding:40px 20px 60px;display:flex}.home-header{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.marquee{background:var(--card);border:4px solid var(--ink);box-shadow:0 0 0 4px var(--teal), 0 0 26px 4px #00e5ff73, 0 10px 0 var(--ink), 0 22px 36px #0000008c;border-radius:10px;padding:22px 24px 18px}.home-header h1{text-transform:uppercase;letter-spacing:0;color:var(--ink);text-shadow:3px 3px 0 var(--gold);font-family:"Press Start 2P","Baloo 2",sans-serif;font-size:clamp(1rem,5.2vw,1.8rem);font-weight:400;line-height:1.6}.home-header .accent{color:var(--coral)}.home-subtitle{color:var(--on-dark);text-shadow:1px 1px #0006;margin:0;font-size:1.1rem;font-weight:700}.game-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.game-card{--card-tint:var(--coral);background:var(--card);border:4px solid var(--card-tint);text-align:center;cursor:pointer;box-shadow:0 6px 0 var(--card-tint), 0 14px 26px var(--shadow);border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:28px 20px;transition:transform .15s,box-shadow .15s;display:flex}.game-card:hover{transform:translateY(-3px)}.game-card:active{box-shadow:0 3px 0 var(--card-tint), 0 8px 16px var(--shadow);transform:translateY(2px)}.game-card-emoji{font-size:3rem;line-height:1}.game-card-title{color:var(--card-tint);font-family:"Baloo 2",sans-serif;font-size:1.3rem;font-weight:700}.game-card-tagline{color:var(--ink-soft);font-size:.92rem;font-weight:600}.game-shell{flex-direction:column;gap:18px;max-width:900px;min-height:100dvh;margin:0 auto;padding:20px 18px 48px;display:flex}.game-shell-bar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.game-shell-bar h2{text-align:center;text-transform:uppercase;letter-spacing:0;color:var(--on-dark);text-shadow:2px 2px 0 var(--gold-deep);flex:1;font-family:"Press Start 2P","Baloo 2",sans-serif;font-size:clamp(.75rem,3.6vw,1.1rem);font-weight:400}.game-shell-bar-end{min-width:40px}.back-btn{cursor:pointer;background:var(--card);color:var(--ink);box-shadow:0 3px 0 var(--line);border:none;border-radius:10px;padding:10px 16px;font-family:"Baloo 2",sans-serif;font-weight:600;transition:transform .1s}.back-btn:active{box-shadow:0 1px 0 var(--line);transform:translateY(2px)}.voice-picker{color:var(--on-dark-soft);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;font-size:.85rem;font-weight:700;display:flex}.voice-picker select{color:var(--ink);background:var(--card);box-shadow:0 3px 0 var(--line);cursor:pointer;border:none;border-radius:10px;max-width:40vw;padding:8px 12px;font-family:Quicksand,sans-serif;font-weight:700}.voice-test{cursor:pointer;background:var(--purple);color:#fff;box-shadow:0 3px 0 var(--purple-deep);border:none;border-radius:10px;padding:8px 14px;font-family:"Baloo 2",sans-serif;font-weight:600}.voice-test:active{box-shadow:0 1px 0 var(--purple-deep);transform:translateY(2px)}.mode-toggle{background:var(--card);box-shadow:0 3px 0 var(--line);border-radius:10px;justify-content:center;align-self:center;gap:8px;padding:6px;display:flex}.mode-pill{cursor:pointer;color:var(--ink);background:0 0;border:none;border-radius:8px;padding:10px 18px;font-family:"Baloo 2",sans-serif;font-size:1rem;font-weight:600}.mode-pill.active{background:var(--ink);color:#fff}.bubble-wrap{justify-content:center;min-height:50px;display:flex}.bubble{background:var(--card);color:var(--ink);box-shadow:0 5px 0 var(--line);text-align:center;border-radius:10px;max-width:90%;padding:12px 20px;font-family:"Baloo 2",sans-serif;font-size:clamp(1rem,3.4vw,1.25rem);font-weight:600;position:relative}.bubble.pop{animation:.32s pop}@keyframes pop{0%{transform:scale(.7)}60%{transform:scale(1.06)}to{transform:scale(1)}}.explore-mode{flex-direction:column;gap:24px;display:flex}.letter-spotlight{background:var(--card);box-shadow:0 10px 0 #0000000a, 0 20px 40px var(--shadow);border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:28px 20px;display:flex}.spotlight-emoji-btn{filter:drop-shadow(0 8px 8px var(--shadow));cursor:pointer;background:0 0;border:none;padding:0;font-size:clamp(3.5rem,16vw,5.5rem);line-height:1;transition:transform .12s}.spotlight-emoji-btn:hover{transform:scale(1.05)}.spotlight-emoji-btn:active{transform:scale(.96)}.spotlight-emoji-btn.bump{animation:.5s jump}@keyframes jump{0%,to{transform:translateY(0)}30%{transform:translateY(-18px)rotate(-6deg)}60%{transform:translateY(0)scale(1.05)}}.spotlight-letter{color:var(--coral);letter-spacing:4px;font-family:"Baloo 2",sans-serif;font-size:clamp(2.6rem,12vw,4rem);font-weight:800}.spotlight-word{color:var(--ink-soft);text-transform:capitalize;margin-bottom:8px;font-weight:700}.spotlight-controls{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.big-btn{cursor:pointer;color:#fff;box-shadow:0 4px 0 var(--btn-deep,#0006);border:none;border-radius:10px;padding:12px 18px;font-family:"Baloo 2",sans-serif;font-size:clamp(.95rem,3.4vw,1.1rem);font-weight:600;transition:transform .1s}.big-btn:active{box-shadow:0 1px 0 var(--btn-deep,#0006);transform:translateY(3px)}.big-btn.name{background:var(--teal);--btn-deep:var(--teal-deep)}.big-btn.sound{background:var(--purple);--btn-deep:var(--purple-deep)}.big-btn.word{background:var(--gold);color:var(--ink);--btn-deep:var(--gold-deep)}.letter-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px;display:grid}.letter-tile{text-transform:none;background:var(--card);cursor:pointer;color:var(--ink);box-shadow:0 3px 0 var(--line);border:none;border-radius:8px;padding:12px 4px;font-family:"Baloo 2",sans-serif;font-size:1.3rem;font-weight:700;transition:transform .1s,background .15s,color .15s}.letter-tile:active{transform:translateY(2px)}.letter-tile.active{background:var(--coral);color:#fff;box-shadow:0 3px 0 var(--coral-deep);transform:translateY(-2px)scale(1.05)}.quiz-mode{flex-direction:column;gap:12px;display:flex}.quiz-stage{background:var(--card);box-shadow:0 10px 0 #0000000a, 0 20px 40px var(--shadow);border-radius:14px;flex-direction:column;align-items:center;gap:14px;padding:28px 20px;display:flex}.quiz-question{color:var(--ink-soft);text-align:center;margin:0;font-weight:800}.match-target{justify-content:center;display:flex}.match-letter{letter-spacing:4px;cursor:pointer;color:var(--coral);background:0 0;border:none;border-radius:10px;padding:4px 14px;font-family:"Baloo 2",sans-serif;font-size:clamp(3rem,14vw,4.5rem);font-weight:800;transition:transform .12s}.match-letter:hover{transform:translateY(-2px)}.match-letter:active{transform:translateY(2px)scale(.97)}.match-picture{cursor:pointer;filter:drop-shadow(0 6px 6px var(--shadow));background:0 0;border:none;border-radius:10px;padding:4px 14px;font-size:clamp(3.4rem,15vw,5rem);line-height:1;transition:transform .12s}.match-picture:hover{transform:translateY(-2px)}.match-picture:active{transform:translateY(2px)scale(.97)}.quiz-options{grid-template-columns:repeat(2,minmax(100px,1fr));gap:14px;width:100%;max-width:360px;display:grid}.opt{cursor:pointer;color:var(--ink);box-shadow:0 5px 0 var(--line);background:#fff;border:none;border-radius:10px;padding:18px 10px;font-family:"Baloo 2",sans-serif;font-size:clamp(1.4rem,6vw,1.9rem);font-weight:700;transition:transform .1s,box-shadow .1s;position:relative}.opt:hover{transform:translateY(-2px)}.opt:active{transform:translateY(3px)}.opt.right{background:var(--mint);color:#fff;box-shadow:0 5px 0 var(--teal-deep);z-index:1;animation:.4s rightBlast}.opt.right:after{content:"";border-radius:inherit;pointer-events:none;animation:.55s ease-out shockwave;position:absolute;inset:0;box-shadow:0 0 #00ff9ca6}@keyframes rightBlast{0%{transform:scale(.6)rotate(-6deg)}45%{transform:scale(1.18)rotate(3deg)}70%{transform:scale(.94)rotate(-1deg)}to{transform:scale(1)rotate(0)}}@keyframes shockwave{0%{box-shadow:0 0 #00ff9ca6}to{box-shadow:0 0 0 26px #00ff9c00}}.blast-particles{pointer-events:none;position:absolute;inset:0}.blast-particle{opacity:1;font-size:1.4rem;animation:.6s ease-out forwards blast-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.4)}.blast-particle:first-child{--tx:0px;--ty:-64px}.blast-particle:nth-child(2){--tx:55px;--ty:-32px}.blast-particle:nth-child(3){--tx:55px;--ty:32px}.blast-particle:nth-child(4){--tx:0px;--ty:64px}.blast-particle:nth-child(5){--tx:-55px;--ty:32px}.blast-particle:nth-child(6){--tx:-55px;--ty:-32px}@keyframes blast-out{0%{opacity:1;transform:translate(-50%,-50%)scale(.4)}60%{opacity:1}to{transform:translate(calc(-50% + var(--tx)), calc(-50% + var(--ty))) scale(1.15);opacity:0}}.laser-shot{background:linear-gradient(180deg, transparent, var(--teal) 45%, #fff);width:6px;height:60px;box-shadow:0 0 10px 2px var(--teal), 0 0 20px 4px #00e5ff99;pointer-events:none;transform-origin:top;border-radius:3px;animation:.28s ease-out forwards laser-fire;position:absolute;top:-34px;left:50%}.laser-shot.from-below{background:linear-gradient(0deg, transparent, var(--teal) 45%, #fff);transform-origin:bottom;height:90px;top:auto;bottom:-90px}@keyframes laser-fire{0%{opacity:1;transform:translate(-50%)scaleY(0)}45%{opacity:1;transform:translate(-50%)scaleY(1)}to{opacity:0;transform:translate(-50%)scaleY(1)}}.picture-opt{padding:20px 10px;font-size:clamp(2.6rem,11vw,3.6rem);line-height:1}.opt.wrong{color:var(--coral-deep);background:#ffd7d4;animation:.4s shakex}@keyframes shakex{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.quiz-progress{width:100%;color:var(--ink-soft);justify-content:space-between;align-items:center;font-family:"Baloo 2",sans-serif;font-size:.95rem;font-weight:700;display:flex}.quiz-score{color:var(--gold-deep);display:inline-block}.quiz-score.bump{animation:.35s pop}.progress-track{background:var(--bg-bottom);border-radius:999px;width:100%;height:10px;overflow:hidden}.progress-fill{background:var(--mint);border-radius:999px;height:100%;transition:width .3s}.report{justify-content:center;display:flex}.report-card{background:var(--card);box-shadow:0 10px 0 #0000000a, 0 20px 40px var(--shadow);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:480px;padding:32px 24px;display:flex}.report-emoji{font-size:3.6rem;line-height:1}.report-card h3{color:var(--ink);font-size:1.6rem}.report-score{color:var(--coral);margin:0;font-family:"Baloo 2",sans-serif;font-size:2.4rem;font-weight:800}.report-score span{color:var(--ink-soft);font-size:1rem;font-weight:700}.report-tally{color:var(--ink-soft);margin:0 0 6px;font-weight:700}.report-empty{color:var(--ink-soft);font-weight:700}.report-review{width:100%}.report-review h4{color:var(--ink);margin:0 0 10px;font-family:"Baloo 2",sans-serif}.review-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px;display:grid}.review-chip{background:var(--bg-bottom);border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;display:flex}.review-emoji{font-size:1.8rem}.review-letter{color:var(--ink);font-family:"Baloo 2",sans-serif;font-weight:700}.review-time{color:var(--ink-soft);font-size:.75rem;font-weight:700}.review-tag{text-transform:uppercase;letter-spacing:.4px;color:#fff;border-radius:999px;padding:2px 8px;font-size:.68rem;font-weight:800}.review-tag.missed{background:var(--coral)}.review-tag.slow{background:var(--gold-deep)}.play-again{background:var(--coral);--btn-deep:var(--coral-deep);margin-top:12px}.parents-link{cursor:pointer;color:var(--on-dark-soft);background:0 0;border:none;align-self:center;margin-top:8px;padding:8px;font-family:"Baloo 2",sans-serif;font-size:.9rem;font-weight:600;text-decoration:underline}.parents-view{flex-direction:column;gap:18px;max-width:720px;min-height:100dvh;margin:0 auto;padding:20px 18px 48px;display:flex}.parents-bar{align-items:center;gap:12px;display:flex}.parents-bar h2{text-align:center;text-transform:uppercase;letter-spacing:0;color:var(--on-dark);text-shadow:2px 2px 0 var(--gold-deep);flex:1;font-family:"Press Start 2P","Baloo 2",sans-serif;font-size:clamp(.7rem,3.4vw,1rem);font-weight:400}.parents-bar-end{min-width:78px}.parents-empty{text-align:center;color:var(--ink-soft);background:var(--card);box-shadow:0 8px 0 #0000000a, 0 16px 32px var(--shadow);border-radius:14px;margin-top:40px;padding:28px 20px;font-weight:700}.parents-card{background:var(--card);box-shadow:0 8px 0 #0000000a, 0 16px 32px var(--shadow);border-radius:14px;padding:20px 20px 24px}.parents-card h3{margin:0 0 14px;font-size:1.15rem}.parents-card-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.parents-card-header h3{margin:0}.clear-btn{cursor:pointer;color:var(--coral-deep);background:0 0;border:none;padding:4px;font-family:Quicksand,sans-serif;font-size:.8rem;font-weight:700;text-decoration:underline}.history-list{flex-direction:column;gap:12px;display:flex}.history-row{border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.history-row-main{justify-content:space-between;align-items:baseline;font-family:"Baloo 2",sans-serif;font-weight:700;display:flex}.history-date{color:var(--ink-soft);font-size:.85rem;font-weight:600}.history-row-stats{color:var(--ink-soft);flex-wrap:wrap;gap:14px;font-size:.88rem;font-weight:700;display:flex}.history-row-letters{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.mini-tag{color:#fff;border-radius:999px;padding:2px 7px;font-family:"Baloo 2",sans-serif;font-size:.72rem;font-weight:800}.mini-tag.missed{background:var(--coral)}.mini-tag.slow{background:var(--gold-deep)}.invader-controls{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.invader-stage{border:3px solid var(--ink);background-color:var(--arcade-bg);background-image:radial-gradient(1px 1px at 20% 30%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 70% 15%, #fff 50%, transparent 51%), radial-gradient(1.5px 1.5px at 45% 70%, #fffc 50%, transparent 51%), radial-gradient(1px 1px at 85% 60%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 10% 85%, #ffffffb3 50%, transparent 51%), linear-gradient(var(--arcade-grid) 1px, transparent 1px), linear-gradient(90deg, var(--arcade-grid) 1px, transparent 1px);background-size:100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,24px 24px,24px 24px;border-radius:12px;width:100%;height:300px;position:relative;box-shadow:inset 0 0 24px #00e5ff40}.invader-fleet{grid-template-columns:repeat(4,1fr);gap:8px;animation:12s linear forwards fleet-descend;display:grid;position:absolute;top:12px;left:10px;right:10px}.invader-fleet.paused{animation-play-state:paused}@keyframes fleet-descend{0%{transform:translateY(0)}to{transform:translateY(150px)}}.invader{border:3px solid var(--purple);background:var(--card);cursor:pointer;animation:1s steps(2,jump-none) infinite invader-wiggle;animation-delay:var(--wiggle-delay,0s);border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:8px 2px 10px;display:flex;position:relative;box-shadow:0 0 12px #8b3cff8c}.invader-alien{font-size:1.5rem;line-height:1}.invader-word{color:var(--ink);font-family:"Baloo 2",sans-serif;font-size:clamp(1.4rem,6vw,2rem);font-weight:800;line-height:1.1}@keyframes invader-wiggle{0%{transform:translate(-3px)}to{transform:translate(3px)}}.invader.wrong{border-color:var(--coral);background:#ffd7d4;animation:.4s shakex}.invader.hit{background:var(--mint);border-color:var(--teal-deep);z-index:1;animation:.4s rightBlast}.invader.hit .invader-word{color:#fff}.invader.hint{border-color:var(--gold);animation:1s steps(2,jump-none) infinite invader-wiggle,.9s ease-in-out infinite hint-glow}@keyframes hint-glow{0%,to{box-shadow:0 0 8px 2px #ffd50080}50%{box-shadow:0 0 22px 8px #ffd500e6}}.cannon{filter:drop-shadow(0 0 8px #00e5ff99);font-size:2.2rem;line-height:1;position:absolute;bottom:8px;left:50%;transform:translate(-50%)rotate(-45deg)}.cannon.firing{animation:.25s ease-out cannon-recoil}@keyframes cannon-recoil{0%{transform:translate(-50%)translateY(0)rotate(-45deg)}40%{transform:translate(-50%)translateY(6px)rotate(-45deg)}to{transform:translate(-50%)translateY(0)rotate(-45deg)}}.heart-badge{color:var(--coral-deep);background:#ffe3ec;border-radius:999px;padding:3px 12px;font-family:"Baloo 2",sans-serif;font-size:.85rem;font-weight:700}.learn-emoji{font-size:clamp(2.6rem,12vw,3.6rem);line-height:1}.learn-word{color:var(--purple);cursor:pointer;background:0 0;border:none;padding:0 16px;font-family:"Baloo 2",sans-serif;font-size:clamp(3.6rem,18vw,5.5rem);font-weight:800;line-height:1.1;transition:transform .12s}.learn-word:active{transform:scale(.96)}.learn-sentence{color:var(--ink);text-align:center;margin:0 0 8px;font-family:"Baloo 2",sans-serif;font-size:clamp(1.2rem,5vw,1.5rem);font-weight:600}.sentence-word{background:var(--gold);color:var(--ink);border-radius:6px;padding:0 6px;font-weight:800}.heart-tip{color:var(--ink-soft);text-align:center;max-width:420px;margin:8px 0 0;font-size:.9rem;font-weight:600}.word-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:10px;display:grid}.word-grid .letter-tile{font-size:1.5rem}