:root{color-scheme:dark;--black: #0a0a0a;--surface-1: #161616;--surface-2: #1e1e1e;--surface-3: #262626;--surface-4: #2e2e2e;--gray-300: #c7c7c7;--gray-500: #8a8a8a;--gray-700: #4d4d4d;--white: #ffffff;--red-400: #e8433f;--red-600: #d20a0a;--red-700: #a80808;--green-400: #4fd07a;--rose-300: #f28a87;--amber-400: #f0bc4e;--bg-app: var(--surface-1);--bg-surface: var(--surface-2);--bg-raised: var(--surface-3);--bg-active: var(--surface-4);--scrim: linear-gradient(to top, rgb(10 10 10 / .95), rgb(10 10 10 / .15));--text: var(--white);--text-dim: var(--gray-300);--text-faint: var(--gray-500);--text-off: var(--gray-700);--line: #333333;--line-strong: #454545;--accent: var(--red-600);--accent-hover: var(--red-400);--accent-press: var(--red-700);--accent-soft: rgb(210 10 10 / .14);--focus: var(--red-400);--win: var(--green-400);--loss: var(--rose-300);--draw: var(--gray-500);--gold: var(--amber-400);--font-display: Oswald, "Arial Narrow", Impact, sans-serif;--font-body: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Roboto Mono", ui-monospace, "SF Mono", monospace;--text-2xs: .625rem;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1.0625rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 1.875rem;--leading-tight: 1.1;--leading-normal: 1.45;--tracking-caps: .08em;--tracking-title: .02em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--shadow-card: 0 2px 8px rgb(0 0 0 / .5);--shadow-elevated: 0 8px 24px rgb(0 0 0 / .6);--shadow-focus: 0 0 0 3px var(--accent-soft);--dur-fast: .12s;--dur: .18s;--ease: cubic-bezier(.2, .7, .3, 1);--bar-height: 3.25rem;--tab-height: 2.25rem;--content-max: 90rem;--page-pad: var(--space-4);--row-pad: var(--space-3)}@property --stack-gap{syntax: "<length>"; inherits: false; initial-value: 12px;}@property --cluster-gap{syntax: "<length>"; inherits: false; initial-value: 8px;}@property --grid-gap{syntax: "<length>"; inherits: false; initial-value: 12px;}@property --grid-min{syntax: "<length>"; inherits: false; initial-value: 240px;}@property --frame-width{syntax: "<length> | auto"; inherits: false; initial-value: auto;}@property --panel-width{syntax: "<length>"; inherits: false; initial-value: 208px;}