:root{--bg:#0b1216;--fg:#dcfff0;--muted:#7b8a93;--dim:#13272e;--green:#7ef3b6;--amber:#f5c26b;--cyan:#7fd8f2;--red:#ff6b6b}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;padding:0 16px;font:14px ui-monospace,SFMono-Regular,Menlo,monospace}[hidden]{display:none}.muted{color:var(--muted)}.green{color:var(--green)}.amber{color:var(--amber)}.cyan{color:var(--cyan)}.red{color:var(--red)}.bar{border-bottom:1px solid var(--dim);justify-content:space-between;align-items:center;padding:10px 0;display:flex}footer.bar{border-bottom:none;border-top:1px solid var(--dim)}#state.green{color:var(--green)}#state.red{color:var(--red)}.layout{grid-template-columns:minmax(0,1fr) 320px;gap:24px;padding:16px 0;display:grid}@media (max-width:900px){.layout{grid-template-columns:1fr}}.board h1{letter-spacing:.1em;align-items:baseline;gap:16px;margin:16px 0 12px;font-size:20px;display:flex}.board canvas{max-width:100%;image-rendering:pixelated;border:1px solid var(--dim);display:block}.scores{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0;display:grid}.scores>div{flex-direction:column;gap:4px;display:flex}.scores strong{font-size:28px;font-weight:400}.scores>div:first-child strong{color:var(--green)}.scores>div:nth-child(2) strong{color:var(--fg)}.scores>div:nth-child(3) strong{color:var(--muted)}.fill{align-items:center;gap:8px;margin-bottom:16px;display:flex}.fill .track{flex:1}.track{background:var(--dim);width:100%;height:10px;display:inline-block}#probs .track{width:18ch}.track .bar{background:var(--muted);width:0;height:100%;display:block}.controls{flex-wrap:wrap;gap:8px;display:flex}.controls button{background:var(--bg);color:var(--fg);border:1px solid var(--dim);font:inherit;cursor:pointer;padding:6px 10px}.controls button:hover{border-color:var(--green)}.controls button[aria-pressed=true]{border-color:var(--cyan);color:var(--cyan)}.panel h2{align-items:baseline;gap:12px;margin:16px 0 4px;font-size:18px;display:flex}.row{justify-content:space-between;align-items:center;gap:8px;margin:10px 0;display:flex}#probs{margin:0 0 8px;padding:0;list-style:none}#probs li{grid-template-columns:6ch 1fr 5ch;align-items:center;gap:8px;padding:4px 0;display:grid}#probs li .dir,#probs li .val{color:var(--muted)}#probs li.selected .dir,#probs li.selected .val{color:var(--green)}#probs li.selected .bar{background:var(--green)}.metric{align-items:center;gap:8px;margin:8px 0;display:flex}.metric .track{flex:1}.stats{grid-template-columns:auto 1fr;gap:4px 16px;margin:16px 0;display:grid}.stats dt{color:var(--muted)}.stats dd{text-align:right;margin:0}.chessboard{aspect-ratio:1;border:1px solid var(--dim);grid-template-columns:repeat(8,1fr);width:min(100%,512px);display:grid}.square{aspect-ratio:1;cursor:pointer;border:0;place-items:center;padding:0;font-size:clamp(20px,5vw,40px);line-height:1;display:grid}.square.light{background:#2a3b42}.square.dark{background:#1a262b}.square.selected{outline:2px solid var(--green);outline-offset:-2px}.square.target{box-shadow:inset 0 0 0 4px #7ef3b659}.square.last{outline:2px solid var(--amber);outline-offset:-2px}.square.white{color:#f4f4f4}.square.black{color:#101010;text-shadow:0 0 2px #9ab}.square[disabled]{cursor:default}#candidates{margin:0 0 8px;padding:0;list-style:none}#candidates li{grid-template-columns:9ch 1fr 5ch;align-items:center;gap:8px;display:grid}#candidates li.selected .san,#candidates li.selected .val{color:var(--green)}#candidates li.selected .bar{background:var(--green)}#candidates li.best .san:after{content:" ★";color:var(--amber)}.moves{columns:2;color:var(--muted);max-height:160px;padding-left:2ch;list-style:none;overflow:auto}