@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Manrope:wght@400;600;700&display=swap";:root{--font-mono:"IBM Plex Mono","SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,monospace;--font-sans:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;--font-xs:.75rem;--font-sm:.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:1.875rem;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--color-bg-primary:#0f0f0f;--color-bg-secondary:#1a1a1a;--color-bg-tertiary:#252525;--color-surface:#2a2a2a;--color-surface-hover:#323232;--color-fg-primary:#f5f3f0;--color-fg-secondary:#b8b5b0;--color-fg-tertiary:#7a7772;--color-fg-disabled:#4a4845;--color-accent:#4a6b5c;--color-accent-hover:#5d8270;--color-accent-light:#3f5d4f;--color-accent-dark:#2f4539;--color-board-bg:#d4a574;--color-board-line:#8b6f47;--color-board-star:#6b5537;--color-stone-black:#0a0a0a;--color-stone-white:#f8f6f3;--color-stone-shadow:#0000004d;--color-eval-excellent:#30a06e;--color-eval-good:#6fb359;--color-eval-ok:#c7b946;--color-eval-inaccuracy:#e89639;--color-eval-mistake:#e16b5c;--color-eval-blunder:#c73e64;--color-success:#30a06e;--color-warning:#e89639;--color-error:#e16b5c;--color-info:#5b9bd5;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 2px #0000004d,0 1px 3px #00000026;--shadow-md:0 4px 6px #0000004d,0 2px 4px #0003;--shadow-lg:0 10px 15px #0000004d,0 4px 6px #0003;--shadow-xl:0 20px 25px #00000059,0 10px 10px #00000040;--shadow-board:0 8px 32px #0006,0 0 80px #d4a5740d,inset 0 0 1px #ffffff1a;--border-subtle:1px solid #ffffff0d;--border-default:1px solid #ffffff1a;--border-strong:1px solid #fff3;--border-accent:2px solid var(--color-accent);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.35s cubic-bezier(.4,0,.2,1);--transition-slowest:.5s cubic-bezier(.4,0,.2,1);--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--ease-bounce:cubic-bezier(.68,-.55,.265,1.55);--z-base:0;--z-board:1;--z-overlay:10;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-toast:600;--z-tooltip:700;--breakpoint-mobile:640px;--breakpoint-tablet:768px;--breakpoint-desktop:1024px;--breakpoint-wide:1280px;--breakpoint-ultrawide:1536px;--topbar-height:56px;--topbar-bg:#1a1a1ae6;--topbar-blur:10px;--sidebar-width:280px;--analysis-panel-width:360px;--board-max-size:800px;--stone-size-ratio:.46;--controlbar-height:60px;--backdrop-blur:blur(10px);--backdrop-blur-strong:blur(20px);--noise-texture:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"200\" height=\"200\"><filter id=\"noise\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.9\" numOctaves=\"3\" stitchTiles=\"stitch\"/></filter><rect width=\"200\" height=\"200\" filter=\"url(%23noise)\" opacity=\"0.03\"/></svg>");--gradient-radial-glow:radial-gradient(circle at center,#4a6b5c1a 0%,transparent 70%);--gradient-subtle-fade:linear-gradient(to bottom,#0f0f0f00 0%,#0f0f0fcc 100%)}.text-mono{font-family:var(--font-mono)}.text-sans{font-family:var(--font-sans)}.text-xs{font-size:var(--font-xs)}.text-sm{font-size:var(--font-sm)}.text-base{font-size:var(--font-base)}.text-lg{font-size:var(--font-lg)}.text-xl{font-size:var(--font-xl)}.text-2xl{font-size:var(--font-2xl)}.font-regular{font-weight:var(--font-regular)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-primary{color:var(--color-fg-primary)}.text-secondary{color:var(--color-fg-secondary)}.text-tertiary{color:var(--color-fg-tertiary)}.text-accent{color:var(--color-accent)}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-tertiary{background-color:var(--color-bg-tertiary)}.bg-surface{background-color:var(--color-surface)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.border-subtle{border:var(--border-subtle)}.border-default{border:var(--border-default)}.border-strong{border:var(--border-strong)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:16px}body{font-family:var(--font-sans);font-size:var(--font-base);font-weight:var(--font-regular);line-height:var(--leading-normal);color:var(--color-fg-primary);background-color:var(--color-bg-primary);overflow-x:hidden}body:before{content:"";background-image:var(--noise-texture);pointer-events:none;opacity:.4;z-index:1000;mix-blend-mode:overlay;width:100%;height:100%;position:fixed;top:0;left:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--color-fg-primary)}h1{font-size:var(--font-3xl)}h2{font-size:var(--font-2xl)}h3{font-size:var(--font-xl)}h4{font-size:var(--font-lg)}h5{font-size:var(--font-base)}h6{font-size:var(--font-sm)}p{margin-bottom:var(--space-md)}a{color:var(--color-accent);transition:color var(--transition-fast);text-decoration:none}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}code,kbd,pre,samp{font-family:var(--font-mono);font-size:.9em}code{background-color:var(--color-surface);border-radius:var(--radius-sm);color:var(--color-fg-primary);padding:.125rem .25rem}strong,b{font-weight:var(--font-semibold)}em,i{font-style:italic}button{font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer;color:inherit;background:0 0;border:none}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;background-color:var(--color-surface);border:var(--border-default);border-radius:var(--radius-md);padding:var(--space-sm)var(--space-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #4a6b5c33}input::placeholder,textarea::placeholder{color:var(--color-fg-tertiary)}*{scrollbar-width:thin;scrollbar-color:var(--color-surface-hover)var(--color-bg-secondary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--color-surface-hover);border-radius:var(--radius-sm);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--color-surface)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background-color:var(--color-accent);color:var(--color-fg-primary)}::selection{background-color:var(--color-accent);color:var(--color-fg-primary)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.visible{visibility:visible}.invisible{visibility:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.p-0{padding:0}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.m-0{margin:0}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.w-full{width:100%}.h-full{height:100%}.w-screen{width:100vw}.h-screen{height:100vh}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn var(--transition-base)var(--ease-out)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp var(--transition-base)var(--ease-out)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scaleIn var(--transition-base)var(--ease-out)}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.animate-pulse{animation:pulse 2s var(--ease-in-out)infinite}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-shimmer{background:linear-gradient(90deg,var(--color-surface)0%,var(--color-surface-hover)50%,var(--color-surface)100%);background-size:1000px 100%;animation:2s infinite shimmer}.floating-panel{background-color:var(--color-bg-tertiary);border:var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);overflow:hidden}.button-group{gap:var(--space-sm);align-items:center;display:flex}.button-group button{transition:all var(--transition-fast)}.button-group button:hover{transform:scale(1.02)}.stat-row{padding:var(--space-sm)0;justify-content:space-between;align-items:center;display:flex}.stat-row .label{font-size:var(--font-sm);color:var(--color-fg-secondary);font-family:var(--font-sans)}.stat-row .value{font-size:var(--font-base);color:var(--color-fg-primary);font-family:var(--font-mono);font-weight:var(--font-medium)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-to-main{z-index:999;padding:var(--space-md);background-color:var(--color-accent);color:var(--color-fg-primary);border-radius:var(--radius-md);text-decoration:none;position:absolute;left:-9999px}.skip-to-main:focus{left:var(--space-md);top:var(--space-md)}#root{width:100%;height:100vh;overflow:hidden}.app-container{background-color:var(--color-bg-primary);flex-direction:column;width:100%;height:100%;display:flex}.main-content{flex:1;display:flex;position:relative;overflow:hidden}.board-container{padding:var(--space-xl);background-color:var(--color-bg-primary);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative}@media (max-width:768px){.board-container{padding:var(--space-md)}.main-content{flex-direction:column}}@media print{body{color:#000;background:#fff}a{text-decoration:underline}.no-print,button,nav,aside{display:none!important}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}