:root{--bg: #1b1f2a;--panel: #242938;--text: #e6e9f0;--muted: #9aa3b5;--p0: #2f6fdb;--p1: #d1453b;--accent: #f0b429;font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--text)}#app{display:flex;gap:16px;padding:12px;min-height:100vh}.board-wrap{flex:0 0 auto;display:flex;align-items:flex-start}#board{width:480px;height:auto;max-height:calc(100vh - 24px);background:#2b3142;border-radius:8px;user-select:none}.panel{flex:1 1 320px;min-width:320px;max-width:520px;background:var(--panel);border-radius:8px;padding:12px 16px;display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 24px)}h1{font-size:18px;margin:0}.controls,.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.controls label{font-size:13px;color:var(--muted)}.controls label.check{flex-basis:100%}.controls select{margin-left:4px}button{background:#3a4257;color:var(--text);border:0;border-radius:6px;padding:6px 12px;cursor:pointer;font-size:13px}button:hover{background:#475070}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--p0)}button.primary:hover{background:#3f82f0}button.skill{background:#7c3aed}.status{font-size:13px;line-height:1.6;background:#1e2230;border-radius:6px;padding:8px 10px}.status b{color:var(--accent)}.errors{color:#ff8a80;font-size:12px;white-space:pre-line}.log{flex:1 1 auto;overflow:auto;margin:0;padding:0 0 0 28px;font-size:12px;line-height:1.5;color:var(--muted);background:#1e2230;border-radius:6px}.log li{padding:1px 0}.log li.important{color:var(--text);font-weight:600}.overlay{position:fixed;inset:0;background:#0a0c12f5;display:flex;align-items:center;justify-content:center;z-index:10}.overlay[hidden]{display:none}.overlay-card{text-align:center;font-size:20px}.overlay-card button{margin-top:16px;font-size:16px;padding:10px 24px}.edge-road{stroke:#6b7385;stroke-width:2}.edge-rail{stroke:#c9d1e3;stroke-width:6}.edge-rail-inner{stroke:#2b3142;stroke-width:2;stroke-dasharray:6 6}.node-station{fill:#3a4257;stroke:#8891a8;stroke-width:1.5}.node-camp{fill:#4b5570;stroke:#c9d1e3;stroke-width:2}.node-hq{fill:#5a4a2f;stroke:#f0b429;stroke-width:2}.node-hit{fill:transparent;cursor:pointer}.piece-p0{fill:var(--p0)}.piece-p1{fill:var(--p1)}.piece-hidden-p0{fill:#1f3f7a}.piece-hidden-p1{fill:#7a2a24}.piece-text{fill:#fff;font-size:11px;text-anchor:middle;pointer-events:none}.piece-star{fill:#fff;font-size:14px;font-weight:700;text-anchor:middle;pointer-events:none}.piece-hidden-text{fill:#ffffffb3;font-size:16px;text-anchor:middle;pointer-events:none}.piece-stun{fill:none;stroke:#80deea;stroke-width:2;stroke-dasharray:4 3}.piece-revealed{fill:none;stroke:#ffd54f;stroke-width:2}.piece-badge{fill:#ffe082;font-size:9px;text-anchor:end;pointer-events:none}.replay-bar{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.replay-bar input[type=range]{flex:1 1 120px}.replay-bar .pos{font-size:12px;color:var(--muted);min-width:70px;text-align:center}.steps{flex:1 1 auto;overflow:auto;margin:0;padding:0;list-style:none;font-size:12px;line-height:1.5;background:#1e2230;border-radius:6px}.steps li{padding:3px 8px;cursor:pointer;border-left:3px solid transparent;color:var(--muted)}.steps li:hover{background:#2b3142}.steps li.current{background:#2b3142;color:var(--text);border-left-color:var(--accent)}.steps li .idx{display:inline-block;min-width:28px;color:#7e879b}.steps li.tag-good{border-left-color:#4caf50}.steps li.tag-risky{border-left-color:#ff9800}.steps li.tag-blunder{border-left-color:#f44336}.steps li.current.tag-good{border-left-color:#4caf50}.steps li.current.tag-risky{border-left-color:#ff9800}.steps li.current.tag-blunder{border-left-color:#f44336}.tag{font-size:10px;padding:0 4px;border-radius:3px;margin-right:4px;vertical-align:1px}.tag-good .tag{background:#2e5a34;color:#a5d6a7}.tag-risky .tag{background:#6b4a12;color:#ffcc80}.tag-blunder .tag{background:#6b2a24;color:#ef9a9a}.drop{border:2px dashed #3a4257;border-radius:8px;padding:18px;text-align:center;color:var(--muted);font-size:13px}.drop.over{border-color:var(--accent);color:var(--text)}.grave{display:flex;gap:12px;font-size:12px}.grave>div{flex:1;background:#1e2230;border-radius:6px;padding:6px 8px;min-height:30px}.grave b{display:block;margin-bottom:2px}.grave .p0 b{color:#7aa7ff}.grave .p1 b{color:#ff8f85}.sel{fill:none;stroke:var(--accent);stroke-width:3}.hl-move{fill:#4caf508c;stroke:#4caf50;stroke-width:2}.hl-attack{fill:#f443368c;stroke:#f44336;stroke-width:2}.hl-target{fill:#9c27b08c;stroke:#9c27b0;stroke-width:2}.coord{fill:#7e879b;font-size:10px;text-anchor:middle;pointer-events:none}.mountain{fill:#1c2030;stroke:#3a4257;stroke-width:1}