:root{--color-bg:#0a0a0f;--color-surface:#14141f;--color-surface-elevated:#1e1e2e;--color-border:#2a2a3e;--color-text:#e8e8f0;--color-text-muted:#8888a0;--color-accent:#4f8cff;--color-accent-hover:#6ba0ff;--color-win:#22c55e;--color-loss:#ef4444;--color-draw:#f59e0b;--color-live:#ef4444;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-full:9999px;--shadow-card:0 2px 8px #0000004d;--shadow-elevated:0 8px 24px #0006;--transition-fast:.15s ease;--transition-base:.25s ease;--header-height:3.5rem;--max-width:48rem;--timeline-spine-width:2px}
*,:before,:after{box-sizing:border-box}html{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{min-height:100dvh;margin:0;line-height:1.5}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}