:root,:root[data-theme=light]{--wood-100: #E8D2A8;--wood-300: #D4AF7A;--wood-500: #A08055;--wood-700: #5D4A35;--felt-base: #0D3D2A;--brass-100: #E0C478;--brass-500: #C9A45C;--neutral-50: #FAFAF7;--neutral-100: #FFFFFF;--neutral-200: #F0EDE3;--neutral-300: #E5E0D5;--neutral-500: #6B6354;--neutral-900: #1A1A1A;--green-700: #0D3D2A;--red-600: #B34530;--bg: var(--neutral-50);--surface: var(--neutral-100);--surface-hover: var(--neutral-200);--text: var(--neutral-900);--text-mute: var(--neutral-500);--border: var(--neutral-300);--accent: var(--green-700);--accent-fg: var(--neutral-50);--danger: var(--red-600);--danger-fg: #FFFFFF;--shadow-card: 0 1px 2px rgba(0, 0, 0, .04), 0 4px 12px rgba(0, 0, 0, .06);--shadow-elevated: 0 2px 8px rgba(0, 0, 0, .08), 0 12px 24px rgba(0, 0, 0, .1);--bg-board: var(--wood-700);--color-felt: var(--felt-base);--color-point-light: var(--wood-300);--color-point-dark: var(--wood-700);--color-checker-1: #F5ECD9;--color-checker-2: #1F1610;--accent-metal: var(--brass-500);--accent-metal-hi: var(--brass-100)}:root[data-theme=dark]{--wood-100: #B89671;--wood-300: #9A7A52;--wood-500: #6B5436;--wood-700: #3D2C1A;--felt-base: #0A2E1F;--copper-100: #D99860;--copper-500: #B87A45;--neutral-50: #15181C;--neutral-100: #1C2026;--neutral-200: #22272F;--neutral-300: #2E333A;--neutral-500: #8A8478;--neutral-900: #F5F1E8;--green-500: #3D8862;--red-500: #D96A4F;--bg: var(--neutral-50);--surface: var(--neutral-100);--surface-hover: var(--neutral-200);--text: var(--neutral-900);--text-mute: var(--neutral-500);--border: var(--neutral-300);--accent: var(--green-500);--accent-fg: #0A1F15;--danger: var(--red-500);--danger-fg: #FFFFFF;--shadow-card: 0 1px 2px rgba(0, 0, 0, .4), 0 4px 12px rgba(0, 0, 0, .3);--shadow-elevated: 0 2px 8px rgba(0, 0, 0, .5), 0 12px 24px rgba(0, 0, 0, .4);--bg-board: var(--wood-700);--color-felt: var(--felt-base);--color-point-light: var(--wood-300);--color-point-dark: var(--wood-700);--color-checker-1: #EDE6D8;--color-checker-2: #14100A;--accent-metal: var(--copper-500);--accent-metal-hi: var(--copper-100)}:root{--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--sp-8: 32px;--sp-12: 48px;--sp-16: 64px;--r-sm: 4px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-pill: 9999px}:root{--dur-fast: .15s;--dur-base: .25s;--dur-tactile: .35s;--dur-slow: .5s;--ease-out: cubic-bezier(.4, 0, .2, 1);--ease-tactile: cubic-bezier(.4, 1.4, .5, 1);--ease-spring: cubic-bezier(.5, 1.6, .4, 1)}@media(prefers-reduced-motion:reduce){:root{--dur-fast: 1ms;--dur-base: 1ms;--dur-tactile: 1ms;--dur-slow: 1ms;--ease-out: linear;--ease-tactile: linear;--ease-spring: linear}}:root{--font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--fs-xs: 12px;--fs-sm: 14px;--fs-base: 16px;--fs-md: 20px;--fs-lg: 24px;--fs-xl: 32px;--fs-2xl: 40px;--lh-tight: 1.2;--lh-normal: 1.5;--ls-tight: -.01em;--ls-label: .05em}html{font-family:var(--font-body);font-size:var(--fs-base);line-height:var(--lh-normal)}h1,h2,h3,h4,h5,h6{line-height:var(--lh-tight);font-weight:600;margin:0}h1{font-size:var(--fs-xl);letter-spacing:var(--ls-tight)}h2{font-size:var(--fs-lg);letter-spacing:var(--ls-tight)}h3{font-size:var(--fs-md)}h4{font-size:var(--fs-base)}.tabular{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono)}.label{font-size:var(--fs-xs);font-weight:600;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-mute)}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-soft{0%,to{opacity:.55}50%{opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 #0d3d2a00}50%{box-shadow:0 0 0 12px #0d3d2a2e}}.skeleton{background:linear-gradient(90deg,var(--surface-hover) 0%,var(--surface-hover) 40%,var(--surface) 50%,var(--surface-hover) 60%,var(--surface-hover) 100%);background-size:200% 100%;border-radius:var(--r-md);animation:skeleton-shimmer 1.6s linear infinite}:where(button,a,input,select,textarea,[role=button]):focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 35%,transparent);border-radius:var(--r-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pill{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:600;letter-spacing:var(--ls-label);text-transform:uppercase;background:var(--surface-hover);color:var(--text-mute)}.pill.pill-accent{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}.pill.pill-warn{background:color-mix(in srgb,var(--accent-metal) 25%,transparent);color:var(--accent-metal)}.pill.pill-danger{background:color-mix(in srgb,var(--danger) 15%,transparent);color:var(--danger)}.touch-target{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.btn-reset{appearance:none;background:transparent;border:none;padding:0;margin:0;font-family:inherit;font-size:inherit;cursor:pointer;color:inherit}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);min-height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}button{font-family:inherit;font-size:inherit;cursor:pointer}a{color:var(--accent);text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}a:hover{text-decoration:underline}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}