: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)}#skin-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;display:none}html[data-skin=pixel] #skin-backdrop,html[data-skin=glass] #skin-backdrop{display:block}html[data-skin=pixel] #root,html[data-skin=glass] #root{position:relative;z-index:1;background:transparent!important}html[data-skin=pixel],html[data-skin=glass]{background:transparent!important}html[data-skin=pixel] body{background:linear-gradient(180deg,transparent 0 70%,#1f7a1f 70% 76%,#0f5a0f 76% 100%),linear-gradient(180deg,#5ec0ff,#8fdcff 50%,#bfeaff 70%,#1f7a1f 70%,#1f7a1f)!important;image-rendering:pixelated;min-height:100dvh}html[data-skin=pixel] body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(circle at 85% 15%,#ffe86b 0 38px,transparent 40px),radial-gradient(circle at 12% 18%,#ffffff 0 18px,transparent 20px),radial-gradient(circle at 18% 18%,#ffffff 0 22px,transparent 24px),radial-gradient(circle at 24% 20%,#ffffff 0 18px,transparent 20px),radial-gradient(circle at 55% 9%,#ffffff 0 16px,transparent 18px),radial-gradient(circle at 60% 9%,#ffffff 0 20px,transparent 22px),radial-gradient(circle at 66% 11%,#ffffff 0 16px,transparent 18px),radial-gradient(circle at 32% 32%,#ffffff 0 14px,transparent 16px),radial-gradient(circle at 38% 32%,#ffffff 0 18px,transparent 20px),radial-gradient(circle at 44% 34%,#ffffff 0 14px,transparent 16px);background-repeat:no-repeat;image-rendering:pixelated}html[data-skin=pixel] body:after{content:"";position:fixed;left:0;right:0;bottom:0;height:30dvh;pointer-events:none;z-index:0;background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.25) 0 2px,transparent 2px 40px),repeating-linear-gradient(0deg,rgba(0,0,0,.25) 0 2px,transparent 2px 20px);mask-image:linear-gradient(180deg,transparent 0%,#000 20%,#000 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 20%,#000 100%)}html[data-skin=pixel] .pixel-coins .coin{position:absolute;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6a0 0,#fff6a0 4px,#ffd60a 6px,#ffd60a 70%,#b8860b 72%,#b8860b);box-shadow:2px 2px #0009,inset -2px -2px #00000040;animation:coinSpin 1.6s linear infinite,coinBob 2.4s ease-in-out infinite;image-rendering:pixelated}html[data-skin=pixel] .pixel-coins .coin:before{content:"$";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:"Press Start 2P",monospace;font-size:10px;color:#7a5400;text-shadow:1px 1px 0 rgba(255,255,255,.4)}html[data-skin=pixel] .pixel-coins .coin:nth-child(1){left:8%;top:55%;animation-delay:0s,0s}html[data-skin=pixel] .pixel-coins .coin:nth-child(2){left:78%;top:58%;animation-delay:.4s,.6s}html[data-skin=pixel] .pixel-coins .coin:nth-child(3){left:42%;top:48%;animation-delay:.8s,.3s}html[data-skin=pixel] .pixel-coins .coin:nth-child(4){left:90%;top:42%;animation-delay:1.2s,1.1s}html[data-skin=pixel] .pixel-coins .coin:nth-child(5){left:20%;top:40%;animation-delay:1.6s,.5s}@keyframes coinSpin{0%{transform:scaleX(1)}25%{transform:scaleX(.15)}50%{transform:scaleX(-1)}75%{transform:scaleX(-.15)}to{transform:scaleX(1)}}@keyframes coinBob{0%,to{margin-top:0}50%{margin-top:-10px}}html[data-skin=pixel],html[data-skin=pixel] body,html[data-skin=pixel] input,html[data-skin=pixel] button,html[data-skin=pixel] p,html[data-skin=pixel] span,html[data-skin=pixel] div,html[data-skin=pixel] label,html[data-skin=pixel] h1,html[data-skin=pixel] h2,html[data-skin=pixel] h3{font-family:VT323,Courier New,monospace!important;font-size-adjust:.58}html[data-skin=pixel] .brand{font-family:"Press Start 2P",monospace!important;font-size:2.1rem!important;color:#ffd60a!important;text-shadow:3px 3px 0 #b8860b,6px 6px 0 rgba(0,0,0,.9)!important;letter-spacing:.05em!important;line-height:1.3!important;-webkit-text-fill-color:#ffd60a!important;background:none!important}html[data-skin=pixel] .card,html[data-skin=pixel] .neon-btn,html[data-skin=pixel] input.neon-input,html[data-skin=pixel] .podium-row,html[data-skin=pixel] .podium-placeholder,html[data-skin=pixel] .scroll-row,html[data-skin=pixel] .team-chip,html[data-skin=pixel] .fastest-modal,html[data-skin=pixel] .scroll-table{border-radius:0!important;box-shadow:4px 4px #000c,inset 0 0 0 2px #ffffff0a!important;text-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-image:none!important}html[data-skin=pixel] .card{background:#13132a!important;border:3px solid #39ff6a!important}html[data-skin=pixel] input.neon-input{background:#05050e!important;border:3px solid #00e5ff!important;font-size:1.4rem!important}html[data-skin=pixel] input.neon-input:focus{border-color:#ffd60a!important;box-shadow:4px 4px #000,0 0 0 2px #ffd60a inset!important}html[data-skin=pixel] .neon-btn{background:#1a1a3a!important;border-width:3px!important;letter-spacing:.12em!important;font-size:1.5rem!important}html[data-skin=pixel] .neon-btn:active:not(:disabled){transform:translate(2px,2px)!important;box-shadow:2px 2px #000c!important}html[data-skin=pixel] .pulse{animation:none!important}html[data-skin=glass] body{background:repeating-linear-gradient(135deg,rgba(255,255,255,.045) 0 2px,transparent 2px 22px),repeating-linear-gradient(45deg,rgba(255,255,255,.03) 0 1px,transparent 1px 14px),radial-gradient(1200px 600px at 10% -10%,rgba(140,190,255,.32),transparent 60%),radial-gradient(900px 500px at 110% 10%,rgba(255,170,220,.26),transparent 60%),radial-gradient(700px 500px at 50% 110%,rgba(170,220,255,.22),transparent 60%),linear-gradient(180deg,#0e1624,#131a2a 60%,#0b1120)!important;min-height:100dvh}html[data-skin=glass] body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(circle at 18% 28%,rgba(255,255,255,.18) 0 2px,transparent 4px),radial-gradient(circle at 72% 18%,rgba(255,255,255,.14) 0 1px,transparent 3px),radial-gradient(circle at 85% 62%,rgba(255,255,255,.2) 0 2px,transparent 5px),radial-gradient(circle at 30% 80%,rgba(255,255,255,.16) 0 2px,transparent 4px),radial-gradient(circle at 58% 45%,rgba(255,255,255,.12) 0 1px,transparent 3px);background-repeat:no-repeat;animation:glassShimmer 7s ease-in-out infinite alternate}@keyframes glassShimmer{0%{opacity:.55;transform:translateY(0)}to{opacity:1;transform:translateY(-8px)}}html[data-skin=glass],html[data-skin=glass] body,html[data-skin=glass] input,html[data-skin=glass] button,html[data-skin=glass] p,html[data-skin=glass] span,html[data-skin=glass] div,html[data-skin=glass] label,html[data-skin=glass] h1,html[data-skin=glass] h2,html[data-skin=glass] h3{font-family:Cormorant Garamond,Georgia,Times New Roman,serif!important;font-weight:500}html[data-skin=glass] .brand{font-family:Playfair Display,Georgia,serif!important;font-style:italic!important;font-weight:700!important;letter-spacing:.02em!important;color:#fff!important;text-shadow:0 2px 24px rgba(180,220,255,.45),0 0 1px rgba(255,255,255,.9)!important;background:linear-gradient(180deg,#fff,#c8dcffbf);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}html[data-skin=glass] .card,html[data-skin=glass] .neon-btn,html[data-skin=glass] input.neon-input,html[data-skin=glass] .podium-row,html[data-skin=glass] .scroll-row,html[data-skin=glass] .team-chip,html[data-skin=glass] .fastest-modal,html[data-skin=glass] .scroll-table{background:linear-gradient(180deg,#ffffff1f,#ffffff0a)!important;border:1px solid rgba(255,255,255,.22)!important;backdrop-filter:blur(14px) saturate(1.2)!important;-webkit-backdrop-filter:blur(14px) saturate(1.2)!important;box-shadow:inset 0 1px #ffffff59,inset 0 -1px #00000040,0 12px 40px #00000059!important;text-shadow:none!important;border-radius:18px!important}html[data-skin=glass] .card{padding:1.75rem!important}html[data-skin=glass] input.neon-input{color:#fff!important;font-size:1.3rem!important}html[data-skin=glass] input.neon-input:focus{border-color:#ffffff8c!important;box-shadow:inset 0 1px #ffffff73,0 0 0 3px #b4dcff38,0 12px 40px #00000059!important}html[data-skin=glass] .neon-btn{color:#fff!important;letter-spacing:.08em!important;font-size:1.35rem!important;font-weight:700!important}html[data-skin=glass] .neon-btn--cyan{border-color:#8cdcffcc!important}html[data-skin=glass] .neon-btn--pink{border-color:#ffaad2cc!important}html[data-skin=glass] .neon-btn--green{border-color:#aaffbecc!important}html[data-skin=glass] .neon-btn--yellow{border-color:#ffe696cc!important}html[data-skin=glass] .neon-btn--red{border-color:#ff9696cc!important}html[data-skin=glass] .neon-btn--purple{border-color:#c8aaffcc!important}html[data-skin=glass] .subtitle,html[data-skin=glass] .label,html[data-skin=glass] .muted{color:#ffffffb8!important}.skin-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem}.skin-picker button{padding:.65rem .4rem;border-radius:10px;border:2px solid var(--border-soft);background:#ffffff08;color:var(--text-muted);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:transform .12s ease,border-color .2s ease,color .2s ease}.skin-picker button:hover{transform:translateY(-1px)}.skin-picker button[aria-pressed=true]{border-color:var(--neon-cyan);color:var(--neon-cyan);text-shadow:0 0 8px var(--neon-cyan);box-shadow:var(--glow-cyan)}html[data-skin=pixel] .skin-picker button{border-radius:0!important;font-family:"Press Start 2P",monospace!important;font-size:.6rem!important}html[data-skin=pixel] .skin-picker button[aria-pressed=true]{border-color:#39ff6a;color:#39ff6a;box-shadow:3px 3px #000c;text-shadow:2px 2px 0 #000}html[data-skin=glass] .skin-picker button{font-family:Cormorant Garamond,serif!important;font-size:.9rem!important}html[data-skin=glass] .skin-picker button[aria-pressed=true]{border-color:#ffffffb3;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.7);background:#ffffff1f}
