:root{--bg-primary: #0d0d0d;--bg-secondary: #1a1a1a;--bg-surface: rgba(40,40,40,.6);--bg-overlay: rgba(20,20,20,.4);--bg-selected: rgba(225,6,0,.12);--text-primary: #ffffff;--text-secondary: #999;--text-muted: #666;--text-header-col: #777;--border-subtle: rgba(255,255,255,.08);--border-medium: rgba(255,255,255,.15);--border-divider: rgba(255,255,255,.06);--border-faint: rgba(255,255,255,.04);--border-accent: rgba(225,6,0,.3);--card-gradient: linear-gradient(180deg, #1a1a1a 0%, #0d0d0d 100%);--nav-gradient: linear-gradient(180deg, #1a1a1a 0%, #111111 100%);--ranking-gradient: linear-gradient(180deg, rgba(225,6,0,.08) 0%, rgba(13,13,13,.9) 100%);--shadow-card: 0 4px 0 rgba(0,0,0,.5);--text-shadow: 0 2px 4px rgba(0,0,0,.7);--particle-color: rgba(255,160,0,.6);--btn-default-bg: rgba(255,255,255,.1);--btn-default-color: #fff;--btn-default-shadow: rgba(0,0,0,.4);--badge-bg: rgba(225,6,0,.15);--nav-active: #e10600;--nav-inactive: #555;--nav-icon-door: #333;--leaderboard-alt: rgba(255,255,255,.03);--leaderboard-rank-bg: rgba(255,255,255,.08);--accent-primary: #e10600;--accent-secondary: #15151e;--action-red-bg: rgba(225,6,0,.12);--action-red-border: rgba(225,6,0,.3);--action-green-bg: rgba(42,173,42,.12);--action-green-border: rgba(42,173,42,.3);--current-user-bg: rgba(255,215,0,.1);--podium-gold-glow: rgba(255,215,0,.3);--podium-silver-glow: rgba(192,192,192,.2);--podium-bronze-glow: rgba(205,127,50,.2);--chip-bg: rgba(225,6,0,.08);--vs-badge-color: #e10600}@media(prefers-color-scheme:light){:root{--bg-primary: #f5f5f0;--bg-secondary: #eaeae5;--bg-surface: rgba(230,230,225,.85);--bg-overlay: rgba(220,220,215,.7);--bg-selected: rgba(225,6,0,.1);--text-primary: #1a1a1a;--text-secondary: #555;--text-muted: #888;--text-header-col: #888;--border-subtle: rgba(0,0,0,.08);--border-medium: rgba(0,0,0,.15);--border-divider: rgba(0,0,0,.06);--border-faint: rgba(0,0,0,.04);--border-accent: rgba(225,6,0,.25);--card-gradient: linear-gradient(180deg, rgba(245,245,240,.9) 0%, rgba(235,235,230,.85) 100%);--nav-gradient: linear-gradient(180deg, #e0e0db 0%, #d5d5d0 100%);--ranking-gradient: linear-gradient(180deg, rgba(225,6,0,.08) 0%, rgba(245,245,240,.9) 100%);--shadow-card: 0 4px 0 rgba(0,0,0,.1);--text-shadow: 0 1px 2px rgba(0,0,0,.1);--particle-color: rgba(200,100,0,.25);--btn-default-bg: rgba(0,0,0,.08);--btn-default-color: #1a1a1a;--btn-default-shadow: rgba(0,0,0,.15);--badge-bg: rgba(225,6,0,.1);--nav-active: #e10600;--nav-inactive: #999;--nav-icon-door: #ccc;--leaderboard-alt: rgba(0,0,0,.02);--leaderboard-rank-bg: rgba(0,0,0,.05);--accent-primary: #e10600;--accent-secondary: #15151e;--action-red-bg: rgba(225,6,0,.08);--action-red-border: rgba(225,6,0,.2);--action-green-bg: rgba(42,173,42,.08);--action-green-border: rgba(42,173,42,.2);--current-user-bg: rgba(255,215,0,.08);--podium-gold-glow: rgba(180,150,0,.25);--podium-silver-glow: rgba(120,120,120,.2);--podium-bronze-glow: rgba(160,100,40,.18);--chip-bg: rgba(225,6,0,.06);--vs-badge-color: #e10600}}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{overflow-x:hidden;overscroll-behavior:none}.min-h-screen{min-height:100vh;min-height:100dvh}.f{font-family:"Press Start 2P",monospace}.safe-top{padding-top:env(safe-area-inset-top,0px)}.safe-bottom{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))!important}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.4}}.live-dot{width:6px;height:6px;border-radius:50%;background:#e10600;animation:livePulse 1.2s ease-in-out infinite}.live-badge{animation:livePulse 1.2s ease-in-out infinite}