:root{--bg: #141518;--panel: #1d1f23;--panel-2: #272a30;--ink: #ecebe7;--dim: #9c9fa6;--line: #34373e;--accent: #d9b45a;--cell: #2a2d33}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink)}body{font:15px/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,Hiragino Sans,sans-serif}main{max-width:1180px;margin:0 auto;padding:32px 24px 48px}h1{font-size:34px;margin:0 0 8px;letter-spacing:-.01em}h1 span{color:var(--accent);font-weight:600;margin-left:6px}.sub{color:var(--dim);max-width:84ch;margin:0 0 24px}.sub strong{color:var(--ink);font-weight:600}.sub em{color:var(--ink);font-style:normal}.win-t,.sub .win-t{color:#9be3b0}.lose-t,.sub .lose-t{color:#ef6b7b}#wrap{display:flex;gap:28px;align-items:flex-start;flex-wrap:wrap}.stage{flex:1 1 600px;min-width:0}.side{flex:0 1 380px;min-width:280px}h3{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--dim);font-weight:600;margin:0 0 10px}.controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.controls[hidden]{display:none}.sel{color:var(--dim);font-size:13px;display:inline-flex;gap:6px;align-items:center}.chk{cursor:pointer}select,button,input[type=number]{font:inherit;font-size:13px;color:var(--ink);background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:5px 10px;cursor:pointer}button:hover,select:hover{border-color:var(--dim)}button.primary{background:var(--accent);color:#1a1407;border-color:var(--accent);font-weight:600}#boardwrap{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px;overflow-x:auto}#board{width:100%;max-width:500px;height:auto;display:block;margin:0 auto;-webkit-user-select:none;user-select:none}#board .cell .bg{fill:#202227;stroke:#2c2f35;stroke-width:1}#board .cell.edge .bg{fill:#17181b;stroke:#26282d;stroke-dasharray:2 3}#board .cell.pick{cursor:pointer}#board .cell.pick:hover .bg{fill:#2a2c31}#board .coin circle{stroke-width:2}#board .coin.h circle{fill:var(--accent);stroke:#f3dc9c}#board .coin.t circle{fill:#2b2e34;stroke:#43464d}#board .coin.sel circle{stroke:#fff;stroke-width:3.5}#board .coin .cv{text-anchor:middle;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600;pointer-events:none}#board .coin.h .cv{fill:#2a1f05}#board .coin.t .cv{fill:#6f737b}#board .cell.target{cursor:pointer}#board .cell.target.win .bg{fill:#9be3b021}#board .cell.target.lose .bg{fill:#ef6b7b12}#board .cell.target.plain .bg{fill:#d9b45a14}#board .cell.target:hover .bg{fill:#d9b45a38}#board .mark{text-anchor:middle;font-weight:700;pointer-events:none}#board .mark.win{fill:#9be3b0}#board .mark.lose{fill:#ef8b97;opacity:.8}#board .rectline{fill:none;stroke-width:2;pointer-events:none}#board .ring{fill:none;stroke-width:2.5;pointer-events:none}#board .ring.off{stroke-dasharray:2 2}#board .preview{stroke:#fff}#board .rectline.preview{stroke-dasharray:5 4;opacity:.8}#board .lastc{stroke:#7fb4ff}#board .lasth{stroke:#9be3b0}#board .rectline.lastc,#board .rectline.lasth{stroke-dasharray:5 4;opacity:.7}#status{margin-top:10px;color:var(--dim);font-size:14px;min-height:1.6em}#status strong{font-weight:600}#status code{font-size:13px;color:var(--ink)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:18px}.big{font:600 24px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-word}.big.long{font-size:13px;line-height:1.45;max-height:9em;overflow-y:auto}.dim{color:var(--dim)}.small{font-size:12.5px;margin:6px 0 0}.small b{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.verdict{margin:6px 0 0;color:var(--ink)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}#paper ul{list-style:none;margin:0;padding:0;font-size:13px}#paper li{padding:6px 0;border-top:1px solid var(--line)}#paper li:first-child{border-top:0;padding-top:0}#paper .ok{color:#9be3b0;font-weight:700;margin-right:6px}#paper .no{color:#ef6b7b;font-weight:700;margin-right:6px}#paper .info{color:var(--accent);font-weight:700;margin-right:6px}#paper li span.d{color:var(--dim);display:block;font-size:12px}.notes{margin-top:36px;max-width:80ch;color:var(--dim)}.notes h2{color:var(--ink);font-size:18px;margin:24px 0 8px}.notes em{color:var(--ink)}footer{margin-top:36px;color:var(--dim);font-size:13px}footer a,.notes a{color:var(--accent)}#paper li .mono{color:var(--ink)}.explore{display:flex;gap:28px;flex-wrap:wrap;margin-top:30px}.explore .col{flex:1 1 480px;min-width:0}canvas{width:100%;height:auto;display:block;background:#101114;border-radius:8px}.qrow{display:flex;justify-content:space-between;font:14px ui-monospace,SFMono-Regular,Menlo,monospace;padding:2px 0}.qrow b{color:var(--ink)}input[type=number]{width:13ch;cursor:text;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.small-text p{margin:0;color:var(--dim);font-size:13.5px}.small-text em{color:var(--ink);font-style:normal}#tableInfo b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}#calcOut{margin-top:4px}.notes code{color:var(--ink);font-size:13px}
