:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#0b0f14;color:#e6edf3;font:15px/1.6 system-ui,Segoe UI,PingFang TC,Microsoft JhengHei,sans-serif}.wrap{max-width:620px;margin:0 auto;padding:18px 16px 60px}h1{font-size:20px;margin:0}.sub{color:#8b98a5;font-size:13px}.muted{color:#8b98a5}.small{font-size:12px}b.fp{font-family:Cascadia Code,Consolas,monospace;color:#58a6ff}.cred{color:#f0806c}.cblk{color:#cdd9e5}.topbar{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.room{font-size:12px;color:#8b98a5;font-weight:400;margin-left:6px}button.leave{background:transparent;border:none;color:#8b98a5;font-size:20px;padding:0 8px 0 0;cursor:pointer;vertical-align:middle}button.leave:hover{color:#e6edf3;background:transparent}.statusline{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:13px;background:#131a22;border:1px solid #223;border-radius:10px;padding:8px 12px}.badge{display:inline-flex;align-items:center;gap:6px;font-weight:600}.statusline.trust{margin-top:6px;font-size:12px;background:#0f1720}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.turnbar{text-align:center;padding:8px;font-size:14px;color:#8b98a5}.turnbar .yourturn{color:#3fb950;font-weight:700}.turnbar .result{color:#e6edf3;font-weight:600;font-size:15px}button.big.resign{background:#f8514922;border-color:#f85149}button.big.resign:hover{background:#f8514933}button:disabled{opacity:.45;cursor:not-allowed}.controls.replaybar{gap:8px}.controls.replaybar input[type=range]{flex:1;min-width:120px;accent-color:#58a6ff}.foot{display:block;margin-top:8px}.board{display:block;margin:4px auto;touch-action:manipulation}.board-bg{fill:#ecc57a;stroke:#a5793a;stroke-width:2}.grid line{stroke:#7a5322;stroke-width:1.4}.river{fill:#9a6a2c;font-size:20px;letter-spacing:4px;font-weight:600;opacity:.8}.disc{stroke-width:2}.disc.red{fill:#fbe7cf;stroke:#c0392b}.disc.black{fill:#fbe7cf;stroke:#2c3038}.disc.sel{stroke-width:4;filter:drop-shadow(0 0 4px #3fb950);stroke:#2f8f4e}.glyph{font-size:27px;font-weight:800;pointer-events:none;-webkit-user-select:none;user-select:none}.glyph.red{fill:#c0392b}.glyph.black{fill:#21252b}.target-dot{fill:#2f8f4e;opacity:.8}.target-ring{fill:none;stroke:#2f8f4e;stroke-width:3;opacity:.85}.lastmove{fill:none;stroke:#d29922;stroke-width:2;stroke-dasharray:4 3;opacity:.8}.controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:10px}button{background:#21262d;color:#e6edf3;border:1px solid #30363d;border-radius:8px;padding:6px 12px;font-size:14px;cursor:pointer}button:hover{background:#2d333b}button.big{padding:8px 16px;font-weight:600}button.primary{background:#1f6feb33;border-color:#1f6feb}button.off{background:#f8514933;border-color:#f85149}.lobby{max-width:520px;padding-top:48px}.card{background:#131a22;border:1px solid #223;border-radius:12px;padding:16px;margin:16px 0}.field{display:flex;gap:8px;flex-wrap:wrap}.field input{flex:1;min-width:160px;background:#0d1117;border:1px solid #30363d;color:#e6edf3;border-radius:8px;padding:8px 11px;font-size:14px}.hint{color:#8b98a5;font-size:12px;margin:12px 0 0}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#2d333b;border:1px solid #f85149;color:#ffd7d0;padding:8px 16px;border-radius:20px;font-size:14px;box-shadow:0 6px 20px #0008}