:root{--game-accent:#2563eb;--game-accent-dark:#1e40af;--game-accent-soft:#dbeafe;--ink:#1f2430;--ink-soft:#4b5563;--paper:#fffdf7;--panel:#fff;--panel-border:#e5e0d5;--good:#1a9e54;--good-soft:#dcf5e6;--try-again:#e07b00;--try-again-soft:#fdeed3;--star:#f5b301;--radius:18px;--radius-small:12px;--shadow:0 4px 18px #1f24301a;--font:"Baloo 2", "Comic Sans MS", ui-rounded, system-ui, sans-serif;--tap-min:56px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--game-accent);outline-offset:2px}.topbar{justify-content:space-between;align-items:center;gap:8px;max-width:960px;margin:0 auto;padding:12px 16px;display:flex}.topbar-left{align-items:center;gap:10px;min-width:0;display:flex}.back-button{width:var(--tap-min);height:var(--tap-min);border:2px solid var(--panel-border);background:var(--panel);color:var(--game-accent-dark);box-shadow:var(--shadow);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.back-button svg{width:26px;height:26px}.brand{color:var(--game-accent-dark);white-space:nowrap;min-width:0;font-size:1.5rem;font-weight:800}@media (width<=560px){.topbar{padding:10px 12px}.brand{font-size:1.08rem}}.settings-button{width:var(--tap-min);height:var(--tap-min);border:2px solid var(--panel-border);background:var(--panel);color:var(--game-accent-dark);box-shadow:var(--shadow);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.settings-button svg{width:28px;height:28px}.stars-svg{width:100%;max-width:8.25rem;height:auto;margin-inline:auto;display:block}.stars-svg--big{max-width:13.5rem}.stage{flex-direction:column;align-items:center;gap:16px;max-width:960px;margin:0 auto;padding:8px 16px 24px;display:flex}.panel{background:var(--panel);border:2px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow);width:100%;padding:20px}.big-button{min-height:var(--tap-min);background:var(--game-accent);color:#fff;box-shadow:var(--shadow);border:none;border-radius:999px;padding:12px 28px;font-size:1.25rem;font-weight:800}.big-button.secondary{background:var(--panel);color:var(--game-accent-dark);border:2px solid var(--game-accent)}.choice-button{border:3px solid var(--game-accent);border-radius:var(--radius-small);background:var(--panel);min-width:72px;min-height:64px;color:var(--ink);padding:10px 18px;font-size:1.75rem;font-weight:800}.choice-button.correct{background:var(--good-soft);border-color:var(--good)}.choice-button.wrong{background:var(--try-again-soft);border-color:var(--try-again);animation:.3s shake}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.feedback{text-align:center;min-height:2rem;font-size:1.25rem;font-weight:700}.feedback.good{color:var(--good)}.feedback.try{color:var(--try-again)}.settings-overlay{z-index:50;background:#1f243073;justify-content:flex-end;align-items:flex-start;display:none;position:fixed;inset:0}.settings-overlay.open{display:flex}.settings-panel{background:var(--panel);width:min(360px,92vw);height:100%;padding:20px;overflow-y:auto}.setting-row{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;font-size:1.125rem;font-weight:700;display:flex}.toggle{flex:none;width:60px;height:34px;position:relative}.toggle input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.toggle .track{pointer-events:none;background:#cbd5e1;border-radius:999px;transition:background .15s;position:absolute;inset:0}.toggle .track:after{content:"";background:#fff;border-radius:50%;width:28px;height:28px;transition:transform .15s;position:absolute;top:3px;left:3px}.toggle input:checked+.track{background:var(--good)}.toggle input:checked+.track:after{transform:translate(26px)}.toggle input:focus-visible+.track{outline:3px solid var(--game-accent);outline-offset:2px}.footer a{color:inherit}.footer{text-align:center;color:var(--ink-soft);padding:16px;font-size:.85rem}@media (prefers-reduced-motion:reduce){.choice-button.wrong{animation:none}}:root{--game-accent:#6d28d9;--game-accent-dark:#4c1d95;--game-accent-soft:#ede9fe}.game-panel{flex-direction:column;align-items:center;gap:14px;min-height:560px;display:flex;position:relative;overflow:hidden}.screen-title{text-align:center;margin:4px 0 0;font-size:1.5rem;font-weight:800}.topic-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;width:100%;display:grid}.topic-card{border:3px solid var(--panel-border);border-radius:var(--radius);background:var(--panel);color:var(--ink);flex-direction:column;align-items:center;gap:4px;min-height:168px;padding:14px 10px;display:flex}.topic-card.selected{border-color:var(--game-accent);background:var(--game-accent-soft)}.medal-icon{flex:none;width:44px;max-width:100%;height:auto;display:block}.topic-name{text-align:center;font-size:1.1rem;font-weight:800;line-height:1.15}.topic-blurb{color:var(--ink-soft);text-align:center;font-size:.9rem}.topic-best{color:var(--game-accent-dark);font-size:.95rem;font-weight:700}.topic-card{min-width:0;overflow:visible}.star-row{width:100%;min-width:0;display:block}.star-row .stars-svg{width:100%;min-width:0;max-width:8.25rem;display:block}.mode-row{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;margin-top:auto;display:flex}.mode-button{flex:220px;max-width:320px}.play-head{width:100%;color:var(--game-accent-dark);justify-content:space-between;gap:12px;font-size:1.05rem;font-weight:800;display:flex}.timer-area{align-items:center;gap:10px;width:100%;height:30px;display:flex}.timer-track{background:var(--game-accent-soft);border-radius:999px;flex:1;height:18px;overflow:hidden}.timer-track.practice{background:var(--panel);border:2px dashed var(--panel-border);justify-content:center;align-items:center;display:flex}.timer-fill{background:var(--game-accent);border-radius:999px;height:100%;transition:width .2s linear}.timer-label{color:var(--ink-soft);font-size:.85rem;font-weight:700}.timer-numbers{color:var(--game-accent-dark);text-align:right;min-width:3ch;font-size:1rem;font-weight:800}.question{text-align:center;white-space:nowrap;min-height:3.4rem;margin:6px 0 0;font-size:2.6rem;font-weight:800}.choices{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.choices .choice-button{min-width:96px;min-height:72px;font-size:2rem}.hint-box{flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;min-height:92px;display:flex}.hint-box svg{max-width:100%;max-height:92px}.hint-text{color:var(--ink-soft);text-align:center;margin:0;font-size:1rem;font-weight:700}.play-actions{gap:12px;margin-top:auto;display:flex}.big-button.small{min-height:48px;padding:8px 22px;font-size:1.05rem}.end-topic{color:var(--game-accent-dark);margin:0;font-size:1.1rem;font-weight:800}.end-line{text-align:center;margin:2px 0;font-size:1.3rem;font-weight:700}.end-medal{align-items:center;gap:8px;margin:4px 0;font-size:1.3rem;font-weight:800;display:flex}.end-stars{width:100%}.burst{pointer-events:none;position:absolute;inset:0;overflow:hidden}.burst-piece{border-radius:3px;width:10px;height:16px;animation:1.5s ease-in forwards burst-fall;position:absolute;top:-14px}@keyframes burst-fall{to{opacity:.2;transform:translateY(560px)rotate(340deg)}}@media (prefers-reduced-motion:reduce){.burst-piece{animation:none;display:none}}@media (width<=480px){.game-panel{min-height:520px;padding:16px 12px}.question{font-size:2.1rem}.choices .choice-button{min-width:84px}}