*,:before,:after{box-sizing:border-box}:root{--bg:#2b1d4f;--bg2:#3d2a6d;--card:#fff;--text:#2d2440;--text-inverse:#fff8ef;--accent:#ffc93c;--good:#58cc02;--good-shadow:#46a302;--bad:#ff4b4b;--locked:#8a7fb0;--radius:22px}html,body{background:linear-gradient(160deg, var(--bg) 0%, var(--bg2) 100%);min-height:100%;color:var(--text-inverse);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;padding:0}.app{max-width:560px;min-height:100vh;margin:0 auto;padding:0 16px 40px;font-family:"Baloo 2",Arial Rounded MT Bold,Nunito,Comic Sans MS,system-ui,sans-serif;font-size:18px}.app.font-dyslexie{letter-spacing:.06em;word-spacing:.16em;font-family:Verdana,Comic Sans MS,sans-serif;line-height:1.6}button{font:inherit;cursor:pointer;border-radius:var(--radius);-webkit-user-select:none;user-select:none;touch-action:manipulation;border:none}.btn-primary{background:var(--good);color:#fff;box-shadow:0 5px 0 var(--good-shadow);padding:16px 32px;font-size:22px;font-weight:800;transition:transform 60ms}.btn-primary:active{box-shadow:0 1px 0 var(--good-shadow);transform:translateY(4px)}.btn-bad{background:var(--bad);color:#fff;padding:16px 32px;font-size:22px;font-weight:800;transition:transform 60ms;box-shadow:0 5px #c73535}.btn-bad:active{transform:translateY(4px);box-shadow:0 1px #c73535}.topbar{justify-content:space-between;align-items:center;padding:14px 4px;font-size:20px;font-weight:800;display:flex}.topbar .gems{color:#7ee0ff;align-items:center;gap:6px;display:flex}.topbar .week{color:var(--accent);align-items:center;gap:6px;display:flex}.fase-header{border-radius:var(--radius);color:#fff;margin:26px 0 10px;padding:14px 18px;font-size:20px;font-weight:800}.unit-title{opacity:.85;margin:18px 4px 6px;font-weight:800}.path-nodes{flex-direction:column;align-items:center;gap:18px;padding:10px 0;display:flex}.path-node{color:#fff;background:var(--good);width:86px;height:78px;box-shadow:0 7px 0 var(--good-shadow);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:30px;font-weight:800;transition:transform 60ms;display:flex;position:relative}.path-node:active{box-shadow:0 3px 0 var(--good-shadow);transform:translateY(4px)}.path-node.done{background:var(--accent);color:#6b4d00;box-shadow:0 7px #c99a1d}.path-node.locked{background:var(--locked);opacity:.6;cursor:default;box-shadow:0 7px #6c6191}.path-node .node-label{white-space:nowrap;color:var(--text-inverse);opacity:.8;font-size:13px;font-weight:700;position:absolute;bottom:-22px}.path-node:nth-child(odd){transform:translate(-44px)}.path-node:nth-child(2n){transform:translate(44px)}.path-node:nth-child(odd):active{transform:translate(-44px)translateY(4px)}.path-node:nth-child(2n):active{transform:translate(44px)translateY(4px)}.game-screen{flex-direction:column;min-height:100vh;padding-bottom:30px;display:flex}.game-header{align-items:center;gap:12px;padding:16px 0;display:flex}.game-header .quit{color:var(--text-inverse);opacity:.6;background:0 0;padding:4px 10px;font-size:26px}.progress-track{background:#ffffff2e;border-radius:8px;flex:1;height:16px;overflow:hidden}.progress-fill{background:var(--good);border-radius:8px;height:100%;transition:width .4s}.timer-big{color:var(--accent);text-align:right;font-variant-numeric:tabular-nums;min-width:58px;font-size:26px;font-weight:800}.game-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:26px;display:flex}.flash-card{background:var(--card);width:min(78vw,340px);height:min(52vw,240px);color:var(--text);border-radius:var(--radius);justify-content:center;align-items:center;font-size:clamp(64px,22vw,120px);font-weight:800;display:flex;box-shadow:0 10px #00000040}.grade-buttons{justify-content:center;gap:16px;width:100%;display:flex}.grade-buttons button{flex:1;max-width:220px}.prompt-speaker{color:#fff;background:#1cb0f6;border-radius:50%;width:130px;height:130px;font-size:60px;box-shadow:0 8px #1289bf}.prompt-speaker:active{transform:translateY(4px);box-shadow:0 4px #1289bf}.tile-grid{grid-template-columns:repeat(2,1fr);gap:14px;width:100%;max-width:400px;display:grid}.tile{background:var(--card);color:var(--text);border-radius:var(--radius);padding:22px 10px;font-size:44px;font-weight:800;transition:transform 60ms;box-shadow:0 6px #00000040}.tile:active{transform:translateY(3px)}.tile.correct{background:var(--good);color:#fff;animation:.5s pulse}.tile.wrong{background:var(--bad);color:#fff;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;justify-content:center;align-items:center;gap:18px;min-height:100vh;display:flex}.reward-screen .mascot{font-size:110px;animation:1s infinite bounce}.reward-screen h1{color:var(--accent);margin:0;font-size:34px}.reward-screen .reward-line{font-size:24px;font-weight:800}.record-banner{color:var(--accent);font-size:40px;font-weight:900;animation:.8s infinite pulse}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.mascot-corner{font-size:56px}.studio{color:var(--text-inverse);padding:20px 0}.studio table{border-collapse:collapse;width:100%}.studio td{border-bottom:1px solid #ffffff26;padding:6px 8px}.studio .big-sound{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}