:root{--ink: #1f2328;--muted: #6b7280;--win: #2e7d32;--winbg: #eaf4ea;--loss: #c0392b;--lossbg: #fbecea;--draw: #6b7280;--drawbg: #f1f2f4;--accent: #d98a2b;--board: #efe7d4;--line: #4a4036}*{box-sizing:border-box}html,body{height:100%}body{font-family:-apple-system,Segoe UI,Helvetica,Arial,sans-serif;color:var(--ink);margin:0;padding:10px 16px;line-height:1.5;display:flex;flex-direction:column;gap:10px;overflow:hidden;background:#fcfbf8}.site-header{flex:0 0 auto;display:flex;align-items:center;gap:4px 14px;flex-wrap:wrap}.site-header h1{margin:0;font-size:1.22rem;letter-spacing:-.01em}.tagline{color:var(--muted);font-size:.86rem}.hlinks{margin-left:auto;display:flex;align-items:center;gap:16px;font-size:.86rem}.hlinks a{color:var(--accent);text-decoration:none;font-weight:600}.hlinks a:hover{text-decoration:underline}.sizes{display:inline-flex;border:1px solid #ddd6c6;border-radius:8px;overflow:hidden}.sizes button{font:inherit;font-size:.82rem;font-weight:600;padding:4px 11px;border:0;border-left:1px solid #ddd6c6;background:#fff;color:#6a6256;cursor:pointer}.sizes button:first-child{border-left:0}.sizes button.active{background:var(--accent);color:#fff}.main{flex:1 1 auto;min-height:0;display:flex;gap:24px;align-items:stretch;justify-content:center}.left{flex:0 1 auto;min-width:0;display:flex;justify-content:center;align-items:center}.board-wrap{background:var(--board);border-radius:14px;padding:1.4rem;box-shadow:0 1px 3px #0000001f}#board{display:block;width:min(70vh,600px);height:auto;touch-action:none}.edge{stroke:var(--line);stroke-width:.05;stroke-linecap:round}.stone{stroke:#1c1813;stroke-width:.03}.stone.white{fill:#fbf8f1}.stone.black{fill:#2a2520}.clickable{cursor:pointer}.node{fill:#f1ead8;stroke:#c7bb9d;stroke-width:.022}.node.win{stroke:var(--win);stroke-width:.06}.node.draw{stroke:var(--draw);stroke-width:.055}.node.loss{stroke:var(--loss);stroke-width:.06}.node.unknown{stroke:#b9b2a3;stroke-width:.05}.node.neutral{stroke:#7c98c0;stroke-width:.06}.node.selected{stroke:var(--accent);stroke-width:.07;stroke-dasharray:.1 .08}.node.capture{stroke:var(--loss);stroke-width:.08}.node.hot{stroke-width:.09}.lbl{fill:#574e3e;font-size:.46px;font-weight:700;font-family:ui-monospace,Menlo,monospace;pointer-events:none}.panel{flex:0 0 340px;min-width:290px;display:flex;flex-direction:column;min-height:0;border:1px solid #e7e7ea;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d;background:#fff}.verdict{flex:0 0 auto;padding:12px 16px;font-weight:700;font-size:1.05rem;border-left:5px solid var(--draw)}.verdict.win{background:var(--winbg);border-left-color:var(--win);color:#225c25}.verdict.loss{background:var(--lossbg);border-left-color:var(--loss);color:#93271a}.verdict.draw{background:var(--drawbg);border-left-color:var(--draw)}.controls{flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:8px 12px;border-top:1px solid #eee;background:#fbfaf6}.controls button{font:inherit;font-size:.88rem;padding:3px 10px;border:1px solid #d4d4d8;background:#fff;border-radius:7px;cursor:pointer}.controls button:hover:not(:disabled){background:#f3f3f3}.controls button:disabled{opacity:.45;cursor:default}.counts{margin-left:auto;font-size:.76rem;color:#8a8270;text-align:right;line-height:1.3}.secthdr{flex:0 0 auto;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9a8a62;padding:9px 14px 4px;border-top:1px solid #eee}.secthdr .sub-note{font-weight:600;color:#c4b893;text-transform:none;letter-spacing:0}.line{flex:0 0 auto;max-height:88px;overflow-y:auto;padding:0 0 4px}.lrow{display:grid;grid-template-columns:26px 1fr 1fr;align-items:center;gap:4px;padding:1px 12px}.lnum{color:#9aa0a6;font-variant-numeric:tabular-nums;font-size:.8rem}.ply{font-family:ui-monospace,Menlo,monospace;padding:2px 7px;border-radius:6px;cursor:pointer;color:#333;font-size:.86rem}.ply:hover{background:#efe9da}.ply.cur{background:var(--accent);color:#fff}.lempty{color:#b9b3a4;padding:4px 14px;font-size:.86rem}.moves{flex:1 1 auto;min-height:0;overflow-y:auto}.grouphdr{font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:9px 16px 3px}.grouphdr.win{color:var(--win)}.grouphdr.loss{color:var(--loss)}.grouphdr.draw{color:var(--muted)}.move{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 16px;border-bottom:1px solid #f3f3f5;cursor:pointer;font-size:.94rem}.move:hover{background:#faf7ef}.move .mv{font-family:ui-monospace,Menlo,monospace}.badge{font-size:.74rem;font-weight:700;padding:2px 9px;border-radius:11px;white-space:nowrap;min-width:30px;text-align:center}.badge.win{background:var(--win);color:#fff}.badge.loss{background:var(--loss);color:#fff}.badge.draw{background:#d7dade;color:#333}.legend{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.82rem;color:#555;padding:10px 16px 6px;border-top:1px solid #eee}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:12px;height:12px;border-radius:4px;display:inline-block}.legend i.win{background:var(--win)}.legend i.draw{background:#c7cbd1}.legend i.loss{background:var(--loss)}.credit{flex:0 0 auto;font-size:.74rem;color:#9a9384;margin:0;padding:6px 16px 12px}.credit a{color:#6a6256}@media (max-width: 860px),(max-height: 620px){body{overflow:auto;height:auto}.main{flex-wrap:wrap}.left{flex-basis:100%}.panel{flex-basis:100%;flex:1 1 100%}#board{width:min(92vw,420px)}.moves{max-height:40vh}}