*,:before,:after{box-sizing:border-box}:root{--bg:#fdf8ee;--bg-desktop:#e9e0cc;--nav-bg:#fff;--text:#42281a;--muted:#b7a886;--on-orange:#ffe3bc;--teal:#2fa79b;--teal-shadow:#22857b;--teal-ring:#bfe4e0;--teal-pill:#e4f3f1;--teal-pill-border:#9ed4cd;--orange:#f5a03c;--orange-shadow:#d9812a;--red-orange:#e2542f;--red-orange-shadow:#b03d1e;--gold:#f7c531;--gold-shadow:#d9a616;--gold-icon:#b07e10;--locked:#e7dcc4;--locked-shadow:#d3c5a6;--hairline:#eadfc8;--gem-blue:#3fb6db;--streak-orange:#f5883c;--font-display:"Baloo 2", sans-serif;--font-ui:"Nunito", sans-serif}html,body{background:var(--bg);min-height:100%;color:var(--text);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;padding:0}.app{font-family:var(--font-ui);background:var(--bg);flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;font-size:17px;font-weight:600;display:flex}@media (width>=540px){body{background:var(--bg-desktop)}.app{border-radius:28px;min-height:calc(100vh - 48px);margin:24px auto;overflow:hidden;box-shadow:0 10px 40px #42281a2e}}.app.font-dyslexie{letter-spacing:.06em;word-spacing:.16em;line-height:1.6}h1,h2,h3{font-family:var(--font-display)}button{font:inherit;font-family:var(--font-ui);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;color:inherit;background:0 0;border:none}.btn-primary,.btn-bad{color:#fff;border-radius:18px;padding:15px 30px;font-size:20px;font-weight:900;transition:transform 80ms ease-out,box-shadow 80ms ease-out}.btn-primary{background:var(--teal);box-shadow:0 5px 0 var(--teal-shadow)}.btn-primary:active{box-shadow:0 2px 0 var(--teal-shadow);transform:translateY(3px)}.btn-bad{background:var(--red-orange);box-shadow:0 5px 0 var(--red-orange-shadow)}.btn-bad:active{box-shadow:0 2px 0 var(--red-orange-shadow);transform:translateY(3px)}.statbar{z-index:20;background:var(--bg);justify-content:space-between;align-items:center;padding:18px 22px 12px;display:flex;position:sticky;top:0}.statbar .stat{align-items:center;gap:7px;font-size:17px;font-weight:900;display:flex}.statbar .stat.gems{color:var(--gem-blue)}.statbar .stat.streak{color:var(--streak-orange)}.statbar .frida-head{object-fit:contain;width:46px;height:38px}.statbar .aa-toggle{border:2px solid var(--hairline);color:var(--text);border-radius:12px;padding:4px 10px;font-size:16px;font-weight:900}.statbar .aa-toggle.on{border-color:var(--teal-pill-border);background:var(--teal-pill)}.unit-card{background:var(--orange);box-shadow:0 4px 0 var(--orange-shadow);border-radius:18px;align-items:stretch;margin:8px 20px 6px;display:flex}.unit-card .unit-text{flex-direction:column;flex:1;gap:2px;padding:14px 18px;display:flex}.unit-card .kicker{letter-spacing:1.5px;color:var(--on-orange);text-transform:uppercase;font-size:12px;font-weight:800}.unit-card .title{font-family:var(--font-display);color:#fff;font-size:22px;font-weight:800;line-height:1.1}.unit-card .divider{background:var(--orange-shadow);width:2px;margin:10px 0}.unit-card .overview-btn{place-items:center;padding:0 18px;display:grid}.path-section{flex-direction:column;align-items:center;gap:26px;padding:26px 0 10px;display:flex;position:relative}.frida-path{width:128px;position:absolute;top:150px;left:34px}.frida-tap{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative}.frida-tap.frida-path{position:absolute}.frida-tap .frida-fig{transform-origin:50% 100%}.frida-tap .laugh-face{opacity:0}.frida-tap .ha{font-family:var(--font-display);color:#45232f;opacity:0;pointer-events:none;font-weight:800;position:absolute}.frida-tap .ha1{font-size:22px;top:26px;left:-6px}.frida-tap .ha2{font-size:27px;top:14px;right:-14px}.frida-tap .ha3{font-size:18px;top:66px;right:-26px}.frida-tap.laughing .normal-face{opacity:0}.frida-tap.laughing .laugh-face{opacity:1}.frida-tap.laughing .frida-fig{animation:1s fridaLaugh}.frida-tap.laughing .ha{animation:1s ease-out forwards fridaHa}.frida-tap.laughing .ha2{animation-delay:.18s}.frida-tap.laughing .ha3{animation-delay:.36s}@keyframes fridaLaugh{0%{transform:scale(1)rotate(0)}15%{transform:scale(1.07,.9)rotate(-3deg)}35%{transform:scale(.95,1.07)rotate(3deg)translateY(-9px)}55%{transform:scale(1.05,.93)rotate(-2deg)}75%{transform:scale(.98,1.03)rotate(1.5deg)translateY(-4px)}to{transform:scale(1)rotate(0)}}@keyframes fridaHa{0%{opacity:0;transform:translateY(8px)scale(.5)rotate(0)}25%{opacity:1}to{opacity:0;transform:translateY(-30px)scale(1.2)rotate(10deg)}}@media (prefers-reduced-motion:reduce){.frida-tap.laughing .frida-fig,.frida-tap.laughing .ha{animation:none}.frida-tap.laughing .ha{opacity:1}}.coin-item{flex-direction:column;align-items:center;gap:6px;display:flex}.coin-label{color:var(--muted);font-size:14px;font-weight:900}.coin-item.active .coin-label{color:var(--teal)}.coin{background:var(--locked);width:64px;height:64px;box-shadow:0 6px 0 var(--locked-shadow);border-radius:50%;place-items:center;transition:transform 80ms ease-out,box-shadow 80ms ease-out;display:grid}.coin-ring{place-items:center;display:grid;position:relative}.coin-ring .ring{border:5px solid var(--teal-ring);border-radius:50%;width:96px;height:96px;position:absolute}.coin-item.active .coin{background:var(--teal);width:74px;height:74px;box-shadow:0 7px 0 var(--teal-shadow)}.coin-item.active .coin:active{box-shadow:0 3px 0 var(--teal-shadow);transform:translateY(4px)}.coin-item.done .coin{background:var(--gold);box-shadow:0 6px 0 var(--gold-shadow)}.coin-item.done .coin:active{box-shadow:0 2px 0 var(--gold-shadow);transform:translateY(4px)}.coin-item.done .coin-label{color:var(--gold-shadow)}.coin-item.locked .coin{cursor:default}.letters-divider{align-items:center;gap:14px;padding:18px 26px 10px;display:flex}.letters-divider .line{background:var(--hairline);flex:1;height:2px}.letters-divider .letters{font-family:var(--font-display);letter-spacing:3px;color:var(--muted);font-size:18px;font-weight:800}.bottomnav{z-index:20;border-top:2px solid var(--hairline);background:var(--nav-bg);justify-content:space-around;align-items:center;margin-top:auto;padding:10px 12px;display:flex;position:sticky;bottom:0}.bottomnav button{place-items:center;padding:7px 14px;display:grid}.bottomnav .nav-active{background:var(--teal-pill);border:2px solid var(--teal-pill-border);border-radius:14px}.bottomnav .nav-letters{font-family:var(--font-display);color:var(--muted);font-size:22px;font-weight:800}.game-screen{flex-direction:column;flex:1;min-height:100vh;padding:0 16px 30px;display:flex}.game-header{align-items:center;gap:12px;padding:16px 0;display:flex}.game-header .quit{color:var(--muted);padding:4px 10px;font-size:24px}.progress-track{background:var(--hairline);border-radius:8px;flex:1;height:16px;overflow:hidden}.progress-fill{background:var(--teal);border-radius:8px;height:100%;transition:width .4s}.timer-big{color:var(--streak-orange);text-align:right;font-variant-numeric:tabular-nums;min-width:58px;font-size:26px;font-weight:900}.game-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:26px;display:flex}.game-stage h1,.game-stage h2{color:var(--text)}.flash-card{width:min(78vw,340px);height:min(52vw,240px);color:var(--text);font-family:var(--font-display);box-shadow:0 8px 0 var(--hairline);background:#fff;border-radius:22px;justify-content:center;align-items:center;font-size:clamp(64px,22vw,120px);font-weight:800;display:flex}.grade-buttons{justify-content:center;gap:16px;width:100%;display:flex}.grade-buttons button{flex:1;max-width:220px}.prompt-speaker{background:var(--gem-blue);color:#fff;border-radius:50%;width:130px;height:130px;font-size:60px;transition:transform 80ms ease-out,box-shadow 80ms ease-out;box-shadow:0 8px #2e93b3}.prompt-speaker:active{transform:translateY(4px);box-shadow:0 4px #2e93b3}.tile-grid{grid-template-columns:repeat(2,1fr);gap:14px;width:100%;max-width:400px;display:grid}.tile{color:var(--text);font-family:var(--font-display);box-shadow:0 6px 0 var(--hairline);background:#fff;border-radius:22px;padding:22px 10px;font-size:44px;font-weight:800;transition:transform 80ms ease-out}.tile:active{transform:translateY(3px)}.tile.correct{background:var(--teal);color:#fff;box-shadow:0 6px 0 var(--teal-shadow);animation:.5s pulse}.tile.wrong{background:var(--red-orange);color:#fff;box-shadow:0 6px 0 var(--red-orange-shadow);animation:.45s shake}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-9px)}40%,80%{transform:translate(9px)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}.reward-screen{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;min-height:100vh;padding:0 16px;display:flex}.reward-screen .frida{width:180px;animation:1.2s infinite bounce}.reward-screen h1{color:var(--orange);margin:0;font-size:34px}.reward-screen .reward-line{font-size:22px;font-weight:900}.record-banner{font-family:var(--font-display);color:var(--gold-shadow);font-size:38px;font-weight:800;animation:.8s infinite pulse}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.studio{padding:20px}.studio table{border-collapse:collapse;width:100%}.studio td{border-bottom:1px solid var(--hairline);padding:6px 8px}.studio .big-sound{font-family:var(--font-display);text-align:center;margin:16px 0;font-size:64px;font-weight:800}.studio-controls{flex-wrap:wrap;justify-content:center;gap:12px;margin:14px 0;display:flex}