:root,:root[data-theme=classic]{--bg:#0c1714;--surface:#14231f;--surface-2:#1a2e28;--surface-3:#213a32;--panel:#10231d;--panel-2:#11241e;--border:#29453c;--border-strong:#3d6658;--text:#f5f0e5;--text-dim:#b7c3bc;--text-faint:#93aaa0;--accent:#d79a38;--accent-bright:#f0b24c;--accent-deep:#c7892e;--accent-dim:#765729;--accent-rgb:215,154,56;--accent-2:#22d3ee;--on-accent:#14231f;--bg-rgb:12,23,20;--surface-rgb:20,35,31;--border-rgb:41,69,60;--board-light:#d6cfb2;--board-dark:#58705f;--good:#75b798;--warn:#e5b85e;--bad:#dc7b6f;--shadow:0 18px 50px #00000040;--shadow-soft:0 8px 24px #00000029;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=midnight]{--bg:#0a0b12;--surface:#11141f;--surface-2:#191d2e;--surface-3:#262a40;--panel:#11141f;--panel-2:#161a29;--border:#2a3050;--border-strong:#363c5c;--text:#edf0f7;--text-dim:#a3a9cc;--text-faint:#8b93bd;--accent:#8b5cf6;--accent-bright:#b6a2ff;--accent-deep:#6d28d9;--accent-dim:#3b336b;--accent-rgb:139,92,246;--accent-2:#22d3ee;--on-accent:#fff;--bg-rgb:10,11,18;--surface-rgb:17,20,31;--border-rgb:42,48,80;--board-light:#c7cbe6;--board-dark:#454a78;--good:#4ade80;--warn:#fbbf24;--bad:#fb7185;--shadow:0 24px 60px #00000080;--shadow-soft:0 10px 28px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.theme-toggle-btn{border:1px solid var(--border);background:var(--surface-2);width:36px;height:36px;color:var(--text-dim);box-shadow:none;cursor:pointer;border-radius:10px;place-items:center;padding:0;font-size:1rem;line-height:1;transition:color .15s,border-color .15s,background .15s;display:inline-grid}.theme-toggle-btn:hover{color:var(--accent);border-color:var(--border-strong);background:var(--surface-3);transform:none}.theme-toggle-icon{font-size:1.05rem}.theme-switch{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;gap:.25rem;padding:.25rem;display:inline-flex}.theme-switch-opt{color:var(--text-dim);box-shadow:none;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:.35rem;padding:.32rem .7rem;font-size:.74rem;font-weight:750;transition:color .15s,background .15s;display:inline-flex}.theme-switch-opt:hover{color:var(--text);box-shadow:none;transform:none}.theme-switch-opt.active{background:var(--accent);color:var(--on-accent)}.account-theme,.mobile-theme{justify-content:space-between;align-items:center;gap:.6rem;padding:.5rem .2rem;display:flex}.account-theme small,.mobile-theme strong{color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.public-board{background-color:var(--board-light);background-image:conic-gradient(from 90deg,var(--board-dark) 25%,var(--board-light) 0 50%,var(--board-dark) 0 75%,var(--board-light) 0);background-size:25% 25%}.public-piece{z-index:1;color:#111915;place-items:center;font:clamp(1.4rem,3.2vw,2.9rem)/1 Georgia;display:grid}.lb-status{text-align:right;min-width:8.5rem;display:grid;position:relative}.lb-status>span{opacity:0;animation:8.4s linear infinite lbStep;animation-delay:calc(var(--step)*2.1s);grid-area:1/1}.lb-step{animation:8.4s linear infinite lbStepActive;animation-delay:calc(var(--step)*2.1s)}.lb-highlight{z-index:2;pointer-events:none;border-radius:7px;width:12.5%;height:12.5%;animation:8.4s linear infinite lbHighlight;position:absolute;top:37.5%;left:37.5%}.public-board svg.lb-arrow{z-index:3;opacity:0;animation:8.4s linear infinite lbArrow}@keyframes lbStep{0%,24%{opacity:1;transform:none}25%,to{opacity:0;transform:translateY(-3px)}}@keyframes lbStepActive{0%,24%{background:rgba(var(--accent-rgb),.1);color:var(--accent-bright)}25%,to{color:#789187;background:0 0}}@keyframes lbHighlight{0%,24%{opacity:0;box-shadow:none}25%,49%{opacity:1;box-shadow:0 0 0 3px var(--bad),0 0 18px 2px var(--bad)}50%,to{opacity:1;box-shadow:0 0 0 3px var(--good),0 0 18px 2px var(--good)}}@keyframes lbArrow{0%,49%{opacity:0}50%,to{opacity:1}}@media (prefers-reduced-motion:reduce){.lb-status>span,.lb-step,.lb-highlight,.public-board svg.lb-arrow{animation:none}.lb-status>span{display:none}.lb-status>span:first-child{opacity:1;display:block}.lb-highlight,.public-board svg.lb-arrow{opacity:0}}html[data-theme] body{background:radial-gradient(circle at 86% -10%, rgba(var(--accent-rgb),.1), transparent 34%), linear-gradient(135deg, #ffffff03 25%, transparent 25%) 0 0/48px 48px, var(--bg)}