:root{--color-red: #E53935;--color-blue: #1E88E5;--color-green: #43A047;--color-yellow: #FDD835;--color-bg-dark: #0a1628;--color-bg-card: #142238;--color-accent: #ff9500;--color-text: #ffffff;--color-text-muted: #7a9cc6;--color-correct: #00ff88;--color-wrong: #ff3355;--neon-blue: #1e90ff;--neon-pink: #ff9500;--neon-yellow: #ffd700;--neon-green: #00ff88;--neon-purple: #1e90ff;--neon-orange: #ff9500;--glow-blue: 0 0 10px #1e90ff, 0 0 20px #1e90ff80, 0 0 40px #1e90ff40;--glow-pink: 0 0 10px #ff9500, 0 0 20px #ff950080, 0 0 40px #ff950040;--glow-yellow: 0 0 10px #ffd700, 0 0 20px #ffd70080, 0 0 40px #ffd70040;--glow-green: 0 0 10px #00ff88, 0 0 20px #00ff8880, 0 0 40px #00ff8840;--glow-purple: 0 0 10px #1e90ff, 0 0 20px #1e90ff80, 0 0 40px #1e90ff40;--text-glow-blue: 0 0 10px #1e90ff, 0 0 20px #1e90ff80;--text-glow-pink: 0 0 10px #ff9500, 0 0 20px #ff950080;--text-glow-yellow: 0 0 10px #ffd700, 0 0 20px #ffd70080;--text-glow-green: 0 0 10px #00ff88, 0 0 20px #00ff8880;--text-glow-purple: 0 0 10px #1e90ff, 0 0 20px #1e90ff80}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--color-bg-dark);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:transform .1s,opacity .1s}button:active{transform:scale(.95)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}input{font-family:inherit;border:none;outline:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-dark)}::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:4px}@keyframes neonPulse{0%,to{opacity:1;filter:brightness(1)}50%{opacity:.8;filter:brightness(1.3)}}@keyframes neonFlicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1;text-shadow:var(--text-glow-pink)}20%,24%,55%{opacity:.6;text-shadow:none}}@keyframes spotlightSweep{0%{background-position:-100% 0}to{background-position:200% 0}}@keyframes slideUpDramatic{0%{opacity:0;transform:translateY(60px) scale(.9)}60%{opacity:1;transform:translateY(-10px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes explosiveReveal{0%{opacity:0;transform:scale(.5);filter:brightness(3)}50%{opacity:1;transform:scale(1.15);filter:brightness(1.5)}to{opacity:1;transform:scale(1);filter:brightness(1)}}@keyframes slamDown{0%{opacity:0;transform:translateY(-100px) scale(1.5)}60%{opacity:1;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shakeIntense{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}@keyframes scorePop{0%{opacity:0;transform:scale(0) translateY(20px)}50%{opacity:1;transform:scale(1.3) translateY(-10px)}70%{transform:scale(.9) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes scoreFloat{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-50px) scale(1.5)}}@keyframes crownBounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(-5deg)}75%{transform:translateY(-10px) rotate(5deg)}}@keyframes confettiFall{0%{opacity:1;transform:translateY(-100vh) rotate(0)}to{opacity:.8;transform:translateY(100vh) rotate(720deg)}}@keyframes staggerFadeIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px var(--neon-blue),0 0 40px var(--neon-blue)}50%{box-shadow:0 0 40px var(--neon-blue),0 0 80px var(--neon-blue),0 0 120px var(--neon-blue)}}@keyframes timerUrgent{0%,to{transform:scale(1);color:var(--neon-yellow)}50%{transform:scale(1.1);color:var(--color-wrong)}}@keyframes stageLightShift{0%,to{filter:hue-rotate(0deg)}33%{filter:hue-rotate(30deg)}66%{filter:hue-rotate(-30deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}
