:root{--frame-left:248px;--frame-bottom:156px;--frame-bg:#141612;--frame-line:#2c2e28;--frame-text:#e8e4d8}html,body{background:var(--frame-bg);-webkit-user-select:none;user-select:none;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}#game{left:var(--frame-left);top:0;right:0;bottom:var(--frame-bottom);background:#1d1f1a;position:fixed}#game[hidden]{display:none}#game canvas{cursor:grab}#game canvas.panning{cursor:grabbing}#rail{top:0;left:0;bottom:var(--frame-bottom);width:var(--frame-left);background:var(--frame-bg);border-right:1px solid var(--frame-line);color:var(--frame-text);flex-direction:column;display:flex;position:fixed}#rail[hidden]{display:none}#hud{border-bottom:1px solid var(--frame-line);flex:none;padding:12px 12px 10px;font-size:13px;line-height:1.45}#hud-map{letter-spacing:.01em;font-size:15px;font-weight:700}#hud-clock{font-variant-numeric:tabular-nums;color:#c8c4b8;justify-content:space-between;gap:8px;margin:4px 0 10px;display:flex}#hud-clock.paused,#hud-clock.over{color:#f2c94c;font-weight:600}#hud-help{border-top:1px solid var(--frame-line);color:#9a968c;flex:none;padding:10px 12px 12px;font-size:11px;line-height:1.45}#hud-battle{flex-direction:column;gap:4px;display:flex}.loc{color:#f2c94c;background:#f2c94c29;border-radius:3px;justify-content:space-between;gap:8px;padding:4px 8px;font-size:11px;font-weight:600;display:flex}.loc-allies{color:#9ec0ff;background:#3a6fd859}.loc-axis{color:#ffb0a6;background:#d84a3a59}.loc-contested{color:#f5c08a;background:#f2994a59}#hud-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}#confirm-deploy,#start-battle,#mute-audio{color:#1d1f1a;font:inherit;cursor:pointer;background:#f2c94c;border:0;border-radius:4px;padding:6px 12px;font-weight:700}#confirm-deploy,#start-battle{flex:1}#mute-audio{color:#e8e4d8;background:#ffffff1a;flex:none;min-width:72px}#title{z-index:30;color:#e8e4d8;grid-template-columns:minmax(280px,38%) 1fr;display:grid;position:fixed;inset:0}#title[hidden]{display:none}.title-art,.title-veil{position:absolute;inset:0}.title-art{background-color:#12140f;background-image:url(/title.jpg),linear-gradient(118deg,#1a1e14 0%,#0c0e0a 42%,#1c1810 100%);background-position:50%;background-size:cover}.title-veil{background:linear-gradient(90deg,#0a0c08eb 0%,#0a0c08b8 38%,#0a0c082e 100%)}.title-menu{z-index:1;flex-direction:column;justify-content:center;max-width:420px;padding:48px 40px 48px 44px;display:flex;position:relative}.title-kicker{color:#f2c94c;letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}.title-menu h1{letter-spacing:.02em;margin:0;font-size:clamp(36px,5vw,52px);font-weight:700;line-height:1.05}.title-tag{color:#c8c4b8;margin:10px 0 28px;font-size:15px}.title-actions{flex-direction:column;align-items:stretch;gap:8px;width:min(300px,100%);display:flex}.title-actions button{color:inherit;font:inherit;text-align:left;white-space:nowrap;cursor:pointer;background:#ffffff0a;border:1px solid #e8e4d824;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;padding:11px 16px;font-size:15px;font-weight:600;display:flex}.title-actions button small{color:#9a968c;font-size:11px;font-weight:500}.title-actions button:disabled{opacity:.45;cursor:default}.title-start{color:#1d1f1a!important;background:#f2c94c!important;border-color:#0000!important}.title-start:focus-visible,.title-actions button:focus-visible{outline-offset:2px;outline:2px solid #f2c94c}.title-credits{z-index:2;background:#080907d1;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.title-credits[hidden]{display:none}.title-credits-card{background:#22241f;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;width:min(440px,100%);max-height:min(78vh,560px);padding:22px 24px 18px;display:flex;box-shadow:0 16px 48px #0000008c}.title-credits-card h2{color:#f2c94c;margin:0 0 12px;font-size:20px}.title-credits-body{color:#c8c4b8;flex:1;padding-right:4px;font-size:13px;line-height:1.55;overflow-y:auto}.title-credits-body h3{letter-spacing:.06em;text-transform:uppercase;color:#e8e4d8;margin:16px 0 6px;font-size:12px;font-weight:700}.title-credits-body h3:first-child{margin-top:0}.title-credits-body p{margin:0 0 8px}.title-credits-close{color:#1d1f1a;font:inherit;cursor:pointer;background:#f2c94c;border:0;border-radius:4px;align-self:flex-end;margin-top:16px;padding:8px 18px;font-weight:700}#roster{z-index:20;background:#0c0d0bb8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#roster[hidden]{display:none}.roster-panel{color:#e8e4d8;background:#22241f;border-radius:8px;width:min(520px,100vw - 32px);padding:22px 24px;box-shadow:0 12px 40px #0000008c}.roster-panel h1{margin:0 0 6px;font-size:22px}.roster-budget{color:#f2c94c;margin:0 0 16px;font-weight:600}.roster-budget.over{color:#eb5757}.roster-list{flex-direction:column;gap:10px;display:flex}.roster-row{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;display:flex}.roster-row strong{display:block}.roster-row span{opacity:.7;font-size:12px}.roster-row small{opacity:.55;margin-top:2px;font-size:12px;display:block}.roster-stepper{align-items:center;gap:8px;display:flex}.roster-stepper button{width:28px;height:28px;color:inherit;font:inherit;cursor:pointer;background:#ffffff1a;border:0;border-radius:4px}.roster-stepper button:disabled{opacity:.3;cursor:default}.roster-actions{text-align:right;margin-top:18px}.roster-confirm{color:#1d1f1a;font:inherit;cursor:pointer;background:#f2c94c;border:0;border-radius:4px;padding:8px 18px;font-weight:700}.roster-confirm:disabled{opacity:.35;cursor:default}#result-overlay{left:calc(var(--frame-left) + (100% - var(--frame-left)) / 2);top:calc((100% - var(--frame-bottom)) * .28);z-index:15;color:#e8e4d8;text-align:center;background:#141612f0;border-radius:8px;min-width:280px;padding:20px 24px;position:fixed;transform:translate(-50%);box-shadow:0 8px 32px #00000080}#result-overlay[hidden]{display:none}#result-overlay h2{margin:0 0 8px;font-size:22px}#result-overlay p{opacity:.8;margin:0 0 8px}#result-overlay button{color:#1d1f1a;font:inherit;cursor:pointer;background:#f2c94c;border:0;border-radius:4px;margin-top:8px;padding:6px 14px;font-weight:700}#order-menu{z-index:10;color:#e8e4d8;background:#141612f2;border-radius:6px;min-width:190px;padding:4px;font-size:13px;position:fixed;box-shadow:0 4px 16px #00000080}#order-menu[hidden]{display:none}#order-menu button{font:inherit;color:inherit;cursor:pointer;border:0}#order-menu .order{text-align:left;background:0 0;border-radius:4px;justify-content:space-between;gap:12px;width:100%;padding:6px 10px;display:flex}#order-menu .order small{opacity:.55}#order-menu .order:hover:not(:disabled){background:#f2c94c2e}#order-menu .order:disabled{opacity:.35;cursor:default}#order-menu .floor-picker{opacity:.9;border-bottom:1px solid #ffffff1a;align-items:center;gap:4px;margin-bottom:4px;padding:4px 10px 6px;display:flex}#order-menu .floor-picker button{background:#ffffff14;border-radius:4px;padding:2px 8px}#order-menu .floor-picker button.active{color:#1d1f1a;background:#f2c94c}#unit-bar{flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.unit-card{width:100%;min-width:0;color:var(--frame-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border-top:0;border-bottom:1px solid #ffffff0f;border-left:3px solid #0000;border-right:0;border-radius:0;padding:9px 12px 9px 9px;font-size:12px}.unit-card.selected{background:#f2c94c1a;border-left-color:#f2c94c}.unit-card.eliminated{opacity:.45}.unit-card.eliminated .unit-status,.unit-card.shaken .unit-status{color:#eb5757}.unit-icons{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.badge{letter-spacing:.02em;text-transform:uppercase;border-radius:3px;padding:1px 6px;font-size:10px;font-weight:600}.badge-pinned{color:#1d1f1a;background:#c47d16}.badge-panicked{color:#1d1f1a;background:#e67e22}.badge-routing{color:#fff;background:#eb5757}.badge-ammo{color:#e8e4d8;background:#5a5a52}.unit-name{font-size:13px;font-weight:600}.unit-name kbd{font:inherit;background:#ffffff26;border-radius:3px;margin-right:6px;padding:0 5px;font-size:11px;display:inline-block}.unit-status{color:#f2c94c}.unit-men{opacity:.6}#squad-panel{z-index:5;height:var(--frame-bottom);background:var(--frame-bg);border-top:1px solid var(--frame-line);color:var(--frame-text);box-sizing:border-box;align-items:stretch;gap:16px;padding:10px 14px 12px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden}#squad-panel[hidden]{display:none}#squad-roster{flex-direction:column;flex:auto;min-width:0;display:flex}#hud-tile{color:#9a968c;border-left:1px solid var(--frame-line);flex:0 0 220px;max-width:32%;padding-top:4px;padding-left:14px;font-size:11px;line-height:1.45}#hud-tile:empty{display:none}.squad-empty{color:#6e6b64;align-items:center;height:100%;font-size:13px;display:flex}.squad-head{align-items:baseline;gap:12px;margin-bottom:8px;font-size:13px;display:flex}.squad-head span{opacity:.65}.squad-head span:first-of-type{color:#f2c94c;opacity:1}.squad-men{flex:1;align-items:flex-start;gap:6px;min-height:0;display:flex;overflow-x:auto}.squad-man{background:#ffffff0d;border-radius:0;flex:112px;min-width:112px;max-width:168px;padding:5px 8px;font-size:11px;line-height:1.35}.squad-man.leader{background:#f2c94c1f}.squad-man.down{opacity:.45}.man-name{font-size:12px;font-weight:600}.man-weapon,.man-ammo{opacity:.65}.man-state{color:#f2c94c}