:root{--bg:#f6f4ef;--fg:#1f1d1a;--muted:#6f6a62;--card:#fff;--line:#e2ded6;--accent:#2f6f4f;--light-sq:#ebe3d3;--dark-sq:#a98a65;--sel:#f2d65c;--last:#f2d65c73;--check:#d9534f;--danger:#a33a36;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#161514;--fg:#ece8e1;--muted:#9b958c;--card:#211f1d;--line:#34312d;--accent:#6bbf8f;--light-sq:#b9a68a;--dark-sq:#7a5f45;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:15px/1.5 ui-sans-serif,system-ui,-apple-system,sans-serif}header{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:12px;padding:14px 16px;display:flex}.brand{color:var(--fg);font-size:18px;font-weight:700;text-decoration:none}.tag,.muted{color:var(--muted);font-size:13px}#whoami{color:var(--muted);margin-left:auto;font:12px ui-monospace,monospace}main{max-width:980px;margin:0 auto;padding:20px 16px 60px}h2{margin:0 0 12px;font-size:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;margin-bottom:16px;padding:16px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}label{color:var(--muted);margin:10px 0 4px;font-size:13px;display:block}input{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--fg);border-radius:6px;padding:8px 10px;font:14px ui-monospace,monospace}button{border:1px solid var(--line);background:var(--card);color:var(--fg);font:inherit;cursor:pointer;border-radius:6px;padding:8px 14px}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.danger{color:var(--danger)}button:disabled{opacity:.5;cursor:default}code{background:var(--bg);border-radius:4px;padding:1px 5px;font:12px ui-monospace,monospace}ul.games{margin:0;padding:0;list-style:none}ul.games li{border-top:1px solid var(--line)}ul.games li:first-child{border-top:0}ul.games a{color:var(--fg);flex-wrap:wrap;align-items:baseline;gap:12px;padding:9px 0;text-decoration:none;display:flex}ul.games a:hover strong{color:var(--accent)}.your-move{color:var(--accent);font-weight:600}.card.narrow{max-width:440px;margin:40px auto}#tabs{scrollbar-width:none;border-bottom:1px solid var(--line);gap:4px;padding:8px 16px 0;display:flex;overflow-x:auto}#tabs:empty{display:none}.tab{white-space:nowrap;color:var(--muted);border:1px solid #0000;border-bottom:0;border-radius:8px 8px 0 0;flex-shrink:0;align-items:center;gap:6px;margin-bottom:-1px;padding:7px 10px 7px 12px;font-size:14px;text-decoration:none;display:flex}.tab:hover{color:var(--fg)}.tab.active{background:var(--bg);border-color:var(--line);color:var(--fg);font-weight:600}.tab.turn{color:var(--fg)}.tab .mark{color:var(--accent);min-width:0;font-size:12px}.tab .mark:empty{display:none}.tab .x{color:var(--muted);border-radius:4px;padding:0 4px;font-size:16px;line-height:1}.tab .x:hover{background:var(--line);color:var(--fg)}.player{align-items:center;gap:8px;padding:8px 2px;font-weight:600;display:flex}.player .muted{font-weight:400}.dot{border:1.5px solid var(--muted);border-radius:50%;flex-shrink:0;width:9px;height:9px}.dot.on{background:var(--accent);border-color:var(--accent)}.error{color:var(--danger)}a{color:var(--accent)}.game{grid-template-columns:minmax(0,560px) minmax(220px,1fr);align-items:start;gap:20px;display:grid}@media (width<=760px){.game{grid-template-columns:1fr}}.board{aspect-ratio:1;border:1px solid var(--line);-webkit-user-select:none;user-select:none;border-radius:6px;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);display:grid;overflow:hidden}.sq{cursor:pointer;border:0;border-radius:0;justify-content:center;align-items:center;padding:0;line-height:1;display:flex;position:relative}.sq.l{background:var(--light-sq)}.sq.d{background:var(--dark-sq)}.sq.last{box-shadow:inset 0 0 0 999px var(--last)}.sq.sel{box-shadow:inset 0 0 0 999px var(--sel)}.sq.check{box-shadow:inset 0 0 0 999px #d9534fa6}.sq.target:after{content:"";background:#00000040;border-radius:50%;width:28%;height:28%;position:absolute}.sq.target.capture:after{background:0 0;border:4px solid #00000040;width:86%;height:86%}.pc{pointer-events:none;width:92%;height:92%;position:relative}.pc svg{width:100%;height:100%;display:block}.coord{opacity:.6;color:#000;font-family:ui-monospace,monospace;font-size:10px;position:absolute}.coord.file{bottom:1px;right:3px}.coord.rank{top:1px;left:3px}.status{margin-bottom:8px;font-size:17px;font-weight:600}.moves{max-height:320px;font:13px/1.8 ui-monospace,monospace;overflow:auto}.moves span.n{color:var(--muted);margin-right:4px}.link{font-size:12px}.link.on{color:var(--accent)}