:root{--bg-primary: #0a1628;--bg-secondary: #0d1b2e;--bg-surface: rgba(35,75,140,.25);--bg-overlay: rgba(15,35,70,.4);--bg-selected: rgba(125,211,252,.12);--bg-qualified: rgba(125,211,252,.06);--text-primary: #ffffff;--text-secondary: #889;--text-muted: #556;--text-header-col: #667;--border-subtle: rgba(60,120,200,.15);--border-medium: rgba(60,120,200,.25);--border-divider: rgba(60,120,200,.08);--border-faint: rgba(60,120,200,.06);--border-ice: rgba(125,211,252,.15);--card-gradient: linear-gradient(180deg, #0d1b2e 0%, #0a1628 100%);--nav-gradient: linear-gradient(180deg, #0d1b2e 0%, #080f1c 100%);--ranking-gradient: linear-gradient(180deg, rgba(125,211,252,.08) 0%, rgba(10,22,40,.9) 100%);--shadow-card: 0 4px 0 rgba(0,0,0,.3);--text-shadow: 0 2px 4px rgba(0,0,0,.5);--particle-color: #fff;--btn-default-bg: rgba(255,255,255,.12);--btn-default-color: #fff;--btn-default-shadow: rgba(0,0,0,.3);--badge-bg: rgba(125,211,252,.15);--nav-active: #7dd3fc;--nav-inactive: #556;--nav-icon-door: #333;--leaderboard-alt: rgba(255,255,255,.03);--leaderboard-rank-bg: rgba(255,255,255,.08);--vs-divider-bg: rgba(0,0,0,.15);--vs-badge-bg: rgba(255,215,0,.15);--vs-badge-color: #FCB131;--action-blue-bg: rgba(42,127,255,.12);--action-blue-border: rgba(42,127,255,.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);--rink-base: #0a1628;--arena-sky: #0a1628;--arena-silhouette: #0d1020;--arena-silhouette-mid: #0f1428;--arena-sky-overlay: rgba(0,0,30,.4);--arena-star: #fff;--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(125,211,252,.08)}@media(prefers-color-scheme:light){:root{--bg-primary: #e8f4ff;--bg-secondary: #dbeafe;--bg-surface: rgba(220,235,255,.85);--bg-overlay: rgba(200,225,250,.7);--bg-selected: rgba(14,116,186,.12);--bg-qualified: rgba(14,116,186,.06);--text-primary: #0f2942;--text-secondary: #3d5a78;--text-muted: #6b8299;--text-header-col: #6b8299;--border-subtle: rgba(14,80,160,.2);--border-medium: rgba(14,80,160,.3);--border-divider: rgba(0,40,80,.08);--border-faint: rgba(0,40,80,.05);--border-ice: rgba(14,116,186,.25);--card-gradient: linear-gradient(180deg, rgba(235,245,255,.9) 0%, rgba(220,235,252,.85) 100%);--nav-gradient: linear-gradient(180deg, #b8d4f0 0%, #a4c6ea 100%);--ranking-gradient: linear-gradient(180deg, rgba(14,116,186,.1) 0%, rgba(220,235,255,.9) 100%);--shadow-card: 0 4px 0 rgba(14,80,160,.15);--text-shadow: 0 1px 2px rgba(0,40,80,.15);--particle-color: rgba(0,60,120,.25);--btn-default-bg: rgba(14,80,160,.1);--btn-default-color: #0f2942;--btn-default-shadow: rgba(14,80,160,.18);--badge-bg: rgba(14,116,186,.12);--nav-active: #0e74ba;--nav-inactive: #2a4a68;--nav-icon-door: #b0c4de;--leaderboard-alt: rgba(0,40,80,.03);--leaderboard-rank-bg: rgba(0,40,80,.06);--vs-divider-bg: rgba(0,40,80,.05);--vs-badge-bg: rgba(180,120,0,.18);--vs-badge-color: #FCB131;--action-blue-bg: rgba(42,127,255,.08);--action-blue-border: rgba(42,127,255,.25);--action-green-bg: rgba(42,173,42,.08);--action-green-border: rgba(42,173,42,.25);--current-user-bg: rgba(255,215,0,.08);--rink-base: #ffffff;--arena-sky: #87ceeb;--arena-silhouette: #2a4a6a;--arena-silhouette-mid: #3a5a7a;--arena-sky-overlay: rgba(0,40,100,.12);--arena-star: rgba(255,255,255,.7);--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(14,116,186,.06)}}*{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:#ff4040;animation:livePulse 1.2s ease-in-out infinite}.live-badge{animation:livePulse 1.2s ease-in-out infinite}