:root{color:#2a2118;background:#efe6d2;font-family:system-ui,PingFang TC,Microsoft JhengHei,Noto Sans TC,sans-serif}*{box-sizing:border-box}body{margin:0}.app{min-height:100vh;padding:16px 12px calc(16px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:12px;display:flex}.title{letter-spacing:6px;color:#7a1f1f;margin:4px 0;font-size:24px}.status{color:#3a2c20;min-height:24px;font-size:18px;font-weight:600}.board{touch-action:manipulation;-webkit-user-select:none;user-select:none;width:100%;max-width:420px;height:auto}.board-bg{fill:#f0d9a8}.river-text{text-anchor:middle;dominant-baseline:central;fill:#6b513a;letter-spacing:6px;font-size:22px}.piece{fill:#f7ecd0;stroke-width:2px}.piece-red{stroke:#b22222}.piece-black{stroke:#1a1a1a}.glyph{text-anchor:middle;dominant-baseline:central;pointer-events:none;font-size:30px;font-weight:700}.glyph-red{fill:#b22222}.glyph-black{fill:#1a1a1a}.selected{fill:none;stroke:#2aa775;stroke-width:3px}.target-dot{fill:#2aa775;opacity:.75}.target-capture{fill:none;stroke:#2aa775;stroke-width:3px}.last-move{fill:#ffd54a;opacity:.35}.reset{color:#fff;cursor:pointer;background:#7a1f1f;border:none;border-radius:999px;margin-top:4px;padding:10px 22px;font-size:16px}.reset:active{transform:translateY(1px)}