:root{color-scheme:light;--color-bg: #ffffff;--color-surface: #f6f5f4;--color-surface-raised: #eceae7;--color-surface-sunken: #f2f1ef;--color-ink: #1d1a17;--color-ink-muted: #57524c;--color-ink-faint: #6b665f;--color-line: rgba(29, 26, 23, .14);--color-line-strong: rgba(29, 26, 23, .42);--color-accent: #7d451c;--color-accent-hover: #63350f;--color-accent-soft: #f1ece5;--color-cta: #f0b429;--color-cta-edge: #b5830d;--color-on-cta: #251a02;--color-success: #2f7c3c;--color-warning: #8a5a00;--color-error: #b3261e;--color-info: var(--color-accent);--color-board-dark: #b58863;--color-board-light: #f0d9b5;--color-board-piece: #26201a;--color-board-highlight: rgba(88, 166, 224, .6);--color-board-lastmove: rgba(205, 210, 106, .55);--graph-ground: #1e1a15;--graph-cursor: #f0b429;--shadow-panel: 0 1px 2px rgba(29, 26, 23, .05), 0 8px 24px rgba(29, 26, 23, .07);--shadow-overlay: 0 20px 60px rgba(29, 26, 23, .25);--color-scrim: rgba(18, 15, 12, .55);--color-scrim-heavy: rgba(18, 15, 12, .7);--color-grid-line: rgba(29, 26, 23, .08);--font-display: "Archivo Black", "Arial Black", sans-serif;--font-body: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, "SFMono-Regular", Consolas, monospace;--text-micro: .6875rem;--text-label: .75rem;--text-xs: .8125rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.0625rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 1.875rem;--text-3xl: 2.375rem;--text-hero: clamp(3.2rem, 8vw, 7.6rem);--weight-normal: 400;--weight-book: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-display: 900;--leading-tight: .95;--leading-snug: 1.25;--leading-base: 1.55;--tracking-caps: .09em;--tracking-mark: -.04em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--container-sm: 640px;--container-md: 960px;--container-lg: 1200px;--rail-width: 0;--radius-sm: .35rem;--radius-md: .6rem;--radius-lg: .9rem;--radius-full: 9999px;--duration-fast: .14s;--duration-base: .24s;--ease-out: cubic-bezier(.2, .8, .2, 1);--focus-ring: 3px solid var(--color-cta-edge);--focus-offset: 3px;--tag-red: #b3261e;--tag-orange: #b45309;--tag-amber: #8f6a0c;--tag-green: #2f7c3c;--tag-teal: #0f766e;--tag-blue: #1d4ed8;--tag-purple: #7c3aed;--tag-pink: #be185d}:root[data-theme=dark]{color-scheme:dark;--color-bg: #31312e;--color-surface: #1c1c1a;--color-surface-raised: #3e3e3b;--color-surface-sunken: #141413;--color-ink: #f2f1ee;--color-ink-muted: #c1bfba;--color-ink-faint: #a4a29c;--color-line: rgba(242, 241, 238, .14);--color-line-strong: rgba(242, 241, 238, .42);--color-accent: #f0b429;--color-accent-hover: #f6c95e;--color-accent-soft: rgba(240, 180, 41, .14);--color-cta: #f0b429;--color-cta-edge: #b5830d;--color-on-cta: #251a02;--color-success: #7fbe8b;--color-warning: #e0b34c;--color-error: #ef8a80;--graph-ground: #141413;--shadow-panel: 0 1px 2px rgba(0, 0, 0, .35), 0 8px 24px rgba(0, 0, 0, .3);--shadow-overlay: 0 20px 60px rgba(0, 0, 0, .6);--color-scrim: rgba(0, 0, 0, .6);--color-scrim-heavy: rgba(0, 0, 0, .75);--color-grid-line: rgba(242, 241, 238, .08)}.marquee{--color-bg: #1c1c1a;--color-surface: #232320;--color-surface-raised: #3e3e3b;--color-ink: #f2f1ee;--color-ink-muted: #c1bfba;--color-ink-faint: #a4a29c;--color-line: rgba(242, 241, 238, .32);--color-line-strong: rgba(242, 241, 238, .55);--color-accent: var(--color-cta);--color-accent-hover: #f6c95e;--color-accent-soft: rgba(240, 180, 41, .14);--color-success: #7fbe8b}:root[data-theme=dark] .piece-tile img{filter:drop-shadow(0 0 1px rgba(255,255,255,.8)) drop-shadow(0 0 3px rgba(255,255,255,.4))}*,*:before,*:after{box-sizing:border-box;touch-action:manipulation}*{margin:0}html{-webkit-text-size-adjust:100%}body{min-width:320px;min-height:100dvh;background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-base);-webkit-font-smoothing:antialiased}img,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}h1{font-family:var(--font-display);font-weight:var(--weight-display);line-height:var(--leading-tight);letter-spacing:-.045em;text-wrap:balance}h2,h3{font-weight:800;line-height:1.15;letter-spacing:-.01em;text-wrap:balance}p{text-wrap:pretty}a{color:var(--color-accent);text-underline-offset:.2em}a:hover{color:var(--color-accent-hover)}code,pre,kbd{font-family:var(--font-mono)}::selection{background:var(--color-accent);color:var(--color-bg)}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.cta-key{position:relative;isolation:isolate;border:0;border-radius:var(--radius-md);background:var(--color-cta-edge);color:var(--color-on-cta);text-shadow:0 1px 1px rgba(255,240,200,.35);text-decoration:none;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out),filter var(--duration-fast) var(--ease-out)}.cta-key:before{content:"";position:absolute;inset:0 0 3px;z-index:-1;border-radius:inherit;background:linear-gradient(#f5c03a,#e4a51b)}.cta-key:hover:not(:disabled){color:var(--color-on-cta);filter:brightness(1.04)}.cta-key:active:not(:disabled){transform:translateY(1px);opacity:.92;filter:none}.cta-key:disabled{cursor:default;opacity:.45}.skeleton{position:relative;overflow:hidden;border-radius:var(--radius-sm);background:var(--color-surface-raised)}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-bg) 60%,transparent),transparent);animation:skeleton-sheen 1.4s var(--ease-out) infinite}@keyframes skeleton-sheen{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}