:root{--color-bg: #0a0a0a;--color-text: #e0e0e0;--color-text-dim: #888888;--color-surface: rgba(20, 20, 20, .95);--color-surface-hover: rgba(30, 30, 30, .95);--color-surface-highlight: rgba(25, 25, 35, .95);--color-border: rgba(51, 51, 51, .6);--color-accent: #6699cc;--color-accent-hover: #7aaddd;--color-text-secondary: #888888;--color-surface-alt: #1e2a36;--color-danger: #e06060;--color-danger-hover: #e87878;--color-danger-bg: rgba(224, 96, 96, .12);--color-danger-text: #ff8888;--color-warning: #d9922b;--color-warning-bg: rgba(217, 146, 43, .12);--color-caution: #fbbf24;--color-success: #34d399;--color-pass: #8bc34a;--color-record: #e74c3c;--color-sr-new: #ef4444;--color-sr-learning: #eab308;--color-sr-known: #22c55e;--color-sr-mastered: #a855f7;--color-player-accent: #cc6699;--color-npc-accent: #6699cc;--font-body: "Courier", monospace;--font-mono: "SF Mono", "Fira Code", monospace;--text-2xs: .7rem;--text-xs: .75rem;--text-sm: .8rem;--text-base: .85rem;--text-md: .9rem;--text-lg: .95rem;--text-xl: 1rem;--text-2xl: 1.1rem;--text-3xl: 1.3rem;--text-4xl: 1.5rem;--text-5xl: 2rem;--text-6xl: 2.5rem;--radius-xs: 3px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 10px;--radius-2xl: 12px;--radius-3xl: 16px;--radius-pill: 999px;--radius-round: 50%;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--z-sticky: 20;--z-popover: 30;--z-overlay: 200;--z-modal: 1000;--z-dialog: 2000}