:root{--color-bg-primary:#f7f2e7;--color-bg-secondary:#efe7d5;--color-bg-tertiary:#e5d9c0;--color-bg-overlay:#131407a6;--color-surface:#fcf8f0;--color-surface-dim:#f0e8d6;--color-surface-bright:#fff;--color-surface-raised:#fff;--color-surface-sunken:#ebe0ca;--color-surface-container:#f4ece0;--color-surface-container-high:#eadecf;--color-border:#5b403c33;--color-border-strong:#5b403c66;--color-outline:#aa8984;--color-outline-variant:#5b403c;--color-text-primary:#1f2111;--color-text-secondary:#5b403c;--color-text-muted:#8a726e;--color-text-inverse:#e4e4cc;--color-warm-cream:#e4e4cc;--color-accent-gold:#d4af37;--color-accent-gold-light:#e9c349;--color-accent-gold-dark:#af8d11;--color-accent-gold-subtle:#d4af3724;--color-red-piece:#e34234;--color-red-piece-dark:#800020;--color-red-piece-highlight:#ff6b5b;--color-black-piece:#1a1a1a;--color-black-piece-mid:#2c1e16;--color-black-piece-light:#423024;--color-board-wood:#d4a368;--color-board-wood-light:#e5b880;--color-board-wood-dark:#b27e46;--color-board-line:#462a12b8;--color-board-line-strong:#462a12f2;--color-board-palace:#af8d11;--color-check-highlight:#e3423440;--color-selected-highlight:#d4af3761;--color-legal-move-dot:#4a7c4aa6;--color-last-move:#d4af3742;--color-last-move-from-fill:#462a1229;--color-last-move-from-stroke:#462a12;--color-last-move-to-fill:#e342343d;--color-last-move-to-stroke:#800020;--color-last-move-path:#800020;--color-success:#4a7c4a;--color-danger:#e34234;--color-warning:#e9c349;--shadow-board:0 24px 64px #13140759, 0 8px 24px #13140733;--shadow-piece:0 4px 8px #0006, 0 1px 3px #00000040;--shadow-piece-hover:0 8px 18px #00000073, 0 2px 6px #0000004d;--shadow-elevated:0 8px 32px #1314071f, 0 2px 8px #13140714;--shadow-modal:0 24px 80px #13140780, 0 8px 32px #1314074d;--font-serif:"Newsreader", "Noto Serif SC", Georgia, serif;--font-ui:"Hanken Grotesk", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-piece:"Noto Serif SC", "Songti SC", serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.875rem;--text-3xl:2.25rem;--text-4xl:3rem;--text-5xl:4.25rem;--leading-tight:1.2;--leading-normal:1.6;--weight-light:300;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:900;--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;--space-24:6rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--duration-fast:.12s;--duration-normal:.18s;--duration-slow:.25s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-inout:cubic-bezier(.4, 0, .2, 1);--z-board:1;--z-piece:10;--z-piece-selected:20;--z-overlay:100;--z-modal:200;--z-toast:300}[data-theme=dark]{--color-bg-primary:#131407;--color-bg-secondary:#1b1d0e;--color-bg-tertiary:#1f2111;--color-bg-overlay:#0e0f03d1;--color-surface:#131407;--color-surface-dim:#0e0f03;--color-surface-bright:#393a29;--color-surface-raised:#1f2111;--color-surface-sunken:#0e0f03;--color-surface-container:#1f2111;--color-surface-container-high:#2a2b1b;--color-surface-container-highest:#343625;--color-border:#aa898429;--color-border-strong:#aa898452;--color-outline:#aa8984;--color-outline-variant:#5b403c;--color-text-primary:#e4e4cc;--color-text-secondary:#dac2b5;--color-text-muted:#a28c81;--color-text-inverse:#131407;--color-warm-cream:#e4e4cc;--color-accent-gold:#e9c349;--color-accent-gold-light:#ffe088;--color-accent-gold-dark:#af8d11;--color-accent-gold-subtle:#e9c34926;--color-red-piece:#e34234;--color-red-piece-dark:#690002;--color-red-piece-highlight:#ffb4a9;--color-black-piece:#1a1a1a;--color-black-piece-mid:#2c1e16;--color-black-piece-light:#3d2d24;--color-board-wood:#222414;--color-board-wood-light:#2d301a;--color-board-wood-dark:#16170a;--color-board-line:#e4e4cc73;--color-board-line-strong:#e4e4ccc7;--color-board-palace:#e9c349;--color-check-highlight:#ffb4a947;--color-selected-highlight:#e9c34959;--color-legal-move-dot:#64c8648c;--color-last-move:#e9c34938;--color-last-move-from-fill:#e9c3492e;--color-last-move-from-stroke:#e9c349;--color-last-move-to-fill:#e9c34938;--color-last-move-to-stroke:#e9c349;--color-last-move-path:#e9c3498c;--shadow-board:0 28px 80px #000000bf, 0 10px 30px #0000008c;--shadow-piece:0 4px 10px #000000a6, 0 1px 4px #00000073;--shadow-piece-hover:0 8px 24px #000000bf, 0 3px 8px #0000008c;--shadow-elevated:0 12px 48px #0000008c, 0 4px 16px #00000059;--shadow-modal:0 32px 110px #000000d9, 0 12px 48px #000000a6}@keyframes pieceCapture{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}to{opacity:0;transform:scale(0)}}@keyframes pieceLand{0%{transform:scale(1.15)}60%{transform:scale(.95)}to{transform:scale(1)}}@keyframes pieceSelect{0%{transform:scale(1)}to{transform:scale(1.06)}}@keyframes checkPulse{0%,to{filter:drop-shadow(0 0 #dc282800)}50%{filter:drop-shadow(0 0 8px #dc2828cc)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes modalEnter{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes overlayEnter{0%{opacity:0}to{opacity:1}}@keyframes thinkingDot{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}@keyframes inkDrift{0%{opacity:0;transform:translate(0)scale(1)}15%{opacity:.06}85%{opacity:.04}to{opacity:0;transform:translate(-40px,-80px)scale(1.1)}}@keyframes inkDrift2{0%{opacity:0;transform:translate(0)scale(1)rotate(0)}15%{opacity:.05}85%{opacity:.03}to{opacity:0;transform:translate(60px,-60px)scale(1.08)rotate(5deg)}}@keyframes subtleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes boardGlow{0%,to{box-shadow:var(--shadow-board)}50%{box-shadow:var(--shadow-board), 0 0 40px #c9a84c14}}.animate-fadeIn{animation:fadeIn var(--duration-slow) var(--ease-out) both}.animate-fadeInUp{animation:fadeInUp var(--duration-slow) var(--ease-out) both}.animate-fadeInDown{animation:fadeInDown var(--duration-slow) var(--ease-out) both}.animate-scaleIn{animation:scaleIn var(--duration-slow) var(--ease-out) both}.animate-modalEnter{animation:modalEnter .25s var(--ease-out) both}.delay-100{animation-delay:.1s}.delay-150{animation-delay:.15s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.animate-fadeIn,.animate-fadeInUp,.animate-fadeInDown,.animate-scaleIn,.animate-modalEnter{opacity:1;animation:none;transform:none}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}body{font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);min-height:100vh;transition:background-color var(--duration-slow) var(--ease-out), color var(--duration-slow) var(--ease-out);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);line-height:var(--leading-tight);color:var(--color-text-primary)}p{line-height:var(--leading-normal)}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;touch-action:manipulation;background:0 0;border:none}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:2px solid var(--color-accent-gold);outline-offset:2px;border-radius:2px}::selection{background:var(--color-accent-gold-subtle);color:var(--color-text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.font-serif{font-family:var(--font-serif)}.theme-transition,.theme-transition *,.theme-transition :before,.theme-transition :after{transition:background-color .25s ease-out,border-color .25s ease-out,color .25s ease-out,fill .25s ease-out!important}