:root{--bg:#0f1216;--panel:#171b21;--panel-2:#1e232b;--border:#2a313b;--text:#e6e9ee;--muted:#8b95a3;--accent:#5aa9ff;--good:#46c38b;--bad:#ef6b6b;--warn:#e8b04a;--sq-light:#e9e2d0;--sq-dark:#9a7b5b;--sq-sel:#f4d35e;--sq-last:#5aa9ff73;--sq-target:#46c38b8c;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}:root[data-theme=light]{--bg:#f5f6f8;--panel:#fff;--panel-2:#f0f2f5;--border:#d9dde3;--text:#1b1f24;--muted:#5b6573}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#f5f6f8;--panel:#fff;--panel-2:#f0f2f5;--border:#d9dde3;--text:#1b1f24;--muted:#5b6573}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;font:14px/1.45 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent)}.app{grid-template-columns:210px 1fr;min-height:100vh;display:grid}.nav{background:var(--panel);border-right:1px solid var(--border);height:100vh;padding:18px 12px;position:sticky;top:0}.nav h1{letter-spacing:.06em;margin:0 0 4px 6px;font-size:17px}.nav .sub{color:var(--muted);margin:0 0 18px 6px;font-size:12px}.nav button{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:9px 10px;font-size:14px;display:block}.nav button.active,.nav button:hover{background:var(--panel-2)}.nav .foot{color:var(--muted);font-size:12px;position:absolute;bottom:16px;left:12px;right:12px}.main{min-width:0;padding:22px 26px}.main h2{margin:0 0 14px;font-size:20px}.main h3{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:18px 0 10px;font-size:15px;font-weight:600}.row{flex-wrap:wrap;align-items:flex-start;gap:14px;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;display:grid}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.card .label{color:var(--muted);font-size:12px}.card .value{font-variant-numeric:tabular-nums;word-break:break-word;margin-top:2px;font-size:19px;font-weight:600}.card .small{color:var(--muted);font-size:12px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;min-width:0;margin-bottom:14px;padding:14px}.flex1{flex:380px;min-width:0}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:5px 8px;font-size:13px}th{color:var(--muted);font-weight:600}tr.clickable{cursor:pointer}tr.clickable:hover,tr.selected{background:var(--panel-2)}input,select,textarea{background:var(--panel-2);color:var(--text);border:1px solid var(--border);font:inherit;border-radius:6px;padding:6px 8px}textarea{width:100%;font-family:var(--mono);font-size:12px}button.btn{background:var(--accent);color:#06121f;cursor:pointer;border:0;border-radius:6px;padding:7px 12px;font-weight:600}button.btn.secondary{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}button.btn.danger{background:var(--bad);color:#fff}button.btn:disabled{opacity:.5;cursor:default}.form{grid-template-columns:150px 1fr;align-items:center;gap:8px 10px;max-width:560px;display:grid}.muted{color:var(--muted)}.mono{font-family:var(--mono);font-size:12px}.pill{background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:1px 8px;font-size:12px;display:inline-block}.pill.good{color:var(--good);border-color:var(--good)}.pill.bad{color:var(--bad);border-color:var(--bad)}.pill.warn{color:var(--warn);border-color:var(--warn)}.err{color:var(--bad)}.notice{border-left:3px solid var(--warn);background:var(--panel-2);border-radius:6px;margin-bottom:12px;padding:8px 12px}.board-wrap{align-items:stretch;gap:8px;display:flex}.board{border:2px solid var(--border);-webkit-user-select:none;user-select:none;aspect-ratio:1;border-radius:4px;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);display:grid;overflow:hidden}.sq{cursor:default;justify-content:center;align-items:center;display:flex;position:relative}.sq.light{background:var(--sq-light)}.sq.dark{background:var(--sq-dark)}.sq.last:after{content:"";background:var(--sq-last);position:absolute;inset:0}.sq.sel:after{content:"";background:#f4d35e99;position:absolute;inset:0}.sq.target:before{content:"";background:var(--sq-target);z-index:2;border-radius:50%;width:30%;height:30%;position:absolute}.sq .pc{z-index:1;line-height:1;position:relative}.sq .coord{color:#00000073;z-index:1;font-size:10px;position:absolute}.sq .coord.f{bottom:1px;right:3px}.sq .coord.r{top:1px;left:3px}.sq.interactive{cursor:pointer}.evalbar{border:1px solid var(--border);background:#222;border-radius:4px;width:18px;position:relative;overflow:hidden}.evalbar .w{background:#eee;transition:height .3s;position:absolute;bottom:0;left:0;right:0}.moves{max-height:300px;font-family:var(--mono);font-size:13px;overflow-y:auto}.moves span{cursor:pointer;border-radius:3px;padding:1px 4px}.moves span.cur{background:var(--accent);color:#06121f}.bar{background:var(--accent);border-radius:3px;height:8px}.login{max-width:360px;margin:12vh auto}.kv{grid-template-columns:140px 1fr;gap:3px 10px;font-size:13px;display:grid}.md-table table{margin:6px 0 14px}