:root{--bg:#0f1115;--panel:#171a21;--line:#262b36;--text:#e6e8ec;--muted:#8b93a3;--accent:#6ea8fe;--blunder:#e0524f;--mistake:#e8943a;--inaccuracy:#d9c54a;--ok:#4b9e6a}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:14px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--accent);text-decoration:none}.wrap{max-width:1040px;margin:0 auto;padding:24px 20px 64px}h1{margin:0 0 4px;font-size:20px}h2{color:var(--muted);margin:24px 0 10px;font-size:15px;font-weight:600}.muted{color:var(--muted)}.row{flex-wrap:wrap;gap:16px;display:flex}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px 16px}.stats{flex-wrap:wrap;gap:10px;display:flex}.stat{background:var(--panel);border:1px solid var(--line);border-radius:10px;min-width:96px;padding:10px 14px}.stat .n{font-size:22px;font-weight:700}.stat .l{color:var(--muted);font-size:12px}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);padding:8px 10px}th{color:var(--muted);font-size:12px;font-weight:600}tbody tr{cursor:pointer}tbody tr:hover{background:#1d212b}.pill{border-radius:999px;padding:1px 7px;font-size:12px;font-weight:600;display:inline-block}.win{color:#6fd08c}.loss{color:#e0524f}.draw{color:var(--muted)}.review{grid-template-columns:420px 1fr;align-items:start;gap:22px;display:grid}.board{width:420px}.controls{gap:6px;margin-top:10px;display:flex}.controls button{background:var(--panel);color:var(--text);border:1px solid var(--line);cursor:pointer;border-radius:7px;padding:6px 12px}.controls button:hover{border-color:var(--accent)}.moves{flex-wrap:wrap;gap:2px 4px;max-height:160px;display:flex;overflow:auto}.mv{cursor:pointer;border-radius:5px;padding:1px 5px}.mv:hover{background:#1d212b}.mv.cur{background:var(--accent);color:#0b0d12}.mv.blunder{color:var(--blunder);font-weight:700}.mv.mistake{color:var(--mistake);font-weight:700}.mv.inaccuracy{color:var(--inaccuracy)}.mistakes li{border:1px solid var(--line);cursor:pointer;border-radius:8px;margin-bottom:6px;padding:7px 9px;list-style:none}.mistakes li:hover{border-color:var(--accent)}.sev{text-transform:capitalize;font-weight:700}.sev.blunder{color:var(--blunder)}.sev.mistake{color:var(--mistake)}.sev.inaccuracy{color:var(--inaccuracy)}ul{margin:0;padding:0}.spark{display:block}.back{margin-bottom:14px;display:inline-block}