@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg-primary: #0f1219;--bg-secondary: #151a24;--card-bg: #ffffff;--bg-elevated: #f8f9fb;--accent-gold: #f5a623;--accent-gold-dim: rgba(245, 166, 35, .15);--accent-cyan: #00e5ff;--accent-cyan-dim: rgba(0, 229, 255, .12);--accent-color: #322b80;--accent-light: #4a41a8;--accent-gradient: linear-gradient(135deg, #161228, #292365, #322b80);--header-gradient: linear-gradient(135deg, #0a0e1a 0%, #0d1a3a 40%, #142952 100%);--color-win: #16a34a;--color-win-dim: rgba(22, 163, 74, .1);--color-loss: #ef4444;--color-loss-dim: rgba(239, 68, 68, .1);--color-draw: #78849e;--color-draw-dim: rgba(120, 132, 158, .12);--success-color: #16a34a;--danger-color: #ef4444;--text-primary: #111827;--text-secondary: #6b7280;--text-muted: #9ca3af;--text-light: #f0f2f5;--text-light-muted: #8892a8;--border-color: #e5e7eb;--border-hover: rgba(37, 99, 235, .3);--glow-cyan: 0 0 20px rgba(0, 229, 255, .08);--glow-gold: 0 0 20px rgba(245, 166, 35, .12);--shadow-card: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .1);--font-display: "Knockout", Impact, "Arial Black", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--transition-fast: .15s ease;--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .4s cubic-bezier(.4, 0, .2, 1);--hover-bg: #f8fafc;--highlight-bg: #eff6ff;--highlight-hover: #dbeafe;--content-bg: #f3f4f6}@font-face{font-family:Knockout;src:url(/fonts/Knockout-71.otf) format("opentype");font-weight:700;font-display:swap}@font-face{font-family:Knockout;src:url(/fonts/Knockout-49.otf) format("opentype");font-weight:500;font-display:swap}@font-face{font-family:Knockout;src:url(/fonts/Knockout-31.otf) format("opentype");font-weight:300;font-display:swap}.nav-logout{background:none;border:none;cursor:pointer;font-family:inherit;color:var(--danger-color);font-size:.8rem;font-weight:500;padding:8px 16px;border-radius:var(--radius-sm);transition:all var(--transition-fast);line-height:inherit}.nav-logout:hover{background:var(--color-loss-dim);color:#dc2626}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}#app{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}::selection{background:var(--accent-color);color:#fff}.app-container{min-height:100vh}