:root{--paper: #F4EFE4;--paper2: #E8E1D1;--ink: #1E1B17;--ink2: #3A3733;--muted: #5C564C;--rule: #D9D1C0;--verm: #B8432F;--gold: #C9A227;--gold-dark: #8A6A10;--horde: #4A3A5C;--font-display: "Ma Shan Zheng", "Noto Serif SC", serif;--font-body: "Noto Serif SC", Georgia, serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--ink);color:var(--paper);font-family:var(--font-body);-webkit-text-size-adjust:100%}#app{height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px max(12px,env(safe-area-inset-left,0px)) 8px max(12px,env(safe-area-inset-right,0px));background:#171311;border-bottom:1px solid #3A302A;flex-wrap:wrap}.topbar h1{margin:0;font-family:var(--font-display);font-weight:400;font-size:26px;letter-spacing:.04em}.topbar .sub{font-size:12px;color:#b5a88f;letter-spacing:.08em}.pills{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pill{padding:6px 12px;border-radius:999px;font-size:13px;font-weight:700;white-space:nowrap}.pill.gold{background:var(--gold);color:var(--ink)}.pill.verm{background:var(--verm);color:var(--paper)}.pill.ink{background:#2a2622;color:var(--paper2);border:1px solid #4A4038}.pill.muted{background:transparent;color:#b5a88f;border:1px solid #3A302A;font-weight:400}.stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#121010}canvas#board{display:block;max-width:100%;max-height:100%;touch-action:none;background:var(--paper);border-radius:8px;box-shadow:0 0 0 1px #3a302a}.hint{position:absolute;left:50%;top:10px;transform:translate(-50%);padding:6px 14px;border-radius:999px;background:#171311ee;color:var(--paper2);font-size:13px;pointer-events:none;white-space:nowrap;max-width:92%;overflow:hidden;text-overflow:ellipsis}.bottombar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px max(12px,env(safe-area-inset-right,0px)) max(8px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));background:#171311;border-top:1px solid #3A302A;flex-wrap:wrap}.squads{display:flex;gap:6px;flex-wrap:wrap}.squad{width:86px;height:60px;padding:6px 8px;border-radius:8px;background:#2a2622;border:1px solid #4A4038;color:var(--paper);display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;font:inherit;text-align:left}.squad.selected{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold) inset}.squad.dead{opacity:.35;cursor:default}.squad.secret{border-style:dashed}.squad .name{font-size:12px;font-weight:700}.squad .state{font-size:10px;color:#b5a88f}.squad .hp{height:5px;border-radius:3px;background:#4a4038;overflow:hidden}.squad .hp>i{display:block;height:5px;background:var(--gold)}.actions{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.row-cmd{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.selpanel{display:flex;flex-direction:column;gap:6px;min-width:0}.selhead{display:flex;gap:6px;align-items:center;font-size:12px;color:#b5a88f}.selhead #sel-title{min-width:64px;font-weight:700;color:var(--paper2)}.btn.small{min-width:44px;height:32px;padding:0 10px;font-size:12px}.squad{touch-action:manipulation;user-select:none;-webkit-user-select:none}.btn{min-width:64px;height:44px;padding:0 12px;border-radius:10px;border:1px solid #B5A88F;background:#2a2622;color:var(--paper);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.btn:disabled{opacity:.35;cursor:default}.btn.armed{background:var(--gold);color:var(--ink);border-color:var(--gold)}.btn.verm{border-color:var(--verm);color:#f0a08a}.btn.verm.armed{background:var(--verm);color:var(--paper)}.btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#121010cc}.overlay[hidden],.hint[hidden]{display:none}.card{width:min(520px,92%);padding:24px;border-radius:14px;background:var(--paper);color:var(--ink);display:flex;flex-direction:column;gap:14px}.card h2{margin:0;font-family:var(--font-display);font-weight:400;font-size:40px;line-height:1}.card p{margin:0;font-size:14px;line-height:1.6;color:var(--ink2)}.card .row{display:flex;gap:8px;flex-wrap:wrap}.card label{font-size:12px;color:var(--muted);letter-spacing:.08em}.card select,.card input{font:inherit;font-size:14px;padding:8px 10px;border:1px solid var(--rule);border-radius:8px;background:#fff;color:var(--ink)}.card .btn{background:var(--ink);color:var(--paper);border-color:var(--ink)}.card .btn.secondary{background:transparent;color:var(--ink)}.card .result{font-family:var(--font-display);font-size:56px;line-height:1;color:var(--verm)}.card .log{max-height:160px;overflow:auto;font-size:12px;color:var(--muted);border-top:1px solid var(--rule);padding-top:8px}.selbox{position:absolute;border:1.5px solid var(--gold);background:#c9a2271f;pointer-events:none;z-index:3;box-sizing:border-box}.selbox[hidden]{display:none}.squad.primary{background:#3a332c}.stage{touch-action:none}