:root{--color-bg-primary:#0a0a0f;--color-bg-secondary:#12121a;--color-bg-gradient:linear-gradient(135deg,#0a0a0f 0%,#12121a 50%,#0d0d14 100%);--glass-bg:#ffffff08;--glass-bg-hover:#ffffff0f;--glass-border:#ffffff14;--glass-border-hover:#ffffff1f;--glass-blur:12px;--color-accent-cyan:#00d4ff;--color-accent-cyan-dim:#00d4ff80;--color-accent-cyan-glow:#00d4ff4d;--color-accent-gold:gold;--color-accent-gold-dim:#ffd70080;--color-accent-gold-glow:#ffd7004d;--color-accent-silver:silver;--color-accent-bronze:#cd7f32;--color-success:#22c55e;--color-success-dim:#22c55e80;--color-success-glow:#22c55e4d;--color-error:#ef4444;--color-error-dim:#ef444480;--color-error-glow:#ef44444d;--color-text-primary:#fffffff2;--color-text-secondary:#ffffffb3;--color-text-tertiary:#ffffff80;--color-text-muted:#ffffff4d;--font-sans:"Outfit",ui-sans-serif,system-ui,-apple-system,sans-serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow-cyan:0 0 20px var(--color-accent-cyan-glow);--shadow-glow-gold:0 0 20px var(--color-accent-gold-glow);--shadow-glow-success:0 0 20px var(--color-success-glow);--shadow-glow-error:0 0 20px var(--color-error-glow);--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseGlow{0%,to{opacity:.5}50%{opacity:1}}@keyframes drawLine{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes recentFlash{0%{border-color:#00d4ff1a;box-shadow:0 0 #00d4ff00}40%{border-color:#00d4ff73;box-shadow:0 0 24px #00d4ff59}to{border-color:#ffffff14;box-shadow:0 0 #00d4ff00}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box}html,body{font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;line-height:1.6}body{background:var(--color-bg-gradient);background-attachment:fixed;min-height:100vh}a{color:var(--color-accent-cyan);transition:color var(--transition-fast),opacity var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-cyan);opacity:.8}a:focus-visible{outline:2px solid var(--color-accent-cyan);outline-offset:2px;border-radius:var(--radius-sm)}main{max-width:960px;padding:var(--space-6)var(--space-4)var(--space-16);animation:fadeIn var(--transition-slow)ease;margin:0 auto}header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8);padding:var(--space-4)var(--space-6);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);display:flex}header strong{font-size:var(--text-lg);letter-spacing:-.02em;background:linear-gradient(135deg,var(--color-accent-cyan),var(--color-accent-gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}nav{gap:var(--space-1);display:flex}nav a{padding:var(--space-2)var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);font-weight:500}nav a:hover{color:var(--color-text-primary);background:var(--glass-bg-hover);opacity:1}.arena-status{align-items:center;gap:var(--space-4);margin-bottom:var(--space-8);padding:var(--space-3)var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:linear-gradient(120deg,#00d4ff1f,#ffd70014);border:1px solid #ffffff14;grid-template-columns:1fr auto 1fr;display:grid}.arena-status-left,.arena-status-center,.arena-status-right{align-items:center;gap:var(--space-2);display:flex}.arena-status-center{justify-content:center}.arena-status-right{justify-content:flex-end}.arena-status-label{font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-tertiary)}.arena-status-time{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:600}.live-dot{border-radius:var(--radius-full);background:#ff3b3b;width:8px;height:8px;animation:1.5s ease-in-out infinite pulseGlow;box-shadow:0 0 12px #ff3b3bcc}.status-pill{border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-secondary);background:#00000059;border:1px solid #ffffff14;align-items:center;padding:.25rem .6rem;display:inline-flex}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-4);letter-spacing:-.02em;font-weight:700;line-height:1.2}h1{font-size:var(--text-4xl);margin-bottom:var(--space-6)}h2{font-size:var(--text-2xl);margin-top:var(--space-8);margin-bottom:var(--space-4);color:var(--color-text-primary)}h3{font-size:var(--text-xl)}p{margin:0 0 var(--space-4);color:var(--color-text-secondary)}small{font-size:var(--text-sm);color:var(--color-text-tertiary)}strong{font-weight:600}table{border-collapse:separate;border-spacing:0;background:var(--glass-bg);width:100%;-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden}thead{background:#ffffff05}th{text-align:left;padding:var(--space-4);font-size:var(--text-sm);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--glass-border);font-weight:600}td{padding:var(--space-4);border-bottom:1px solid var(--glass-border);transition:background var(--transition-fast)}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background var(--transition-fast)}tbody tr:hover{background:var(--glass-bg-hover)}form{gap:var(--space-5);display:grid}label{gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500;display:grid}input{font:inherit;padding:var(--space-3)var(--space-4);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-base);transition:all var(--transition-fast)}input::placeholder{color:var(--color-text-muted)}input:hover{border-color:var(--glass-border-hover);background:var(--glass-bg-hover)}input:focus{border-color:var(--color-accent-cyan);box-shadow:0 0 0 3px var(--color-accent-cyan-glow);outline:none}button{font:inherit;padding:var(--space-3)var(--space-5);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);min-height:44px;font-weight:500}button:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}button:focus-visible{border-color:var(--color-accent-cyan);box-shadow:0 0 0 3px var(--color-accent-cyan-glow);outline:none}button:disabled{opacity:.5;cursor:not-allowed}button[type=submit]{background:linear-gradient(135deg,var(--color-accent-cyan-dim),#00d4ff4d);border-color:var(--color-accent-cyan-dim);color:var(--color-text-primary);font-weight:600}button[type=submit]:hover:not(:disabled){background:linear-gradient(135deg,var(--color-accent-cyan-dim),#00d4ff66);box-shadow:var(--shadow-glow-cyan)}button[aria-pressed=true],button[aria-pressed=true]:first-of-type{background:var(--color-success-dim);border-color:var(--color-success);box-shadow:var(--shadow-glow-success)}ul{margin:0 0 var(--space-4);padding-left:var(--space-6)}li{margin-bottom:var(--space-2);color:var(--color-text-secondary)}li::marker{color:var(--color-accent-cyan)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-6)}.glass-card-elevated{box-shadow:var(--shadow-md);background:#ffffff0d}.text-gradient{background:linear-gradient(135deg,var(--color-accent-cyan),var(--color-accent-gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glow-cyan{box-shadow:var(--shadow-glow-cyan)}.glow-gold{box-shadow:var(--shadow-glow-gold)}.fade-in-up{animation:fadeInUp var(--transition-slow)ease forwards}.recent-ticker{border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:#ffffff08;margin:1rem 0 1.5rem;padding:.75rem 1rem;overflow:hidden}.recent-ticker__track{white-space:nowrap;gap:1.5rem;animation:30s linear infinite tickerScroll;display:inline-flex}.recent-ticker__item{font-size:var(--text-sm);color:var(--color-text-secondary)}.recent-flash{background:linear-gradient(135deg,#00d4ff14,#ffffff05);border-color:#00d4ff40;animation:2.6s ease-out recentFlash;position:relative}.tv-screen{gap:var(--space-6);min-height:100vh;padding:var(--space-8)var(--space-6);grid-template-rows:auto 1fr auto;display:grid}.tv-header{justify-content:space-between;align-items:baseline;gap:var(--space-4);display:flex}.tv-status{align-items:center;gap:var(--space-3);display:flex}.tv-live-dot{border-radius:var(--radius-full);background:#ff3b3b;width:10px;height:10px;animation:1.4s ease-in-out infinite pulseGlow;box-shadow:0 0 16px #ff3b3be6}.tv-time{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:600}.tv-title{font-size:var(--text-4xl);letter-spacing:-.03em;font-weight:800}.tv-subtitle{font-size:var(--text-sm);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.2em}.tv-content{place-items:center;display:grid}.tv-segment{border-radius:var(--radius-xl);width:100%;max-width:1100px;padding:var(--space-8);box-shadow:var(--shadow-lg);background:#ffffff08;border:1px solid #ffffff14}.tv-segment-title{font-size:var(--text-xl);margin-bottom:var(--space-6);font-weight:700}.tv-podium{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.tv-podium-card{text-align:center;padding:var(--space-6);border-radius:var(--radius-lg);background:#ffffff0a;border:1px solid #ffffff14}.tv-rank{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.2em;color:var(--color-text-tertiary)}.tv-name{font-size:var(--text-2xl);margin-top:var(--space-2);font-weight:700}.tv-elo{font-size:var(--text-lg);color:var(--color-text-secondary);margin-top:var(--space-2)}.tv-record{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:var(--space-3)}.tv-rank-1{box-shadow:var(--shadow-glow-gold);border-color:#ffd70066}.tv-rank-2{border-color:#c0c0c066}.tv-rank-3{border-color:#cd7f3266}.tv-movers{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.tv-movers-col{gap:var(--space-3);display:grid}.tv-movers-title{font-size:var(--text-base);color:var(--color-text-secondary)}.tv-mover-row{padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);background:#ffffff08;justify-content:space-between;display:flex}.tv-mover-up{color:#22c55e;border:1px solid #22c55e4d}.tv-mover-down{color:#ef4444;border:1px solid #ef44444d}.tv-highlight{gap:var(--space-4);text-align:center;display:grid}.tv-highlight-score{font-size:var(--text-5xl);font-weight:800}.tv-highlight-names{font-size:var(--text-2xl);justify-content:center;gap:var(--space-3);display:flex}.tv-highlight-winner{color:var(--color-success)}.tv-highlight-loser{color:var(--color-text-secondary)}.tv-highlight-vs{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.2em;font-size:var(--text-sm);align-self:center}.tv-highlight-meta{font-size:var(--text-sm);color:var(--color-text-tertiary)}.tv-footer{margin-top:var(--space-4)}.command-palette__overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;background:#05050ab3;place-items:start center;padding-top:12vh;display:grid;position:fixed;inset:0}.command-palette__panel{border-radius:var(--radius-lg);width:min(680px,92vw);box-shadow:var(--shadow-lg);background:#0a0a0fe6;border:1px solid #ffffff1f;overflow:hidden}.command-palette__input{width:100%;color:var(--color-text-primary);font-size:var(--text-lg);background:0 0;border:none;outline:none;padding:1rem 1.25rem}.command-palette__list{background:#ffffff05;gap:.25rem;padding:.75rem;display:grid}.command-palette__item{text-align:left;border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);background:#ffffff05;border:1px solid #0000;padding:.75rem .875rem}.command-palette__item:hover{background:#ffffff14;border-color:#ffffff1f}.command-palette__hint{font-size:var(--text-xs);color:var(--color-text-tertiary);padding:.5rem .75rem}.command-palette__section{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-top:.5rem;padding:.5rem .75rem .25rem}.celebrate-pulse{animation:.9s ease-out celebratePulse}@keyframes celebratePulse{0%{box-shadow:0 0 #00d4ff00}30%{box-shadow:0 0 25px #00d4ff59}to{box-shadow:0 0 #00d4ff00}}@media (prefers-reduced-motion:reduce){.celebrate-pulse{animation:none}}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.recent-ticker__track{animation:none}}.leaderboard-row{transition:background var(--transition-fast)}.leaderboard-row:hover{background:#ffffff0a}.glass-card-interactive:hover{background:#ffffff0f;border-color:#ffffff1f}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}@media (max-width:640px){header{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);flex-direction:column}nav{justify-content:space-between;width:100%}nav a{padding:var(--space-2)var(--space-3);font-size:var(--text-xs)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-xl)}main{padding:var(--space-4)var(--space-3)var(--space-12)}th,td{padding:var(--space-3)var(--space-2);font-size:var(--text-sm)}}