:root{--ink-950: #07080c;--ink-900: #0b0c11;--ink-850: #0f1016;--ink-800: #14151d;--ink-750: #1a1b25;--ink-700: #23242f;--ink-650: #2c2d3a;--ink-600: #3a3b4a;--ink-500: #515267;--ink-400: #6e6f86;--ink-300: #9a9bb1;--ink-200: #c3c4d4;--ink-100: #e7e7ef;--ink-050: #f5f5f9;--bg: var(--ink-900);--bg-sunken: var(--ink-950);--surface: var(--ink-800);--surface-2: var(--ink-750);--surface-hover: var(--ink-700);--border: var(--ink-700);--border-strong: var(--ink-600);--hairline: color-mix(in oklab, var(--ink-100) 8%, transparent);--text: var(--ink-100);--text-dim: var(--ink-300);--text-faint: var(--ink-400);--status-live: #35d6a4;--status-beta: #c79bff;--status-building: #f3b955;--status-planned: var(--ink-400);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Code", Menlo, monospace;--fs-display: clamp(2.6rem, 1.6rem + 3.2vw, 3.5rem);--fs-h1: 2rem;--fs-h2: 1.5rem;--fs-h3: 1.1875rem;--fs-body-lg: 1.0625rem;--fs-body: .9375rem;--fs-small: .8125rem;--fs-caption: .75rem;--lh-tight: 1.1;--lh-snug: 1.3;--lh-body: 1.55;--fw-regular: 450;--fw-medium: 560;--fw-semibold: 650;--fw-bold: 740;--tracking-tight: -.02em;--tracking-label: .06em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 999px;--shadow-1: 0 1px 2px rgba(0, 0, 0, .45);--shadow-2: 0 6px 20px -6px rgba(0, 0, 0, .55);--shadow-3: 0 20px 50px -16px rgba(0, 0, 0, .65);--dur-fast: .12s;--dur: .2s;--dur-slow: .36s;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.4, .55, 1);--accent: #7c5cff;--accent-2: #21d4c4;--accent-contrast: #ffffff;--accent-link: #b9a8ff;--accent-soft: color-mix(in oklab, var(--accent) 16%, transparent);--accent-line: color-mix(in oklab, var(--accent) 40%, var(--border));--accent-glow: color-mix(in oklab, var(--accent) 45%, transparent)}.theme-chess{--accent: #3b82f6;--accent-2: #9ec7f0;--accent-contrast: #04101f;--accent-link: #9ec7f0;--accent-soft: color-mix(in oklab, var(--accent) 18%, transparent);--accent-line: color-mix(in oklab, var(--accent) 40%, var(--border));--accent-glow: color-mix(in oklab, var(--accent) 50%, transparent);--surface: #13202c;--surface-2: #1f2a36;--border: #233340;--board-light: #f0d9b5;--board-dark: #b58863;--board-coord: #7c6a52;--hl-last: #f7ec74;--hl-legal: #6ba368;--hl-check: #c8372d;--hl-selected: #9ec7f0}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent-link);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer}h1,h2,h3{line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);margin:0}.app{display:grid;grid-template-rows:auto 1fr auto;min-height:100%}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);background:color-mix(in oklab,var(--bg) 86%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.brand{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);color:var(--text)}.brand .mark{width:22px;height:22px;border-radius:var(--radius-sm);background:linear-gradient(140deg,var(--accent),var(--accent-2))}.nav{display:flex;gap:var(--space-1);flex-wrap:wrap}.nav a{color:var(--text-dim);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--fs-small);font-weight:var(--fw-medium)}.nav a:hover{color:var(--text);text-decoration:none;background:var(--surface-hover)}.nav a.active{color:var(--accent-contrast);background:var(--accent)}.main{width:100%;max-width:1100px;margin:0 auto;padding:var(--space-8) var(--space-5) var(--space-16)}.footer{width:100%;max-width:1100px;margin:0 auto;padding:var(--space-5);display:flex;gap:var(--space-4);border-top:1px solid var(--border);font-size:var(--fs-small)}.footer a{color:var(--text-dim);text-decoration:none}.footer a:hover{color:var(--text)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-1)}.grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border:1px solid var(--accent-line);border-radius:var(--radius-md);background:var(--accent);color:var(--accent-contrast);font-weight:var(--fw-semibold);transition:filter var(--dur) var(--ease-out)}.btn:hover{filter:brightness(1.08)}.btn.ghost{background:transparent;color:var(--text);border-color:var(--border-strong)}.eyebrow{text-transform:uppercase;letter-spacing:var(--tracking-label);font-size:var(--fs-caption);font-weight:var(--fw-semibold);color:var(--text-faint)}.dim{color:var(--text-dim);font-size:var(--fs-caption);line-height:var(--lh-body)}.board-layout{display:grid;gap:var(--space-6);grid-template-columns:minmax(0,var(--board-col, 480px)) minmax(220px,1fr);align-items:start}.two-pane{display:grid;gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:start}@media(max-width:760px){.board-layout,.two-pane{grid-template-columns:1fr}.main{padding:var(--space-6) var(--space-4) var(--space-12)}}@media(min-width:761px){.board-side{min-height:480px}}