:root{--bg: #0a0a0f;--bg-elev: #14141d;--bg-elev-2: #1d1d2b;--bg-elev-3: #262638;--text: #f3f3fa;--text-dim: #9090a8;--text-muted: #5e5e75;--cyan: #00f5ff;--magenta: #ff00aa;--yellow: #ffe600;--green: #00ff88;--red: #ff3366;--orange: #ff7a00;--purple: #9d4edd;--gold: #ffd700;--silver: #d8d8e0;--bronze: #e08a3c;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .18);--radius-sm: 8px;--radius: 14px;--radius-lg: 24px;--radius-xl: 36px;--shadow-cyan: 0 0 20px rgba(0, 245, 255, .45), 0 0 50px rgba(0, 245, 255, .18);--shadow-magenta: 0 0 20px rgba(255, 0, 170, .5), 0 0 60px rgba(255, 0, 170, .25);--shadow-yellow: 0 0 20px rgba(255, 230, 0, .45), 0 0 50px rgba(255, 230, 0, .2);--shadow-green: 0 0 18px rgba(0, 255, 136, .5);--shadow-red: 0 0 18px rgba(255, 51, 102, .5);--shadow-gold: 0 0 36px rgba(255, 215, 0, .55);--shadow-elev: 0 14px 40px rgba(0, 0, 0, .55);--gradient-cyan: linear-gradient(135deg, #00f5ff, #4dd0ff);--gradient-magenta: linear-gradient(135deg, #ff00aa, #ff5dc8);--gradient-yellow: linear-gradient(135deg, #ffe600, #ffae00);--gradient-bg: radial-gradient(ellipse at top, #1a1432 0%, #0a0a0f 60%);--phase-color: var(--cyan)}@keyframes pulseGlow{0%,to{transform:scale(1);box-shadow:0 0 30px currentColor,0 0 60px currentColor}50%{transform:scale(1.04);box-shadow:0 0 50px currentColor,0 0 100px currentColor}}@keyframes softPulse{0%,to{opacity:.65}50%{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes podiumRise{0%{transform:translateY(120%);opacity:0}60%{opacity:1}to{transform:translateY(0);opacity:1}}@keyframes scoreFloat{0%{transform:translateY(0) scale(.8);opacity:0}20%{opacity:1}to{transform:translateY(-80px) scale(1.4);opacity:0}}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-5px)}40%,60%{transform:translate(5px)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes timerWarn{0%,to{opacity:1}50%{opacity:.5}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Nunito,system-ui,-apple-system,sans-serif;font-weight:600;background:var(--bg);background-image:var(--gradient-bg);background-attachment:fixed;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{display:flex;flex-direction:column;min-height:100%}h1,h2,h3,h4,h5{font-family:Fredoka One,cursive;font-weight:400;letter-spacing:.02em;margin:0;line-height:1.1}p{margin:0}button{font-family:inherit;font-weight:700;border:none;background:none;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed}input,select,textarea{font-family:inherit;font-weight:600;background:var(--bg-elev-2);color:var(--text);border:2px solid var(--border);border-radius:var(--radius);padding:12px 16px;font-size:16px;outline:none;transition:border-color .15s,box-shadow .15s;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--phase-color);box-shadow:0 0 0 4px #00f5ff1f}label{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:6px;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border-radius:var(--radius);font-size:16px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;transition:transform .1s,filter .15s,box-shadow .15s;background:var(--bg-elev-2);color:var(--text);border:2px solid var(--border-strong)}.btn:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.4;filter:grayscale(.5)}.btn-primary{background:var(--gradient-cyan);color:#001318;box-shadow:var(--shadow-cyan);border:none}.btn-secondary{background:var(--gradient-magenta);color:#1d0014;box-shadow:var(--shadow-magenta);border:none}.btn-success{background:var(--green);color:#002e16;box-shadow:var(--shadow-green);border:none}.btn-danger{background:var(--red);color:#2e0010;box-shadow:var(--shadow-red);border:none}.btn-ghost{background:transparent;border:2px solid var(--border-strong);color:var(--text-dim)}.btn-ghost:hover:not(:disabled){border-color:var(--text);color:var(--text)}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-elev)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:var(--bg-elev-3);color:var(--text-dim);border:1px solid var(--border)}.chip-cyan{color:var(--cyan);border-color:#00f5ff66}.chip-magenta{color:var(--magenta);border-color:#f0a6}.chip-yellow{color:var(--yellow);border-color:#ffe60066}.chip-green{color:var(--green);border-color:#0f86}.neon-text{color:var(--phase-color);text-shadow:0 0 8px currentColor,0 0 24px currentColor}.glow-cyan{box-shadow:var(--shadow-cyan)}.glow-magenta{box-shadow:var(--shadow-magenta)}.glow-yellow{box-shadow:var(--shadow-yellow)}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;align-items:center;gap:12px}.spacer{flex:1}.scroll-y{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--bg-elev-3) transparent}.scroll-y::-webkit-scrollbar{width:6px}.scroll-y::-webkit-scrollbar-thumb{background:var(--bg-elev-3);border-radius:999px}.muted{color:var(--text-dim)}.dim{color:var(--text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{flex:1;display:flex;flex-direction:column;width:100%;min-height:100vh;padding:24px}@media (max-width: 640px){.app-shell{padding:16px}}.heading-xl{font-size:clamp(36px,6vw,64px);background:linear-gradient(135deg,var(--cyan),var(--magenta));background-size:200% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientShift 6s ease-in-out infinite}.heading-lg{font-size:clamp(28px,4vw,44px)}.heading-md{font-size:clamp(20px,2.5vw,28px)}.bg-dots{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle at 20% 30%,rgba(0,245,255,.06),transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,0,170,.06),transparent 50%);z-index:0}.app-shell>*{position:relative;z-index:1}