:root{--bg-deep: #0a0a14;--bg-surface: #13132a;--bg-elevated: #1c1c3a;--neon-pink: #ff2e93;--neon-cyan: #00e5ff;--neon-yellow: #ffd60a;--neon-green: #39ff6a;--neon-red: #ff4757;--neon-purple: #b24bf3;--text-primary: #ffffff;--text-muted: rgba(255,255,255,.6);--text-dim: rgba(255,255,255,.35);--border-soft: rgba(255,255,255,.08);--glow-pink: 0 0 20px rgba(255,46,147,.5), 0 0 40px rgba(255,46,147,.3);--glow-cyan: 0 0 20px rgba(0,229,255,.5), 0 0 40px rgba(0,229,255,.3);--glow-yellow: 0 0 20px rgba(255,214,10,.5), 0 0 40px rgba(255,214,10,.3);--glow-green: 0 0 20px rgba(57,255,106,.5), 0 0 40px rgba(57,255,106,.3);--glow-red: 0 0 20px rgba(255,71,87,.5), 0 0 40px rgba(255,71,87,.3);--glow-purple: 0 0 20px rgba(178,75,243,.5), 0 0 40px rgba(178,75,243,.3)}:root{--font-display: "Audiowide", system-ui, sans-serif;--font-body: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}body{font-family:var(--font-body);font-feature-settings:"tnum"}.display{font-family:var(--font-display);letter-spacing:.04em}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;background:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}body{background:radial-gradient(ellipse at top,var(--bg-surface) 0%,var(--bg-deep) 60%) no-repeat,var(--bg-deep);min-height:100vh;min-height:100dvh}#root{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}a{color:var(--neon-cyan);text-decoration:none}a:hover{text-shadow:0 0 8px var(--neon-cyan)}button{font-family:var(--font-body)}input,button{font-size:16px}input.neon-input{background:var(--bg-elevated);border:2px solid var(--border-soft);color:var(--text-primary);border-radius:12px;padding:1rem 1.25rem;width:100%;font-size:1.125rem;letter-spacing:.02em;transition:border-color .2s ease,box-shadow .2s ease;outline:none}input.neon-input:focus{border-color:var(--neon-cyan);box-shadow:var(--glow-cyan)}input.neon-input.code{font-family:var(--font-mono);font-size:2rem;letter-spacing:.5em;text-align:center}.neon-btn{background:transparent;border:2px solid currentColor;font-family:var(--font-body);font-weight:700;font-size:1.125rem;letter-spacing:.05em;text-transform:uppercase;padding:1rem 2rem;border-radius:12px;cursor:pointer;transition:transform .12s ease,box-shadow .2s ease,opacity .2s ease;width:100%}.neon-btn--cyan{color:var(--neon-cyan);box-shadow:var(--glow-cyan);text-shadow:0 0 8px var(--neon-cyan)}.neon-btn--pink{color:var(--neon-pink);box-shadow:var(--glow-pink);text-shadow:0 0 8px var(--neon-pink)}.neon-btn--green{color:var(--neon-green);box-shadow:var(--glow-green);text-shadow:0 0 8px var(--neon-green)}.neon-btn--yellow{color:var(--neon-yellow);box-shadow:var(--glow-yellow);text-shadow:0 0 8px var(--neon-yellow)}.neon-btn--red{color:var(--neon-red);box-shadow:var(--glow-red);text-shadow:0 0 8px var(--neon-red)}.neon-btn--purple{color:var(--neon-purple);box-shadow:var(--glow-purple);text-shadow:0 0 8px var(--neon-purple)}.neon-btn:hover:not(:disabled){transform:translateY(-2px)}.neon-btn:active:not(:disabled){transform:translateY(1px)}.neon-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none;text-shadow:none}.screen{flex:1;display:flex;flex-direction:column;padding:1.5rem;max-width:520px;margin:0 auto;width:100%}.screen--center{justify-content:center;align-items:stretch}.brand{font-family:var(--font-display);font-size:4rem;text-align:center;color:var(--neon-pink);text-shadow:0 0 12px var(--neon-pink),0 0 32px rgba(255,46,147,.6);letter-spacing:.08em;margin:0}.subtitle{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:.2em;font-size:.875rem;margin-top:.5rem}.card{background:linear-gradient(180deg,#1c1c3ab3,#13132ab3);border:1px solid var(--border-soft);border-radius:16px;padding:1.5rem}.label{display:block;text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;color:var(--text-muted);margin:0 0 .5rem .25rem}.stack>*+*{margin-top:1rem}.stack-lg>*+*{margin-top:1.5rem}.stack-sm>*+*{margin-top:.5rem}.center{text-align:center}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}@keyframes pulseGlow{0%,to{opacity:1}50%{opacity:.55}}.pulse{animation:pulseGlow 1.6s ease-in-out infinite}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .35s ease-out both}.team-chip{display:inline-block;padding:.4rem .8rem;border-radius:999px;border:1px solid var(--neon-cyan);color:var(--neon-cyan);text-shadow:0 0 6px var(--neon-cyan);font-size:.875rem;margin:.25rem;background:#00e5ff0d}.headline{font-family:var(--font-display);font-size:2.5rem;text-align:center;margin:0}.headline--green{color:var(--neon-green);text-shadow:0 0 12px var(--neon-green)}.headline--red{color:var(--neon-red);text-shadow:0 0 12px var(--neon-red)}.headline--pink{color:var(--neon-pink);text-shadow:0 0 12px var(--neon-pink)}.headline--cyan{color:var(--neon-cyan);text-shadow:0 0 12px var(--neon-cyan)}.tag{text-align:center;color:var(--text-dim);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase}.fastest-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a14d1;display:flex;align-items:center;justify-content:center;z-index:1000;animation:overlayIn .35s ease both;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:1rem}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.fastest-modal{background:linear-gradient(180deg,var(--bg-elevated),var(--bg-surface));border:2px solid var(--neon-yellow);border-radius:20px;padding:2rem 1.75rem 1.75rem;box-shadow:var(--glow-yellow),0 0 80px #ffd60a73;max-width:460px;width:100%;text-align:center;animation:modalIn .55s cubic-bezier(.2,1.6,.4,1) both}@keyframes modalIn{0%{transform:translateY(40px) scale(.85);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.fastest-title{font-family:var(--font-display);font-size:1.85rem;color:var(--neon-yellow);text-shadow:0 0 14px var(--neon-yellow),0 0 30px rgba(255,214,10,.55);margin:0 0 1.25rem;letter-spacing:.06em;animation:titlePulse 1.4s ease-in-out infinite}@keyframes titlePulse{0%,to{text-shadow:0 0 14px var(--neon-yellow),0 0 30px rgba(255,214,10,.55)}50%{text-shadow:0 0 24px var(--neon-yellow),0 0 60px rgba(255,214,10,.85)}}.podium{display:flex;flex-direction:column;gap:.75rem;margin:0 0 1.5rem}.podium-row{display:grid;grid-template-columns:70px 1fr auto;align-items:center;padding:.85rem 1.1rem;border-radius:14px;border:2px solid currentColor;background:#ffffff08;font-weight:700;opacity:0;animation:podiumIn .55s cubic-bezier(.2,1.6,.4,1) both}.podium-row .podium-rank{font-family:var(--font-display);font-size:1.4rem;text-shadow:0 0 10px currentColor;text-align:left}.podium-row .podium-team{text-align:left;padding:0 .75rem;color:var(--text-primary);text-shadow:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem}.podium-row .podium-time{font-family:var(--font-mono);font-size:1rem;text-shadow:0 0 8px currentColor}.podium--yellow{color:var(--neon-yellow);box-shadow:var(--glow-yellow)}.podium--cyan{color:var(--neon-cyan);box-shadow:var(--glow-cyan)}.podium--purple{color:var(--neon-purple);box-shadow:var(--glow-purple)}@keyframes podiumIn{0%{opacity:0;transform:translateY(30px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.final-podium{display:flex;flex-direction:column;gap:.9rem;width:100%;max-width:520px;margin:0 auto}.final-podium .podium-row{padding:1.05rem 1.15rem}.podium-placeholder{display:grid;grid-template-columns:70px 1fr auto;align-items:center;padding:1.05rem 1.15rem;border-radius:14px;border:2px dashed var(--border-soft);background:#ffffff05;color:var(--text-dim);font-weight:700}.podium-placeholder .podium-rank{font-family:var(--font-display);font-size:1.4rem}.podium-placeholder .podium-team{text-align:left;padding:0 .75rem;font-size:1.05rem}.scroll-table{position:relative;height:60vh;overflow:hidden;border:1px solid var(--border-soft);border-radius:16px;background:#ffffff05;padding:1rem 1.25rem;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 88%,transparent 100%);width:100%;max-width:720px;margin:0 auto}.scroll-table-inner{animation-name:scrollContent;animation-timing-function:linear;animation-fill-mode:forwards;animation-iteration-count:1;display:flex;flex-direction:column;gap:.55rem}@keyframes scrollContent{0%{transform:translateY(60vh)}to{transform:translateY(calc(60vh - 100%))}}.scroll-row{display:grid;grid-template-columns:60px 1fr 110px;align-items:center;padding:.8rem 1.1rem;border-radius:12px;border:1px solid var(--border-soft);background:#ffffff08;font-weight:700}.scroll-row .pos{font-family:var(--font-display);font-size:1.2rem;color:var(--neon-cyan);text-shadow:0 0 8px var(--neon-cyan)}.scroll-row .score{font-family:var(--font-mono);text-align:right;color:var(--neon-yellow);text-shadow:0 0 6px var(--neon-yellow)}.scroll-row.scroll-row--1{border-color:var(--neon-yellow);box-shadow:var(--glow-yellow)}.scroll-row.scroll-row--2{border-color:var(--neon-cyan);box-shadow:var(--glow-cyan)}.scroll-row.scroll-row--3{border-color:var(--neon-purple);box-shadow:var(--glow-purple)}.host-shell{flex:1;display:flex;flex-direction:column;padding:2rem 3rem;max-width:1200px;width:100%;margin:0 auto}.host-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.host-brand{font-family:var(--font-display);font-size:1.75rem;color:var(--neon-pink);text-shadow:0 0 10px var(--neon-pink);letter-spacing:.08em}.huge-code{font-family:var(--font-display);font-size:150px;text-align:center;color:var(--neon-pink);text-shadow:0 0 20px var(--neon-pink),0 0 60px rgba(255,46,147,.7),0 0 120px rgba(255,46,147,.4);letter-spacing:.12em;margin:1rem 0;animation:codePulse 2.4s ease-in-out infinite}@keyframes codePulse{0%,to{text-shadow:0 0 20px var(--neon-pink),0 0 60px rgba(255,46,147,.6),0 0 120px rgba(255,46,147,.35)}50%{text-shadow:0 0 28px var(--neon-pink),0 0 80px rgba(255,46,147,.85),0 0 160px rgba(255,46,147,.55)}}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;margin:1.5rem 0}.team-cell{padding:.9rem 1rem;border-radius:12px;border:1px solid var(--neon-cyan);color:var(--neon-cyan);text-shadow:0 0 8px var(--neon-cyan);background:#00e5ff0a;text-align:center;font-weight:700;animation:teamPop .45s ease-out both}@keyframes teamPop{0%{opacity:0;transform:scale(.92);box-shadow:0 0 #00e5ff00}to{opacity:1;transform:scale(1);box-shadow:0 0 14px #00e5ff66}}.q-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}.q-option{padding:1.2rem 1.4rem;border-radius:14px;border:2px solid var(--c, var(--neon-cyan));color:var(--c, var(--neon-cyan));text-shadow:0 0 8px var(--c, var(--neon-cyan));background:#ffffff05;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:1.1rem;transition:background .3s ease,box-shadow .3s ease}.q-option--correct{background:#39ff6a26;border-color:var(--neon-green);color:var(--neon-green);text-shadow:0 0 10px var(--neon-green);box-shadow:var(--glow-green)}.lead-row{display:grid;grid-template-columns:60px 1fr 100px;align-items:center;padding:.8rem 1rem;border-radius:12px;border:1px solid var(--border-soft);margin-bottom:.5rem;background:#ffffff05}.lead-row .pos{font-family:var(--font-display);color:var(--neon-yellow);text-shadow:0 0 8px var(--neon-yellow)}.lead-row .score{font-family:var(--font-mono);text-align:right;color:var(--neon-cyan)}.big-q-text{font-size:2rem;line-height:1.25;text-align:center;margin:1rem 0 0}.timer-big{font-family:var(--font-mono);font-size:4rem;color:var(--neon-yellow);text-shadow:0 0 14px var(--neon-yellow);text-align:center}.winner-burst{font-family:var(--font-display);font-size:4rem;text-align:center;color:var(--neon-yellow);text-shadow:0 0 20px var(--neon-yellow),0 0 60px rgba(255,214,10,.7),0 0 120px rgba(255,214,10,.4);animation:codePulse 2.4s ease-in-out infinite;margin:1rem 0}