*,:before,:after{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,system-ui,sans-serif}:root{--color-bg-primary:#0d1117;--color-bg-secondary:#161b22;--color-bg-tertiary:#21262d;--color-border:#21262d;--color-border-muted:#30363d;--color-text-primary:#e6edf3;--color-text-secondary:#c9d1d9;--color-text-muted:#8b949e;--color-accent:#58a6ff;--color-accent-bg:#1f3a5f;--color-accent-border:#1f6feb;--color-success:#3fb950;--color-success-bg:#1a3a2a;--color-success-border:#2ea043;--color-danger:#f85149;--color-danger-bg:#3a1a1a;--color-danger-border:#da3633;--color-warning:#d29922;--color-opening:#58a6ff;--color-middlegame:#d29922;--color-endgame:#3fb950;--radius-sm:6px;--radius-md:8px;--radius-lg:12px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}input[type=text],input[type=number]{transition:border-color .15s,box-shadow .15s}input[type=text]:focus,input[type=number]:focus{outline:none;box-shadow:0 0 0 3px #58a6ff26;border-color:var(--color-accent)!important}button{font-family:inherit;transition:opacity .15s,transform .1s}button:hover:not(:disabled){opacity:.88}button:active:not(:disabled){transform:scale(.98)}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.spinner{border:2px solid var(--color-border-muted);border-top-color:var(--color-accent);vertical-align:middle;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:1s linear infinite spin;display:inline-block}.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}