:root{--wood:#f3dcae;--line:#8a5a2b;--bg:#2b2620;--panel:#3a332a}*{box-sizing:border-box}body{background:var(--bg);color:#e8dcc8;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:24px;min-height:100vh;margin:0;padding:20px;font:15px/1.5 -apple-system,PingFang SC,sans-serif;display:flex}#boardwrap{background:var(--wood);border-radius:10px;flex:0 auto;padding:12px;box-shadow:0 8px 30px #00000080}#board{touch-action:manipulation;width:min(94vw,522px);height:auto;display:block}.panel{background:var(--panel);border-radius:10px;width:min(94vw,320px);padding:16px 18px}.panelhead{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.panel h1{margin:0;font-size:17px}.badge{vertical-align:middle;letter-spacing:.06em;background:#7a2e1d;border-radius:5px;padding:2px 7px;font-size:11px}label{opacity:.75;text-transform:uppercase;letter-spacing:.05em;margin:10px 0 3px;font-size:12px;display:block}select,button{color:#e8dcc8;background:#2e2822;border:1px solid #5a4f3f;border-radius:7px;width:100%;padding:9px 10px;font-size:14px}button{cursor:pointer;background:#7a2e1d;border-color:#93402c;font-weight:600}button:hover{background:#93402c}button.secondary{background:#2e2822;font-weight:400}button.icon{background:#2e2822;border-color:#5a4f3f;width:auto;padding:6px 10px;font-size:16px}.row{gap:8px;margin-top:12px;display:flex}#status{background:#2e2822;border-radius:7px;min-height:44px;margin-top:4px;padding:10px 12px;font-size:14px}#status.over{background:#5c3a1e;font-weight:600}#thinkbar{background:#222;border-radius:2px;height:4px;margin-top:8px;overflow:hidden}#thinkfill{background:#2980b9;width:0;height:100%;transition:width .15s}#evalbar{background:#222;border-radius:4px;height:8px;margin-top:8px;overflow:hidden}#evalfill{background:linear-gradient(90deg,#c0392b,#e67e22);width:50%;height:100%;transition:width .4s}#history{opacity:.8;word-spacing:6px;max-height:22vh;margin-top:12px;font:12px/1.7 ui-monospace,monospace;overflow-y:auto}dialog{background:var(--panel);color:#e8dcc8;border:1px solid #5a4f3f;border-radius:12px;width:min(92vw,340px);padding:18px 20px}dialog::backdrop{background:#0000008c}dialog h2{margin:0 0 6px;font-size:16px}@media (max-width:700px){body{gap:12px;padding:10px}#boardwrap{border-radius:8px;padding:8px}.panel{width:min(96vw,522px)}#history{max-height:14vh}}