:root{--timer-calm: #67eaff;--timer-urgent: #ff766e;--streak-warm: #9a83d9;--streak-hot: #ffb43d;--streak-blazing: #ff6b4a;--feedback-correct: #5ff1a6;--feedback-wrong: #ff8179;font-family:system-ui,-apple-system,Segoe UI,Tahoma,Arial,sans-serif;color:#f8f9ff;background:#080b25;font-synthesis:none;text-rendering:optimizeLegibility;color-scheme:dark}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}.math-content,.numeric-value{direction:ltr;unicode-bidi:isolate}body{min-height:100dvh;overflow-x:hidden;background:radial-gradient(circle at 50% 18%,rgba(80,52,210,.22),transparent 36%),linear-gradient(160deg,#090d2e,#070a20 62%,#07182b)}button{font:inherit}button:focus-visible{outline:3px solid #63e8ff;outline-offset:4px}.game-shell{width:min(100%,780px);min-height:100dvh;margin:0 auto;padding:clamp(12px,3vw,28px)}.centered{display:grid;place-items:center}.panel{width:min(100%,430px);padding:clamp(24px,7vw,44px) clamp(18px,6vw,38px);text-align:center;background:linear-gradient(180deg,#131843f5,#070a22f5);border:1px solid #313a79;border-radius:28px;box-shadow:0 24px 70px #00000061,inset 0 1px #ffffff14}.brand-mark{width:62px;height:62px;margin:0 auto 12px;display:grid;place-items:center;color:#67eaff;font-size:2.3rem;filter:drop-shadow(0 0 18px rgba(82,225,255,.45))}.start-panel h1,.results-panel h1{margin:0;line-height:1.15;letter-spacing:0}.start-panel h1{color:#a553ff;font-size:clamp(2rem,10vw,3.2rem);text-shadow:0 5px 26px rgba(146,58,255,.42)}.tagline{margin:24px 0;color:#d7daf2;font-size:clamp(1rem,4vw,1.15rem);line-height:1.6}.button{width:100%;min-height:58px;padding:14px 20px;border-radius:15px;border:2px solid transparent;color:#fff;font-size:1.05rem;font-weight:850;letter-spacing:0;cursor:pointer;transition:transform .14s ease,filter .14s ease,border-color .14s ease}.button:hover{filter:brightness(1.1)}.button:active{transform:translateY(2px) scale(.99)}.button-primary{background:linear-gradient(135deg,#7135f6,#ad34ee);box-shadow:0 8px #40209b,0 16px 28px #642ae142}.button-secondary{margin-top:14px;color:#6ceaff;background:transparent;border-color:#45dff8}.best-line{margin:28px 0 16px;padding:13px;border:1px solid #34417b;border-radius:12px;color:#cfd5f4}.best-line strong{color:#fff}.sound-toggle{min-height:48px;padding:10px 16px;color:#c8cdef;background:transparent;border:0;border-top:1px solid #2c356d;cursor:pointer}.sound-toggle span{color:#68eaff;font-weight:900;margin-inline-end:6px}.countdown{text-align:center}.countdown p{margin:0;color:#67eaff;font-size:clamp(7rem,45vw,15rem);font-weight:950;line-height:1;letter-spacing:0;text-shadow:0 8px 0 #124b7c,0 0 45px rgba(50,213,255,.48);animation:count-in .34s cubic-bezier(.2,.8,.2,1)}.countdown .numeric-value{letter-spacing:-.09em}@keyframes count-in{0%{opacity:0;transform:scale(.75)}}.play-screen{min-height:calc(100dvh - clamp(24px,6vw,56px));display:grid;grid-template-rows:auto 1fr;gap:14px}.hud{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;overflow:hidden;background:#394078;border:1px solid #394078;border-radius:16px;box-shadow:0 10px 24px #0000003d}.hud-stat{position:relative;min-width:0;min-height:72px;padding:8px 5px;display:flex;align-items:center;justify-content:center;gap:7px;text-align:center;background:#101538}.hud-label{color:#9da8dc;font-size:clamp(.6rem,2.7vw,.69rem);font-weight:800;line-height:1.25}.hud-value{display:block;overflow:hidden;color:#fff;font-size:clamp(1.15rem,6vw,1.6rem);line-height:1.15;text-overflow:ellipsis}.score-stat{flex-direction:column;gap:2px}.hourglass-icon,.flame-icon,.result-flame{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto}.hourglass-icon{color:var(--timer-calm)}.hourglass-icon svg,.flame-icon svg,.result-flame svg{width:100%;height:100%;overflow:visible}.hourglass-frame{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8}.hourglass-sand{fill:currentColor;transform-box:fill-box;transform-origin:center;transition:transform .16s linear}.hourglass-sand-upper{transform:scaleY(var(--time-ratio));transform-origin:center top}.hourglass-sand-lower{transform:scaleY(calc(1 - var(--time-ratio)));transform-origin:center bottom;opacity:.75}.timer-stat .hourglass-icon{animation:hourglass-calm 2.8s ease-in-out infinite}.timer-stat.is-urgent{box-shadow:inset 0 0 22px #ff766e29}.timer-stat.is-urgent .hourglass-icon,.timer-stat.is-urgent .hud-value{color:var(--timer-urgent)}.timer-stat.is-urgent .hourglass-icon{animation:hourglass-urgent .85s ease-in-out infinite}.timer-stat.is-final{box-shadow:inset 0 0 28px #ff766e47}.timer-stat.is-final .hourglass-icon{animation-duration:.52s}.flame-outer{fill:currentColor}.flame-core{fill:#ffe08a}.streak-stat{color:var(--streak-warm)}.streak-stat .hud-value{color:currentColor}.streak-stat[data-tier=spark] .flame-icon{opacity:.48;transform:scale(.82)}.streak-stat.tier-lit{color:var(--streak-hot);box-shadow:inset 0 0 18px #ffb43d1a}.streak-stat.tier-strong{color:#ff8b42;box-shadow:inset 0 0 22px #ff8b4229}.streak-stat.tier-blazing{color:var(--streak-blazing);box-shadow:inset 0 0 28px #ff6b4a3d}.streak-multiplier,.streak-break{position:absolute;inset:3px 5px auto auto;color:#fff;font-size:.7rem;font-weight:900;opacity:0}.streak-stat.is-growing .flame-icon{animation:flame-grow .26s ease-out}.streak-stat.is-tier-up{animation:tier-ring .32s ease-out}.streak-stat.is-tier-up .flame-icon{animation:flame-grow .32s ease-out}.streak-stat.is-tier-up .streak-multiplier{animation:tier-label .32s ease-out both}.streak-stat.is-breaking .flame-icon{animation:flame-out .7s ease-out both}.streak-stat.is-breaking .streak-break{color:#b9bfdc;animation:streak-break .7s ease-out both}@keyframes hourglass-calm{50%{transform:rotate(3deg)}}@keyframes hourglass-urgent{50%{transform:rotate(7deg) scale(1.06)}}@keyframes flame-grow{50%{transform:translateY(-2px) scale(1.3);filter:drop-shadow(0 0 8px currentColor)}}@keyframes tier-ring{50%{box-shadow:inset 0 0 30px currentColor}}@keyframes tier-label{0%{opacity:0;transform:translateY(5px) scale(.8)}35%,to{opacity:1;transform:none}}@keyframes flame-out{to{opacity:.28;transform:translateY(5px) scale(.55);filter:grayscale(1)}}@keyframes streak-break{20%{opacity:1}to{opacity:0;transform:translateY(-14px)}}.challenge-card{min-height:0;padding:clamp(18px,5vw,34px) clamp(12px,4vw,26px);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,#0a0d2bb8,#07091deb);border:1px solid rgba(70,79,137,.72);border-radius:24px}.challenge-prompt{min-height:1.3em;margin:0 0 clamp(22px,6vh,48px);color:#fff;font-size:clamp(2.25rem,13vw,5.6rem);font-weight:900;line-height:1.05;letter-spacing:0;text-align:center;text-wrap:balance}.challenge-prompt.math-content{letter-spacing:-.055em}.answers{display:grid;grid-template-columns:1fr;gap:12px}.answer{position:relative;min-height:68px;padding:12px 42px;color:#fff;background:linear-gradient(135deg,#221657,#181340);border:2px solid #a94df8;border-radius:15px;box-shadow:0 7px #32136b;font-size:clamp(1.7rem,9vw,3rem);font-weight:900;cursor:pointer;transition:transform .12s ease,background .16s ease,border-color .16s ease}.answer:not(:disabled):hover{background:linear-gradient(135deg,#39217c,#22165b);transform:translateY(-2px)}.answer:not(:disabled):active{transform:translateY(4px);box-shadow:0 3px #32136b}.answer:disabled{cursor:default;opacity:.76}.answer.is-correct{opacity:1;color:#effff5;background:#145e42;border-color:#5ff1a6;box-shadow:0 7px #0b3827}.answer.is-wrong{opacity:1;color:#fff5f4;background:#71302f;border-color:#ff8179;box-shadow:0 7px #401818}.answer-key{position:absolute;inset-inline-start:14px;top:50%;color:#aeb5de;font-size:.72rem;transform:translateY(-50%)}.feedback{min-height:24px;margin:22px 0 0;color:#c9ceef;font-size:.95rem;font-weight:700;line-height:1.6;text-align:center}.score-gain{display:inline-block;color:var(--feedback-correct);font-size:1.18em;text-shadow:0 0 12px rgba(95,241,166,.52);animation:score-pop .3s ease-out}.challenge-card.is-correct-feedback{animation:card-correct .3s ease-out}.challenge-card.is-wrong-feedback{animation:card-wrong .42s ease-out}@keyframes score-pop{0%{opacity:0;transform:translateY(8px) scale(.75)}55%{transform:translateY(-2px) scale(1.18)}}@keyframes card-correct{50%{border-color:var(--feedback-correct);box-shadow:0 0 24px #5ff1a62b}}@keyframes card-wrong{50%{border-color:var(--feedback-wrong);box-shadow:0 0 20px #ff817924}}.pause-screen{min-height:calc(100dvh - 24px);position:relative;display:grid;grid-template-rows:auto 1fr;gap:14px}.pause-screen .hourglass-icon{animation:none}.paused-challenge{display:grid;place-items:center;color:#fff3;font-size:clamp(2.4rem,13vw,5rem);font-weight:900;filter:blur(1px)}.pause-panel{position:absolute;inset:50% auto auto 50%;width:min(92%,390px);padding:28px 22px;text-align:center;background:#0e1438;border:2px solid #6877b7;border-radius:24px;box-shadow:0 30px 80px #0000009e;transform:translate(-50%,-50%)}.pause-panel h2{margin:8px 0;font-size:1.8rem}.pause-panel p{color:#b8c0e5}.pause-icon{width:58px;height:58px;margin:0 auto;display:grid;place-items:center;color:#66eaff;border:3px solid currentColor;border-radius:50%;font-size:1.5rem;font-weight:900}.results-panel h1{color:#67eaff;font-size:clamp(2.3rem,12vw,4rem)}.final-label{margin:24px 0 4px;color:#c4c9e8;font-size:.78rem;font-weight:800}.final-score{margin:0;color:#fff;font-size:clamp(3.2rem,18vw,5.4rem);font-weight:950;line-height:1;letter-spacing:-.06em}.new-best{display:inline-block;margin:16px 0 0;padding:7px 14px;color:#fff;background:#168d4f;border-radius:7px;font-size:.82rem;font-weight:900}.results-list{margin:24px 0;border-block:1px solid #333d76}.results-list div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #283164}.results-list div:last-child{border-bottom:0}.results-list dt{color:#9fa8d5;font-size:.75rem}.results-list dd{margin:0;color:#fff;font-weight:850}.result-streak{display:inline-flex;align-items:center;gap:5px}.result-flame{width:22px;height:22px;color:var(--streak-hot)}@media(min-width:640px){.answers{grid-template-columns:repeat(3,1fr)}.answers-2{grid-template-columns:repeat(2,1fr)}.answer{min-height:116px;padding-inline:26px}}@media(max-height:620px)and (max-width:639px){.game-shell{padding-block:8px}.challenge-card{padding-block:12px}.challenge-prompt{margin-bottom:18px;font-size:clamp(2rem,11vw,3.2rem)}.answer{min-height:60px}.feedback{margin-top:14px}.panel{padding-block:20px}.results-panel h1{font-size:2.1rem}.results-panel .final-label{margin-top:12px}.results-panel .final-score{font-size:3rem}.results-panel .new-best{margin-top:8px}.results-panel .results-list{margin-block:12px}.results-panel .results-list div{padding-block:8px}.results-panel .button{min-height:50px;padding-block:10px}.results-panel .button-secondary{margin-top:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}