:root{font-family:Inter,"Segoe UI","Microsoft YaHei",Arial,sans-serif;color:#243129;background:#f6f8f2;font-synthesis:none;--green:#294e3c;--muted:#727e72;--line:#dce3d4}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #809e50;outline-offset:4px}.bar{border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:22px max(24px,calc((100% - 1200px)/2));gap:20px}.brand{text-decoration:none;font-weight:650;letter-spacing:-.5px;white-space:nowrap}.brand span{color:#708750;margin-inline-end:10px}.bar select,.toolbar select{border:1px solid var(--line);border-radius:8px;background:transparent;padding:8px 12px;max-width:180px}.shell{max-width:1200px;margin:auto;padding:35px 24px 50px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:650}h1{font-size:34px;letter-spacing:-1px;margin:10px 0}h2{font-size:18px;margin:0 0 13px}p{line-height:1.8}.sub{font-size:13px;color:var(--muted);margin:0}.index{font-family:Georgia,serif;font-style:italic;font-size:50px;color:#c5cdbb}.layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px}.panel{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden}.toolbar{display:flex;gap:16px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:17px 22px;font-size:12px;flex-wrap:wrap}.toolbar label{display:flex;gap:8px;align-items:center}.metrics{display:flex;justify-content:space-between;gap:12px;padding:20px 25px;border-bottom:1px solid var(--line)}.metrics>div{display:flex;flex-direction:column;gap:5px}.metrics small{font-size:10px;color:var(--muted)}.metrics strong{font-size:21px;font-weight:550}.actions{display:flex;align-items:center;gap:9px;padding:16px 22px;flex-wrap:wrap;border-top:1px solid var(--line)}button.action,.actions button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 15px;font-size:12px;min-height:41px}.actions .primary,.primary{background:var(--green);color:white;border:1px solid var(--green);border-radius:8px;padding:11px 20px;cursor:pointer}.actions .primary{margin-inline-start:auto}.status{font-size:12px;line-height:1.8;padding:14px 22px;background:#eff5e7;margin:0;color:#486038;min-height:52px}.status.error{background:#fff0e7;color:#9b492e}.side-card{border:1px solid var(--line);background:#fff;padding:23px;border-radius:14px;margin-bottom:16px}.side-card p,.side-card li{font-size:12px;color:var(--muted);line-height:1.9}.side-card ol{padding-inline-start:20px}.rule{display:flex;gap:12px;align-items:flex-start;margin-top:17px}.rule>b{display:grid;place-items:center;border-radius:8px;background:#eef3e4;width:30px;height:30px;flex-shrink:0;font-size:16px;color:#688448}.rule p{margin:0}.credits{font-size:11px;color:var(--muted);line-height:1.9;margin-top:25px;max-width:900px}.save-note{font-size:10px;color:var(--muted);margin-top:16px}.board-wrap{padding:27px;background:#f9fbf7}.star-board{display:grid;gap:0;width:min(100%,430px);margin:auto;direction:ltr;aspect-ratio:1;border:2px solid #647562;border-radius:9px;overflow:hidden}.tile{position:relative;display:grid;place-items:center;min-width:0;border:1px solid #ffffff75;background:var(--tile);font-size:29px;padding:0;line-height:1;color:#344638;font-family:Arial,sans-serif}.tile .region{position:absolute;inset:5px auto auto 6px;font-size:8px;opacity:.55}.tile.conflict{color:#a73724;box-shadow:inset 0 0 0 3px #cb5847}.tile.highlight{box-shadow:inset 0 0 0 3px #426d38}.tile:hover{filter:brightness(.97)}.mode-switch{display:flex;border:1px solid var(--line);border-radius:7px;overflow:hidden}.mode-switch button{border:0;background:none;font-size:12px;padding:7px 14px}.mode-switch button[aria-pressed=true]{background:var(--green);color:#fff}.progress-dots{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.progress-dots button{border:1px solid var(--line);background:#fff;border-radius:6px;font-size:11px;height:31px}.progress-dots button.current{border-color:#557945;box-shadow:0 0 0 1px #557945}.progress-dots button.complete{background:#e5efcf;color:#4e713b}.legend{display:flex;gap:14px;align-items:center;font-size:10px;color:var(--muted);padding:12px 22px;border-bottom:1px solid var(--line);flex-wrap:wrap}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:9px;height:9px;background:#72a894;display:inline-block;border-radius:50%}.legend .enemy{background:#d59270}.legend .neutral{background:#c5c9ba}.battle-map{position:relative;width:100%;aspect-ratio:1.5;background-color:#f0f3e9;background-image:radial-gradient(#d3ddc6 1px,transparent 1px);background-size:22px 22px;direction:ltr}.battle-map svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.edge{stroke:#c4ceba;stroke-width:.6;fill:none}.edge.friendly{stroke:#70a18c;stroke-width:1}.edge.enemy{stroke:#ca9a80;stroke-width:1}.node{position:absolute;transform:translate(-50%,-50%);border:2px solid #bec7b2;border-radius:50%;width:49px;height:49px;background:#fffdf7;color:#69705f;box-shadow:0 4px 10px #3b513a10;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px;font-size:15px;font-weight:600;transition:box-shadow .15s,transform .15s}.node .type{font-size:11px;font-weight:400}.node .name{position:absolute;top:calc(100% + 7px);font-size:9px;font-weight:400;white-space:nowrap;color:#66745d}.node.own{background:#e3f0e6;color:#355d49;border-color:#739f86}.node.enemy{background:#f8e6da;color:#965d42;border-color:#c38d6e}.node.isolated{border-style:dashed;box-shadow:0 0 0 4px #dfa67d33}.node.selected{box-shadow:0 0 0 5px #cbdcaa;transform:translate(-50%,-50%) scale(1.08)}.node.target{box-shadow:0 0 0 4px #d7e1c4}.node:focus-visible{z-index:3}.battle-hint{font-size:11px;color:var(--muted);padding:13px 22px;line-height:1.8}.logs{list-style:none;padding:0;margin:0}.logs li{font-size:11px;padding:8px 0;border-bottom:1px solid #edf0e8}.logs li:last-child{border:0}.result{padding:20px 24px;background:#eaf1da;display:flex;justify-content:space-between;gap:20px;align-items:center}.result h2{margin-bottom:5px}.result p{font-size:12px;margin:0;color:#62784c}dialog{border:1px solid var(--line);border-radius:16px;padding:27px;width:min(440px,calc(100% - 30px));background:#f8faf5;color:#263627}dialog::backdrop{background:#20342677}dialog p{font-size:14px;line-height:1.8}dialog .dialog-actions{display:flex;gap:10px;justify-content:flex-end}dialog button{border:1px solid var(--line);border-radius:8px;padding:10px 17px;background:#fff}[hidden]{display:none!important}@media(max-width:800px){.layout{grid-template-columns:1fr}.side{display:grid;grid-template-columns:1fr 1fr;gap:14px}.side-card{margin:0}.side-card:last-child:nth-child(odd){grid-column:1/-1}.shell{padding-top:25px}.bar{padding:18px 24px}}@media(max-width:480px){.shell{padding:22px 15px 35px}.bar{padding:17px 16px}.bar select{max-width:133px;font-size:12px}.heading{margin-bottom:18px}h1{font-size:29px}.index{font-size:35px}.sub{font-size:11px}.toolbar{padding:13px 15px;gap:10px}.toolbar label{font-size:11px}.toolbar select{padding:7px;font-size:11px}.metrics{padding:16px}.metrics strong{font-size:19px}.board-wrap{padding:19px}.tile{font-size:24px}.tile .region{font-size:7px;inset:4px auto auto 4px}.actions{padding:13px;gap:7px}.actions button{font-size:11px;padding:8px 10px}.status{padding:12px 16px;font-size:11px}.side{grid-template-columns:1fr}.side-card{padding:19px}.side-card p{font-size:12px}.battle-map{aspect-ratio:1.08}.node{width:35px;height:35px;font-size:12px}.node .type{font-size:8px}.node .name{font-size:7px;top:calc(100% + 5px)}.legend{gap:10px;padding:12px 16px}.battle-hint{padding:11px 16px}.result{padding:16px;flex-wrap:wrap}.result h2{font-size:17px}}