:root{font-family:Avenir Next,Segoe UI,sans-serif;color:#14213d;background:radial-gradient(circle at top,#f5f3e7,#eadfbe 55%,#d6c89f)}*{box-sizing:border-box}body{margin:0;min-height:100vh}.page{max-width:1600px;margin:0 auto;padding:16px;display:grid;grid-template-columns:1fr;gap:12px}.panel{border:1px solid #c4b78f;border-radius:14px;padding:12px;background:#ffffffbf;box-shadow:0 6px 20px #46371c14}.top h1{margin:0 0 6px}.top p{margin:4px 0}.status-text{font-weight:600;color:#8d0801}.board-wrap{overflow:visible;display:flex;justify-content:center}.board{width:min(90vw,740px);aspect-ratio:9 / 10;max-height:86vh;margin:0 auto;position:relative;container-type:inline-size;border-radius:26px;background:linear-gradient(180deg,#d8bf91,#cfb384);overflow:hidden;box-shadow:inset 0 1px #fff8e580}.board-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.outer-frame{fill:none;stroke:#7b522b;stroke-width:5}.board-line{stroke:#6d4728;stroke-width:2.5}.river-text{color:#6d4728;fill:#6d4728;font-family:Kaiti SC,STKaiti,Songti SC,serif;font-size:58px;letter-spacing:.1em}.point-node{cursor:pointer;outline:none}.point-node:focus,.point-node:focus-visible{outline:none}.piece-disc{stroke:#7a5127;stroke-width:4;fill:radial-gradient(circle at 35% 30%,#fff9ea,#f2e4c6 68%,#d8bc8a);filter:drop-shadow(0 2px 4px rgba(30,20,7,.28))}.piece-disc.red,.piece-disc.black{fill:#f4ead3}.piece-glyph{font-family:Kaiti SC,STKaiti,Songti SC,serif;font-size:56px;font-weight:700;dominant-baseline:middle;text-anchor:middle;-webkit-user-select:none;user-select:none;pointer-events:none}.piece-glyph.red{fill:#b80f0a}.piece-glyph.black{fill:#1e1e1e}.point-node.selected .piece-disc{stroke:#b80f0a;stroke-width:5}.point-node.last-from .piece-disc{stroke:#1d3557;stroke-width:5}.point-node.last-to .piece-disc{stroke:#e76f51;stroke-width:6}.last-move-ring{fill:none;stroke-width:3.5;opacity:.95}.last-move-ring.from{stroke:#1d3557}.last-move-ring.to{stroke:#e76f51}.legal-dot{fill:#2b9348;opacity:.72}.controls{display:grid;gap:10px;min-width:0}.control-row{display:flex;align-items:center;gap:10px;justify-content:space-between;min-width:0}.control-actions{display:grid;grid-template-columns:1fr 1fr}.control-field{display:grid;grid-template-columns:1fr;align-items:start;justify-items:start;gap:6px}.control-field select{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.checkbox-row{justify-content:flex-start}.controls button,.controls select,.controls input{font:inherit}.controls button{border:1px solid #8a6f2c;background:wheat;color:#3b2f10;border-radius:8px;padding:8px 12px}.controls button:disabled{opacity:.5;cursor:not-allowed}.ai-thinking{margin:0;color:#0f4c5c;font-weight:600}.move-list{border:1px solid #d5c8a3;border-radius:10px;background:#ffffffb8;padding:8px}.move-list-title{margin:0 0 6px;font-weight:700}.move-list-head,.move-list-row{display:grid;grid-template-columns:40px minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:center}.move-list-head{font-size:12px;color:#6d5c35;border-bottom:1px dashed #d6c79e;padding-bottom:4px}.move-list-body{margin-top:6px;max-height:180px;overflow:auto;display:grid;gap:4px}.move-list-row{font-family:Kaiti SC,STKaiti,Songti SC,serif}.move-list-row span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.move-list-empty{margin:2px 0 0;color:#7a6a43;font-size:13px}@media (min-width: 900px){.page{grid-template-columns:minmax(280px,380px) minmax(620px,820px) minmax(280px,380px);align-items:start;justify-content:space-between;column-gap:20px}.top{grid-column:1;justify-self:start;width:100%}.board-wrap{grid-column:2;width:100%}.controls{grid-column:3;justify-self:end;width:100%}}