:root{color-scheme:light;--color-bg: #FFF7E8;--color-surface: #FFFFFF;--color-surface-2: #FBEFD9;--color-surface-3: #F3E2C4;--color-border: #E6D7BE;--color-border-strong: #9C8D74;--color-ad-frame: #FBF1DF;--color-board-frame: #1B1F3B;--color-grid-line: #E6D7BE;--color-cell-border: #9C8D74;--color-highlight: #FFD43B;--color-highlight-wash: rgba(255,212,59,.18);--color-given-hatch: rgba(27,31,59,.05);--color-ink: #1B1F3B;--color-muted: #555A75;--color-on-accent: #FFFFFF;--color-on-cta: #FFFFFF;--color-rail: #E8461E;--color-rail-deep: #B8320F;--color-rail-active: #B8320F;--color-rail-sleeper: #F2B9A6;--color-rail-given: #1B1F3B;--color-mark-x: #7C8299;--color-endpoint-a: #1565C0;--color-endpoint-b: #C2185B;--color-success: #2E7D32;--color-danger: #C62828;--color-warning: #B8320F;--color-focus-ring: #1565C0;--tool-bg: var(--color-surface);--tool-fg: var(--color-ink);--tool-border: var(--color-border-strong);--tool-bg-hover: var(--color-surface-2);--tool-bg-pressed: var(--color-surface-3);--tool-track-selected-bg: #B8320F;--tool-track-selected-fg: #FFFFFF;--tool-block-selected-bg: #FFD43B;--tool-selected-fg: #1B1F3B;--tool-selected-ring: #1B1F3B;--tool-disabled-opacity: .45;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Roboto Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-clue: 1.1875rem;--text-xl: 1.5rem;--text-2xl: 2rem;--leading-tight: 1.15;--leading-normal: 1.5;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-black: 800;--space-0: 0;--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;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(27,31,59,.1);--shadow-md: 0 4px 12px rgba(27,31,59,.12);--shadow-lg: 0 12px 32px rgba(27,31,59,.18);--shadow-glow: 0 0 0 2px var(--color-surface), 0 0 0 4px var(--color-focus-ring);--motion-fast: .12s;--motion-base: .2s;--motion-slow: .36s;--motion-sweep-step: 40ms;--ease-out: cubic-bezier(.2,.7,.2,1);--ease-in-out: cubic-bezier(.65,0,.35,1);--shake-distance: 3px;--cell-min: 44px;--cell-max: 60px;--board-max: 420px;--clue-size: 28px;--badge-size: 26px;--tool-height: 48px;--btn-height: 44px;--rail-stroke-ratio: .22;--x-stroke: 8;--bp-sm: 480px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--z-base: 0;--z-sticky: 10;--z-overlay: 100;--z-toast: 200}:root[data-theme=dark]{color-scheme:dark;--color-bg: #141A2E;--color-surface: #1E2640;--color-surface-2: #283252;--color-surface-3: #323E63;--color-ink: #F5F7FF;--color-muted: #AEB6D4;--color-on-accent: #141A2E;--color-on-cta: #141A2E;--color-rail: #FF7A45;--color-rail-deep: #FF7A45;--color-rail-active: #FF9A6E;--color-rail-sleeper: #6B4A45;--color-rail-given: #FFD166;--color-given-hatch: rgba(255,209,102,.08);--color-mark-x: #8C95B8;--color-endpoint-a: #4DABF7;--color-endpoint-b: #F783AC;--color-success: #51CF66;--color-danger: #FF6B6B;--color-warning: #FFD166;--color-focus-ring: #4DABF7;--color-highlight: #FFD43B;--color-highlight-wash: rgba(255,212,59,.12);--color-board-frame: #AEB6D4;--color-grid-line: #2E3858;--color-cell-border: #6A7396;--color-border: #3A4566;--color-border-strong: #6A7396;--color-ad-frame: #1A2138;--tool-track-selected-bg: #FF7A45;--tool-block-selected-bg: #FFD43B;--tool-selected-fg: #141A2E;--tool-track-selected-fg: #141A2E;--tool-selected-ring: #F5F7FF;--shadow-sm: 0 1px 2px rgba(0,0,0,.35);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 12px 32px rgba(0,0,0,.5)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--color-bg: #141A2E;--color-surface: #1E2640;--color-surface-2: #283252;--color-surface-3: #323E63;--color-ink: #F5F7FF;--color-muted: #AEB6D4;--color-on-accent: #141A2E;--color-on-cta: #141A2E;--color-rail: #FF7A45;--color-rail-deep: #FF7A45;--color-rail-active: #FF9A6E;--color-rail-sleeper: #6B4A45;--color-rail-given: #FFD166;--color-given-hatch: rgba(255,209,102,.08);--color-mark-x: #8C95B8;--color-endpoint-a: #4DABF7;--color-endpoint-b: #F783AC;--color-success: #51CF66;--color-danger: #FF6B6B;--color-warning: #FFD166;--color-focus-ring: #4DABF7;--color-highlight: #FFD43B;--color-highlight-wash: rgba(255,212,59,.12);--color-board-frame: #AEB6D4;--color-grid-line: #2E3858;--color-cell-border: #6A7396;--color-border: #3A4566;--color-border-strong: #6A7396;--color-ad-frame: #1A2138;--tool-track-selected-bg: #FF7A45;--tool-block-selected-bg: #FFD43B;--tool-selected-fg: #141A2E;--tool-track-selected-fg: #141A2E;--tool-selected-ring: #F5F7FF;--shadow-sm: 0 1px 2px rgba(0,0,0,.35);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 12px 32px rgba(0,0,0,.5)}}@media (prefers-reduced-motion: reduce){:root{--motion-fast: 0ms;--motion-base: 0ms;--motion-slow: 0ms;--motion-sweep-step: 0ms;--shake-distance: 0px}}