:root{--bg-0:#0b0b0d;--bg-1:#111115;--bg-2:#16161c;--bg-3:#1c1c25;--bg-4:#24243a;--bg-elevated:#19191f;--border:#252533;--border-hi:#363648;--text-pri:#f0eff2;--text-sec:#9090ab;--text-dim:#505068;--accent:#a07ed8;--accent-dim:#7b5cb3;--accent-fg:#0b0b0d;--accent-glow:#a07ed81f;--quality-good:#4caf82;--quality-good-bg:#1a3328;--quality-inaccuracy:#d4a843;--quality-inaccuracy-bg:#2e2512;--quality-mistake:#c9644a;--quality-mistake-bg:#2a1810;--quality-blunder:#b83030;--quality-blunder-bg:#2a0e0e;--sq-light:#2e2d3f;--sq-dark:#131219;--sq-hi-gold:#4a3f1a;--sq-hi-teal:#1a3a2e;--piece-white:#e8e5db;--piece-black:#2a2840;--font-ui:"Plus Jakarta Sans", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--border-w:1px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 2px 8px #0006;--shadow-lg:0 4px 16px #00000080;--mobile-nav-h:56px}[data-theme=light]{--bg-0:#f2f2f5;--bg-1:#fff;--bg-2:#f7f7fa;--bg-3:#ededf2;--bg-4:#e0e0e8;--bg-elevated:#fff;--border:#c8c8d4;--border-hi:#b0b0c0;--text-pri:#1a1a2e;--text-sec:#4a4a64;--text-dim:#8080a0;--accent:#6b4a9e;--accent-dim:#8b6cc0;--accent-fg:#fff;--accent-glow:#6b4a9e1a;--shadow-sm:0 1px 4px #00000014, 0 0 1px #0000000a;--shadow-md:0 3px 12px #0000001a, 0 0 1px #0000000f;--shadow-lg:0 6px 24px #0000001f, 0 0 1px #0000000f;--piece-white:#e8e5db;--piece-black:#2a2840;--quality-good-bg:#e8f5e9;--quality-inaccuracy-bg:#fff8e1;--quality-mistake-bg:#fbe9e7;--quality-blunder-bg:#ffebee}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-pri);overflow:hidden}#root{background:var(--bg-0)}::selection{background:var(--accent-dim);color:var(--text-pri)}:focus-visible{outline:1px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-dim);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-sec)}*{scrollbar-width:thin;scrollbar-color:var(--text-dim) transparent}@keyframes badge-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.page-enter{animation:.15s ease-out fade-in}button,a,[role=button]{transition:background-color .15s,color .15s,border-color .15s,box-shadow .15s,transform .1s}button:active:not(:disabled),[role=button]:active{transform:scale(.98)}[data-board-container].fast-nav [data-piece-key],[data-board-container].skip-next-animation [data-piece-key]{transition:none!important}@media (width<=767px){#root{padding-bottom:var(--mobile-nav-h)}}