:root{color-scheme:dark;--bg: #05060d;--bg-panel: #0b0e1a;--cyan: #35f2ff;--pink: #ff3df0;--yellow: #f7ff3d;--red: #ff3d5e;--green: #4dff9e;--border: rgba(53, 242, 255, .35)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(circle at 50% 0%,#131a33 0%,var(--bg) 60%);color:#eaf6ff;font-family:Share Tech Mono,monospace;overflow:hidden}.app{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:24px 16px 40px}.scanlines{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.025) 0px,rgba(255,255,255,.025) 1px,transparent 2px,transparent 4px);mix-blend-mode:overlay;z-index:0}.hud{width:100%;max-width:560px;display:flex;align-items:center;justify-content:space-between;z-index:1}.title{font-family:Orbitron,sans-serif;font-weight:900;font-size:clamp(1.4rem,5vw,2.2rem);margin:0;color:#fff;text-shadow:0 0 6px var(--cyan),0 0 22px var(--cyan),0 0 46px rgba(53,242,255,.5);letter-spacing:1px}.title-accent{color:var(--pink);text-shadow:0 0 6px var(--pink),0 0 22px var(--pink),0 0 46px rgba(255,61,240,.55)}.hud-stat{display:flex;flex-direction:column;align-items:center;min-width:64px}.hud-label{font-size:.7rem;letter-spacing:2px;text-transform:uppercase;color:#eaf6ff8c}.hud-value{font-family:Orbitron,sans-serif;font-size:1.4rem;font-weight:700;color:var(--yellow);text-shadow:0 0 8px rgba(247,255,61,.7)}.stage{flex:1;width:100%;display:flex;align-items:center;justify-content:center;z-index:1}.panel{width:100%;max-width:480px;background:linear-gradient(180deg,#35f2ff0f,#ff3df00a);border:1px solid var(--border);border-radius:20px;padding:36px 28px;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;box-shadow:0 0 40px #35f2ff1f,inset 0 0 30px #35f2ff0d;animation:panel-in .35s ease}@keyframes panel-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.tagline{margin:0;color:#cdefff;font-size:1.05rem}.hint{margin:0;color:#eaf6ff99;font-size:.85rem}.round-indicator{font-size:.8rem;letter-spacing:3px;text-transform:uppercase;color:var(--cyan);text-shadow:0 0 8px rgba(53,242,255,.7)}.timer-track{width:100%;height:8px;border-radius:6px;background:#ffffff14;overflow:hidden}.timer-bar{height:100%;width:100%;transform-origin:left;background:linear-gradient(90deg,var(--green),var(--yellow),var(--red));box-shadow:0 0 10px #4dff9eb3;transition-property:transform;transition-timing-function:linear}.problem{font-family:Orbitron,sans-serif;font-weight:700;font-size:clamp(2.4rem,10vw,3.4rem);color:#fff;display:flex;align-items:baseline;gap:14px;text-shadow:0 0 10px rgba(255,255,255,.5)}.op{color:var(--pink);text-shadow:0 0 10px var(--pink)}.qmark{color:var(--cyan);text-shadow:0 0 10px var(--cyan)}.choices{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.btn{font-family:Orbitron,sans-serif;cursor:pointer;border-radius:12px;border:1px solid var(--border);background:#0b0e1acc;color:#fff;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{cursor:default}.choice-btn{padding:18px 10px;font-size:clamp(1.3rem,5vw,1.8rem);font-weight:700;color:var(--cyan);text-shadow:0 0 8px rgba(53,242,255,.6)}.choice-btn:hover:not(:disabled){box-shadow:0 0 16px #35f2ff80;border-color:var(--cyan)}.choice-btn.correct{border-color:var(--green);color:var(--green);text-shadow:0 0 12px var(--green);box-shadow:0 0 20px #4dff9e99}.choice-btn.wrong{border-color:var(--red);color:var(--red);text-shadow:0 0 12px var(--red);box-shadow:0 0 20px #ff3d5e99}.btn-primary{padding:14px 36px;font-size:1rem;letter-spacing:2px;text-transform:uppercase;color:#05060d;background:linear-gradient(90deg,var(--cyan),var(--pink));border:none;box-shadow:0 0 22px #35f2ff80}.btn-primary:hover{box-shadow:0 0 32px #ff3df0a6}.gameover-title{margin:0;font-family:Orbitron,sans-serif;color:var(--red);text-shadow:0 0 10px var(--red),0 0 30px rgba(255,61,94,.6);letter-spacing:2px}.final-score{font-family:Orbitron,sans-serif;font-size:clamp(3rem,14vw,4.5rem);font-weight:900;color:var(--yellow);text-shadow:0 0 14px var(--yellow),0 0 40px rgba(247,255,61,.5)}@media (max-width: 380px){.panel{padding:28px 18px}}