:root{--umber-950: #16100a;--umber-900: #201710;--umber-800: #2b2016;--umber-700: #3a2c1e;--ivory-50: #f6f0e2;--ivory-100: #ece2cc;--ivory-rule: #bfa77a;--bronze-300: #d4b27a;--bronze-500: #a87b44;--bronze-600: #8b6436;--bronze-800: #5a3f20;--ink-900: #2a1d12;--ink-700: #4a3826;--crimson: #8e2a1e;--olive: #5f7a3a;--title: "Cinzel", "Times New Roman", serif;--text: "Alegreya Sans", "Segoe UI", system-ui, sans-serif;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-6: 24px;--r-1: 3px;--r-2: 6px;--elev-1: 0 2px 6px rgb(0 0 0 / .35);--elev-2: 0 8px 22px rgb(0 0 0 / .45);--bar: linear-gradient(180deg, var(--umber-800) 0%, var(--umber-900) 100%);--sheet: linear-gradient(180deg, #f2ead8 0%, var(--ivory-100) 100%);--tile: linear-gradient(180deg, var(--ivory-50) 0%, #efe6d2 100%);--bronze-face: linear-gradient(180deg, #b48a52 0%, #9a7142 100%);--key: linear-gradient(180deg, var(--umber-700) 0%, var(--umber-800) 100%);--meander: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M0 .75H12M0 11.25H12M1.5 11.25V3.25H9V8.75H4.5V5.75H6.75' fill='none' stroke='%23d4b27a' stroke-width='1.3'/%3E%3C/svg%3E");--meander-ink: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M0 .75H12M0 11.25H12M1.5 11.25V3.25H9V8.75H4.5V5.75H6.75' fill='none' stroke='%238b6436' stroke-width='1.3'/%3E%3C/svg%3E")}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--umber-900);font-family:var(--text);color:var(--ivory-100);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;overscroll-behavior:none}body{--edge: 16px;--edge-r: max(var(--edge), env(safe-area-inset-right));--edge-b: max(var(--edge), env(safe-area-inset-bottom));--edge-l: max(var(--edge), env(safe-area-inset-left));--hud-top-h: calc(max(4px, env(safe-area-inset-top)) + 47px) ;--train-w: 220px;--focus: var(--bronze-300)}body.touch{--edge: 10px}[hidden]{display:none!important}button{font-family:var(--text);color:inherit;cursor:pointer;touch-action:manipulation}kbd{font-family:var(--text);font-weight:800}:where(button,[role=tab],[tabindex]):focus-visible{outline:2px solid var(--focus);outline-offset:2px}:focus:not(:focus-visible){outline:none}.selection-panel,.hotkey-sheet,.endgame-sheet,.toasts{--focus: var(--ink-900)}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}#app{width:100%;height:100%;position:relative}#game-container{width:100%;height:100%}#game-container canvas{display:block;touch-action:none}#hud{--map-w: 232px;position:absolute;inset:0;pointer-events:none;z-index:10}#hud:has(>.minimap.collapsed){--map-w: 44px}#hud:has(>.minimap.hidden){--map-w: 0px}.help-btn,.explore-btn,.train-btn,.minimap-scout,.minimap-toggle,.place-btn,.idle-btn,.hotkey-close,.endgame-btn,.touch-btn[aria-pressed=true],.menu-tab[aria-pressed=true]{color:var(--ink-900);background:var(--bronze-face);border:1px solid var(--bronze-800);box-shadow:inset 0 1px #ffecc840,0 0 0 1px var(--umber-950),var(--elev-1)}.build-btn,.cmd-btn,.menu-tab{color:var(--ink-900);background:var(--tile);border:1px solid var(--ivory-rule);box-shadow:inset 0 1px #ffffff8c,0 1px 2px #2a1d122e}.touch-btn,.group-btn,.resign-btn,.explore-btn[aria-pressed=true],.cmd-btn[aria-pressed=true]{color:var(--ivory-100);background:var(--key);border:1px solid var(--bronze-600);box-shadow:inset 0 1px #d4b27a29,var(--elev-1)}.selection-panel,.loading-card,.hotkey-sheet,.endgame-sheet,.toast,.res-note,.select-hint{color:var(--ink-900);background:var(--sheet);border:1px solid var(--bronze-600);box-shadow:var(--elev-2)}.hotkey-sheet:before,.endgame-sheet:before{content:"";position:absolute;left:var(--s-3);right:var(--s-3);top:6px;height:8px;background:var(--meander-ink) 0 0 / 8px 8px repeat-x;opacity:.6}.help-btn:hover,.explore-btn:hover,.train-btn:hover,.minimap-scout:hover,.minimap-toggle:hover,.place-btn:hover,.idle-btn:hover,.hotkey-close:hover,.endgame-btn:hover,.build-btn:hover,.cmd-btn:hover,.menu-tab:hover,.group-btn:hover,.resign-btn:hover,.toast:hover{filter:brightness(1.06)}.help-btn:active,.explore-btn:active,.train-btn:active,.minimap-scout:active,.minimap-toggle:active,.place-btn:active,.idle-btn:active,.hotkey-close:active,.endgame-btn:active,.build-btn:active,.cmd-btn:active,.menu-tab:active,.touch-btn:active,.group-btn:active,.resign-btn:active{transform:translateY(1px)}.build-btn:hover,.cmd-btn:hover{border-color:var(--bronze-500)}.hud-top{position:relative;display:flex;align-items:center;gap:var(--s-4);height:var(--hud-top-h);padding:max(4px,env(safe-area-inset-top)) var(--edge-r) 10px var(--edge-l);background:var(--bar);border-bottom:1px solid var(--bronze-600);box-shadow:var(--elev-1)}.hud-top:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:6px;background:var(--meander) 0 0 / 6px 6px repeat-x;opacity:.5}.help-btn{flex:none;width:36px;height:36px;padding:0;pointer-events:auto;border-radius:var(--r-1);font-family:var(--title);font-size:18px;font-weight:700;line-height:1}.logo{display:flex;align-items:center;gap:var(--s-2);flex:none}.logo-icon{width:26px;height:26px}.logo-text{font-family:var(--title);font-size:18px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--bronze-300)}.resource-bar{display:flex;gap:6px;min-width:0;margin-inline:auto}.res{display:flex;align-items:center;gap:6px;min-width:0;padding:3px 10px 3px 6px;border-radius:var(--r-1);background:#00000047;border:1px solid rgb(0 0 0 / .35);box-shadow:inset 0 1px 2px #00000073,0 1px #d4b27a1f;font-variant-numeric:tabular-nums lining-nums;font-weight:800;font-size:16px;line-height:1.2;white-space:nowrap;color:var(--ivory-50)}.res>[id^=res-]{min-width:3ch;flex-shrink:0}.ricon{width:22px;height:22px;flex:none}.res-label{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--bronze-300)}.res-pop{position:relative}.res-pop.capped #res-pop{color:#f2a38c}.res-note{position:absolute;top:calc(100% + 14px);right:0;padding:3px var(--s-2);border-radius:var(--r-1);font-size:13px;font-weight:800;color:var(--crimson);opacity:0;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.res-note.show{opacity:1;transform:none}.hud-hint{min-width:0;font-size:13px;font-weight:500;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ece2cce0}.hud-hint kbd,.place-help kbd{display:inline-block;padding:0 5px;border-radius:var(--r-1);background:var(--ivory-100);border:1px solid var(--bronze-600);font-size:11px;line-height:1.35;color:var(--ink-900)}.hud-bottom{--reserve-l: calc(var(--edge-l) + var(--map-w) + var(--s-4));--reserve-r: calc(var(--edge-r) + var(--train-w) + var(--s-4));--lift: 0px;position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:flex-end;padding:0 var(--reserve-r) calc(var(--edge-b) + var(--lift)) var(--reserve-l)}.selection-panel{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2) var(--s-3);min-width:260px;max-width:100%;max-height:calc(100vh - var(--hud-top-h) - var(--edge-b) - var(--lift) - 56px);overflow-y:auto;padding:12px var(--s-3) var(--s-3);border-radius:var(--r-2);box-shadow:inset 0 2px 0 var(--bronze-500),var(--elev-2);pointer-events:auto;transition:opacity .2s ease,transform .2s ease}.selection-panel.hidden,body.placing .selection-panel{opacity:0;transform:translateY(12px);pointer-events:none}.selection-panel.hidden *,body.placing .selection-panel *{pointer-events:none!important}.unit-portrait{position:relative;width:48px;height:48px;flex:none;padding:3px;border-radius:50%;background:var(--bronze-face);box-shadow:0 0 0 1px var(--bronze-800),inset 0 1px #ffecc84d}.unit-portrait svg{display:block;width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 1px var(--bronze-800)}.unit-portrait:not([data-count=""]):after{content:"×" attr(data-count);position:absolute;right:-8px;bottom:-4px;min-width:22px;padding:1px 5px;border-radius:10px;background:var(--umber-800);border:1px solid var(--bronze-500);font-size:12px;font-weight:800;line-height:1.3;text-align:center;color:var(--ivory-50)}.unit-info{flex:1 1 auto;min-width:0}.unit-info h3{font-family:var(--title);font-size:16px;font-weight:700;letter-spacing:.05em;color:var(--ink-900)}.unit-info p{margin-top:1px;font-size:14px;font-weight:500;color:var(--ink-700)}.build-progress{width:150px;height:7px;margin-top:5px;border-radius:4px;background:#2a1d1229;border:1px solid rgb(42 29 18 / .2);overflow:hidden}.build-progress-fill{width:0;height:100%;background:var(--bronze-500);transition:width .2s linear}.unit-hp{display:flex;align-items:center;gap:7px;margin-top:var(--s-1)}.unit-hp-bar{width:110px;height:7px;flex:none;border-radius:4px;background:#2a1d1229;border:1px solid rgb(42 29 18 / .2);overflow:hidden}.unit-hp-fill{width:100%;height:100%;background:var(--olive);transition:width .2s linear}.unit-hp-fill.low{background:var(--crimson)}.unit-hp-text{font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink-700)}.unit-stats{display:flex;gap:var(--s-2);margin-top:var(--s-1)}.stat-chip{display:inline-flex;align-items:center;gap:2px;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--ink-900)}.stat-icon{width:14px;height:14px;color:var(--crimson)}.explore-btn{display:flex;align-items:center;gap:6px;min-height:36px;padding:4px 8px 4px 6px;pointer-events:auto;border-radius:var(--r-1);font-size:14px;font-weight:800;white-space:nowrap}.explore-btn .eicon{width:20px;height:20px;flex:none;color:var(--umber-800)}.explore-btn kbd{padding:0 4px;border-radius:2px;background:#2a1d1224;border:1px solid rgb(42 29 18 / .4);font-size:11px;line-height:1.3}.explore-btn[aria-pressed=true] .eicon{color:var(--bronze-300)}.explore-btn[aria-pressed=true] kbd{background:#00000040;border-color:var(--bronze-600)}.cancel-build-btn .eicon{width:16px;height:16px;color:var(--crimson)}.menu-tabs,#select-same-btn{display:none}.menu-tab{flex:1 1 0;min-height:44px;padding:6px var(--s-2);pointer-events:auto;border-radius:var(--r-1);font-family:var(--title);font-size:14px;font-weight:700;letter-spacing:.05em}.build-grid{--cols: 6;order:2;flex:1 0 100%;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,124px));gap:6px;padding-top:var(--s-2);border-top:1px solid var(--ivory-rule)}.build-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:58px;padding:5px var(--s-1);pointer-events:auto;border-radius:var(--r-1)}.build-icon{width:24px;height:24px;flex:none}.build-name{max-width:100%;font-size:12.5px;font-weight:800;line-height:1.1;text-align:center;text-wrap:balance;color:var(--ink-900)}.build-cost{display:flex;gap:6px;font-size:12px;font-weight:800;line-height:1.15;font-variant-numeric:tabular-nums;color:var(--ink-700)}.build-cost-part{display:flex;align-items:center;gap:2px}.build-cost-part.short{color:var(--crimson)}.cost-icon{width:13px;height:13px}.build-btn kbd{position:absolute;top:3px;right:3px;padding:1px 3px;border-radius:2px;background:#2a1d1214;border:1px solid rgb(42 29 18 / .32);font-size:11px;line-height:1;color:var(--ink-700)}.build-btn.unaffordable{background:#f6f0e28c;box-shadow:none}.build-btn.unaffordable .build-icon{filter:grayscale(.8);opacity:.5}.build-btn.unaffordable .build-name{color:var(--ink-700)}.train-grid{display:flex;flex-wrap:wrap}.train-tile{flex:1 1 0;min-width:80px;max-width:124px}.train-tile .build-icon{width:32px;height:32px;border-radius:50%;box-shadow:0 0 0 1px var(--bronze-800)}.train-queue{order:2;flex:1 0 100%;display:flex;align-items:center;gap:var(--s-1);min-height:38px;padding:3px;overflow:hidden}.queue-item{position:relative;appearance:none;width:26px;height:26px;flex:none;padding:0;border:0;border-radius:50%;overflow:hidden;pointer-events:auto;background:none;box-shadow:0 0 0 1px var(--bronze-800);opacity:.8}.queue-item.head{width:32px;height:32px;opacity:1;box-shadow:0 0 0 2px var(--bronze-500),0 0 0 3px var(--umber-900)}.queue-icon{display:block;width:100%;height:100%}.queue-fill{position:absolute;left:0;bottom:0;width:0;height:4px;background:var(--bronze-300);box-shadow:0 -1px #2a1d1299}.command-card{order:1;display:flex;align-items:center;gap:var(--s-1)}.command-card.no-stances .stance-btn,.command-card.no-stances .cmd-sep{display:none}.cmd-sep{width:1px;align-self:stretch;margin:2px 3px;background:var(--ivory-rule)}.cmd-btn{position:relative;width:40px;height:40px;flex:none;display:grid;place-items:center;pointer-events:auto;border-radius:var(--r-1);color:var(--umber-800)}.cmd-btn svg{width:22px;height:22px}.cmd-btn kbd{position:absolute;top:1px;right:2px;font-size:10.5px;line-height:1;color:var(--ink-700)}.cmd-btn[aria-pressed=true]{color:var(--bronze-300)}.cmd-btn[data-cmd=stop]{color:var(--crimson)}.selection-panel.enemy{background:linear-gradient(180deg,#8e2a1e1a,#8e2a1e2e),var(--sheet);border-color:var(--crimson);box-shadow:inset 0 2px 0 var(--crimson),var(--elev-2)}.selection-panel.enemy .unit-info h3{color:var(--crimson)}.selection-panel.enemy .unit-portrait{background:linear-gradient(180deg,#b0473a,#7a2418)}.selection-panel.enemy .explore-btn,.selection-panel.enemy .build-grid,.selection-panel.enemy .train-queue,.selection-panel.enemy .command-card{display:none}.place-bar{position:absolute;left:var(--reserve-l);right:var(--reserve-r);bottom:calc(var(--edge-b) + var(--lift));width:fit-content;max-width:calc(100% - var(--reserve-l) - var(--reserve-r));margin-inline:auto;display:flex;align-items:center;gap:var(--s-2);padding:7px var(--s-2) 7px 14px;border-radius:var(--r-2);pointer-events:auto;color:var(--ivory-100);background:var(--bar);border:1px solid var(--bronze-600);box-shadow:inset 0 2px 0 var(--bronze-500),var(--elev-2)}.place-text{display:flex;flex-direction:column;min-width:0;margin-right:var(--s-1)}.place-text b{font-family:var(--title);font-size:15px;letter-spacing:.05em;color:var(--bronze-300)}.place-reason{font-size:13px;font-weight:800;color:#f2a38c}.place-reason:empty{display:none}.place-help{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ece2cce0}.place-help-touch,.place-help-line,body.placing-line .place-help-mouse,body.placing-line .place-help-touch,body.placing-line.touch .place-help-touch{display:none}body.placing-line .place-help-line{display:inline}body.placing-line #place-rotate{display:none}.place-btn{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:50%;font-size:20px;font-weight:800;line-height:1}.place-btn-ok{color:#1f4a12}.place-btn-cancel{color:#6e1a10}.place-bar.invalid .place-btn-ok{opacity:.55;filter:grayscale(.8)}body.fps-mode .place-bar{display:none}.select-hint{position:fixed;z-index:16;left:12px;right:12px;bottom:calc(86px + env(safe-area-inset-bottom));max-width:320px;margin:0 auto;padding:var(--s-2) var(--s-3);border-radius:var(--r-1);text-align:center;pointer-events:none;font-size:14px;font-weight:800}.touch-bar{display:none}.touch-btn{width:54px;height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:var(--r-2);font-size:12px;font-weight:800;letter-spacing:.02em}.touch-btn .ticon{width:22px;height:22px;color:var(--bronze-300)}.touch-btn[aria-pressed=true] .ticon{color:var(--ink-900)}.train-btn{position:absolute;right:var(--edge-r);bottom:var(--edge-b);width:var(--train-w);display:flex;align-items:center;gap:10px;padding:7px 14px 7px var(--s-2);pointer-events:auto;border-radius:var(--r-2);font-family:var(--title);box-shadow:inset 0 1px #ffecc840,0 0 0 1px var(--umber-950),var(--elev-2);transition:transform .1s ease}.train-badge{position:relative;width:44px;height:44px;flex:none}.train-icon{position:absolute;inset:4px;width:36px;height:36px;border-radius:50%;box-shadow:0 0 0 1px var(--bronze-800)}.train-ring{position:absolute;inset:0;width:44px;height:44px;transform:rotate(-90deg);overflow:visible}.train-ring circle{fill:none;stroke-width:3.4}.train-ring-track{stroke:#2a1d1273}.train-ring-fill{stroke:var(--ivory-50);stroke-dasharray:100;stroke-dashoffset:100;stroke-linecap:round;transition:stroke-dashoffset .12s linear}.train-btn:not(.training) .train-ring-fill{opacity:0}.train-text{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0;text-align:left}.train-title{font-size:15px;font-weight:700;letter-spacing:.03em;white-space:nowrap;color:var(--ink-900)}.train-sub{max-width:100%;font-family:var(--text);font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--umber-800)}.train-btn.disabled{opacity:.6;filter:grayscale(.6);cursor:not-allowed}.train-btn.disabled:active{transform:none}.train-btn.training.disabled{opacity:.8;filter:grayscale(.3)}.side-rail{position:absolute;left:var(--edge-l);top:calc(var(--hud-top-h) + var(--s-6));display:flex;flex-direction:column;align-items:center;gap:var(--s-2);pointer-events:none}body.fps-mode .side-rail{display:none}.idle-btn{position:relative;width:48px;height:48px;padding:3px;pointer-events:auto;border-radius:50%}.idle-btn svg{display:block;width:100%;height:100%;border-radius:50%}.idle-count{position:absolute;right:-7px;bottom:-5px;min-width:22px;padding:1px 5px;border-radius:10px;background:var(--crimson);border:1px solid var(--bronze-300);font-size:12px;font-weight:800;line-height:1.3;text-align:center;color:var(--ivory-50)}.idle-btn.none-idle{opacity:.6;filter:grayscale(.6)}.idle-btn.none-idle .idle-count{background:var(--umber-800)}.group-bar{display:flex;flex-direction:column;gap:var(--s-1)}.group-btn{position:relative;width:40px;height:34px;display:flex;align-items:center;justify-content:center;gap:3px;pointer-events:auto;border-radius:var(--r-1)}.group-num{font-family:var(--title);font-size:14px;font-weight:700;color:var(--bronze-300)}.group-count{font-size:12px;font-weight:800}.group-btn.empty{display:none}.rally-flag{display:none;position:fixed;left:0;top:0;width:22px;height:30px;margin:-29px 0 0 -5px;pointer-events:none;z-index:9;filter:drop-shadow(0 1px 1px rgb(0 0 0 / .6))}body.fps-mode .rally-flag{display:none!important}.minimap{position:absolute;left:var(--edge-l);bottom:var(--edge-b);width:var(--map-w);padding:6px;pointer-events:auto;touch-action:none;border-radius:var(--r-2);background:var(--bar);border:1px solid var(--bronze-600);box-shadow:var(--elev-2);transition:opacity .2s ease}.minimap.hidden,body.fps-mode .minimap{display:none}.minimap-frame{position:relative;width:100%;overflow:hidden;cursor:crosshair;border:1px solid var(--bronze-500);border-radius:2px;background:#3c5e2c}.minimap-layer{position:absolute;inset:0;width:100%;height:100%;display:block}.minimap-fog{image-rendering:auto}.minimap-bar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:30px;margin-top:var(--s-1)}.minimap-explored{padding-left:2px;font-size:12px;font-weight:800;letter-spacing:.04em;font-variant-numeric:tabular-nums lining-nums;white-space:nowrap;color:var(--bronze-300)}.minimap-scout{width:30px;height:30px;flex:none;padding:2px;border-radius:50%}.minimap-scout svg{display:block;width:100%;height:100%;border-radius:50%}.minimap-toggle{position:absolute;right:-10px;top:-14px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%}.minimap-toggle svg{width:18px;height:18px}.minimap.collapsed{width:auto;padding:0;background:none;border:0;box-shadow:none}.minimap.collapsed .minimap-frame,.minimap.collapsed .minimap-bar{display:none}.minimap.collapsed .minimap-toggle{position:static;width:44px;height:44px}.minimap.collapsed .minimap-toggle svg{width:26px;height:26px}.minimap-ping{position:absolute;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;border:2.5px solid #ff4a32;box-shadow:0 0 6px #ff4a32cc;pointer-events:none;animation:minimap-ping 1.1s ease-out 3}.minimap-ping.ping-death{border-color:#f0d9a0;box-shadow:none;animation-iteration-count:1}@keyframes minimap-ping{0%{transform:scale(.2);opacity:1}to{transform:scale(1.2);opacity:0}}@keyframes minimap-fade{0%{opacity:1}to{opacity:0}}.select-box{position:fixed;display:none;z-index:20;border:1.5px solid rgb(236 214 160 / .95);background:#d4b27a1f;box-shadow:0 0 0 1px #16100a80;pointer-events:none}.touch-stick{display:none;position:fixed;z-index:15;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#20171026,#20171059);border:2px solid rgb(212 178 122 / .55)}.touch-stick-knob{position:absolute;left:50%;top:50%;width:48px;height:48px;border-radius:50%;background:var(--bronze-face);border:1px solid var(--bronze-800);opacity:.85;transform:translate(-50%,-50%)}.press-ring{position:fixed;z-index:20;width:72px;height:72px;border-radius:50%;border:2px solid rgb(246 240 226 / .95);opacity:0;pointer-events:none;transform:translate(-50%,-50%)}body.targeting #game-container canvas{cursor:crosshair}.toasts{position:absolute;left:50%;top:calc(var(--hud-top-h) + var(--s-3));transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;z-index:12}.toast{display:flex;align-items:center;gap:var(--s-2);max-width:100%;padding:5px 14px 5px 6px;border-radius:var(--r-1);pointer-events:auto;text-align:left;font-size:14px;font-weight:800;box-shadow:var(--elev-1);animation:toast-in .35s ease-out;transition:opacity .3s ease,transform .3s ease}.toast.leaving{opacity:0;transform:translateY(-8px)}.toast-icon{width:28px;height:28px;flex:none;padding:2px;border-radius:50%;background:var(--bronze-face);box-shadow:0 0 0 1px var(--bronze-800)}.toast-alert{color:var(--ivory-50);background:linear-gradient(180deg,#9a3426,#7a2418);border-color:#4d140c;--focus: var(--ivory-50);animation:toast-in .35s ease-out,alert-throb .9s ease-in-out .35s 2}.toast-death{font-size:13px;color:var(--crimson)}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes alert-throb{50%{filter:brightness(1.3)}}body.fps-mode .toasts{display:none}.resign-btn{position:absolute;z-index:13;top:calc(var(--hud-top-h) + var(--s-3));right:var(--edge-r);min-height:36px;padding:6px var(--s-3);pointer-events:auto;border-radius:var(--r-1);font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.hotkey-help,.endgame{position:absolute;inset:0;display:flex;justify-content:center;align-items:flex-start;background:#16100abd;pointer-events:auto}.hotkey-help{z-index:28;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));overflow:hidden}.hotkey-sheet,.endgame-sheet{position:relative;max-width:100%;margin:auto;display:flex;flex-direction:column;gap:var(--s-2);padding:24px 18px var(--s-4);border-radius:var(--r-2);overflow-x:hidden}.hotkey-sheet{width:min(680px,100%);max-height:100%;overflow:hidden}.hotkey-title,.endgame-title{margin-top:6px;font-family:var(--title);font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-align:center;color:var(--ink-900)}.hotkey-title{font-size:22px}.hotkey-list{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px var(--s-4);min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.hotkey-list li{display:flex;align-items:baseline;gap:var(--s-2);min-width:0;font-size:14px;line-height:1.3;color:var(--ink-700)}.hotkey-list kbd{flex:none;min-width:1.6em;padding:1px 6px;border-radius:var(--r-1);text-align:center;background:var(--umber-800);border:1px solid var(--umber-950);box-shadow:inset 0 1px #d4b27a2e;font-size:12px;color:var(--ivory-50)}.hotkey-list span{min-width:0;overflow-wrap:anywhere}.hotkey-close,.endgame-btn{flex:none;width:100%;max-width:100%;min-height:44px;padding:var(--s-2) 14px;border-radius:var(--r-2);font-family:var(--title);font-size:16px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.endgame{z-index:30;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}.endgame-sheet{width:min(520px,100%);flex:0 0 auto}.endgame-title{font-size:26px}.endgame-line{font-size:16px;font-weight:700;text-align:center;overflow-wrap:anywhere;color:var(--ink-700)}.endgame-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-2) var(--s-3);min-width:0;margin-top:var(--s-1)}.endgame-chart{min-width:0;display:flex;flex-direction:column;gap:3px}.endgame-chart figcaption{display:flex;align-items:center;gap:6px;min-width:0;font-size:13px;font-weight:800;color:var(--ink-900)}.endgame-chart figcaption span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.endgame-chart figcaption b{margin-left:auto;font-variant-numeric:tabular-nums lining-nums;font-weight:800;color:var(--ink-700)}.endgame-icon{width:18px;height:18px;flex:none}.endgame-plot{display:block;width:100%;max-width:100%;height:64px;border-radius:2px;background:#5a3f2014}.endgame-btn{margin-top:6px}#loading{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));background:radial-gradient(90% 70% at 50% 30%,var(--umber-700) 0%,var(--umber-900) 60%,var(--umber-950) 100%);transition:opacity .4s ease}#loading.is-done{opacity:0;pointer-events:none}.loading-card{width:min(420px,100%);padding:28px 26px 22px;border-radius:var(--r-2);text-align:center;box-shadow:inset 0 2px 0 var(--bronze-500),var(--elev-2)}.loading-kicker{font-family:var(--title);font-size:14px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--bronze-800)}.loading-card h1{margin:var(--s-2) 0 14px;font-family:var(--title);font-size:28px;font-weight:700;letter-spacing:.02em}#loading-stage{min-height:1.4em;font-size:16px;color:var(--ink-700)}.loading-track{height:8px;margin-top:var(--s-4);overflow:hidden;border-radius:99px;background:#2a1d1226;border:1px solid rgb(42 29 18 / .18)}#loading-bar{width:100%;height:100%;transform:scaleX(.08);transform-origin:left center;background:var(--bronze-face);transition:transform .25s ease}body.touch .hud-hint{display:none}body.touch .hud-top{justify-content:center;gap:var(--s-3);height:auto;padding:max(6px,env(safe-area-inset-top)) var(--edge-r) 12px var(--edge-l)}body.touch .help-btn{width:44px;height:44px;font-size:20px}body.touch .resource-bar{gap:var(--s-1);margin-inline:0}body.touch .res{flex-shrink:0;gap:var(--s-1);padding:2px var(--s-2) 2px 5px;font-size:15px}body.touch .ricon{width:20px;height:20px}body.touch .res-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}body.touch .hud-bottom{justify-content:space-between;gap:10px;padding:12px var(--edge-r) var(--edge-b) var(--edge-l)}body.touch .touch-bar{order:-1;display:flex;flex:1 1 auto;gap:var(--s-2);min-width:0;pointer-events:auto}body.touch .touch-btn{width:auto;max-width:54px;min-width:44px;flex:0 1 54px;padding:0 2px}body.touch.fps-mode .rts-only{display:none}body.touch .train-btn{position:static;width:auto;min-height:54px;gap:var(--s-2);padding:5px var(--s-3) 5px 6px}body.touch .train-title{font-size:14px}body.touch .train-sub{font-size:12px}body.touch .selection-panel{position:absolute;left:50%;bottom:100%;transform:translate(-50%);min-width:0;max-width:calc(100% - 32px);max-height:none;overflow:visible;gap:10px;padding:12px 14px 10px 10px}body.touch .selection-panel.hidden{transform:translate(-50%,12px)}body.touch .unit-portrait{width:42px;height:42px}body.touch .unit-info p{overflow:hidden;text-overflow:ellipsis}body.touch .explore-btn{min-width:44px;min-height:44px;padding:4px 10px 4px 7px}body.touch .explore-btn kbd{display:none}body.touch .explore-btn .eicon{width:24px;height:24px}body.touch .menu-tabs:not([hidden]){display:flex;flex:1 0 100%;gap:6px;margin-top:2px;padding-top:var(--s-2);border-top:1px solid var(--ivory-rule)}body.touch #select-same-btn:not([hidden]){display:flex}body.touch:not(.menu-build) #build-grid,body.touch:not(.menu-train) #train-grid,body.touch:not(.menu-train) #train-queue,body.touch:not(.menu-orders) #command-card{display:none}body.touch .build-btn{min-height:56px}body.touch .build-btn kbd,body.touch .cmd-btn kbd{display:none}body.touch .build-icon{width:28px;height:28px}body.touch .train-tile{min-width:64px}body.touch .queue-item,body.touch .queue-item.head{width:44px;height:44px}body.touch .command-card{order:2;flex:1 0 100%;gap:5px;padding-top:var(--s-2);border-top:1px solid var(--ivory-rule)}body.touch .cmd-btn{width:auto;min-width:40px;flex:1 1 0;height:44px}body.touch.menu-build .selection-panel,body.touch.menu-train .selection-panel,body.touch.menu-orders .selection-panel{position:absolute;left:64px;right:8px;bottom:100%;width:auto;max-width:none;max-height:min(42vh,380px);transform:none;overflow-y:auto;align-items:flex-start}body.touch.menu-build .build-name,body.touch.menu-train .build-name{display:block;white-space:normal;text-align:center;line-height:1.15}body.touch.menu-build #build-grid,body.touch.menu-train #train-grid{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}body.touch.menu-orders .command-card{flex-wrap:wrap;width:100%}body.touch.menu-orders .cmd-btn{width:52px;height:52px}body.touch.menu-orders .cmd-btn svg{width:26px;height:26px}body.touch .place-help-mouse{display:none}body.touch .place-help-touch{display:inline}body.touch .place-bar{left:var(--edge-l);right:var(--edge-r);bottom:calc(var(--edge-b) + 70px);max-width:calc(100% - var(--edge-l) - var(--edge-r))}body.touch .place-btn{width:50px;height:50px;font-size:24px}body.touch .minimap{left:auto;bottom:auto;right:var(--edge-r);top:calc(max(6px,env(safe-area-inset-top)) + 64px);width:128px;padding:4px}body.touch .minimap-toggle{right:auto;left:-12px;top:-10px;width:32px;height:32px}body.touch .minimap.collapsed .minimap-toggle{width:44px;height:44px}body.touch .minimap-bar{min-height:16px;margin-top:3px;justify-content:flex-end}body.touch .minimap-scout{position:absolute;left:-16px;top:-6px;width:44px;height:44px;padding:3px}body.touch .toasts{left:var(--edge-l);top:calc(max(6px,env(safe-area-inset-top)) + 64px);transform:none;align-items:flex-start;max-width:calc(100% - 170px)}body.touch .toast{min-height:44px;font-size:13px}body.touch .side-rail{left:var(--edge-l);top:50%;transform:translateY(-50%);gap:6px}body.touch .idle-btn{width:46px;height:46px}body.touch .group-btn{width:44px;height:44px}body.touch .group-btn.empty{display:flex;opacity:.55}body.touch .group-btn.touch-spare{display:none}body.touch .resign-btn{top:calc(max(6px,env(safe-area-inset-top)) + 230px);right:var(--edge-r);min-height:44px;min-width:44px}@media(max-width:1559px){.hud-hint{display:none}}@media(max-width:1199px){#hud{--map-w: 180px}}@media(max-width:1023px){.build-grid{--cols: 4}.res-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@media(max-width:860px){.hud-bottom{--reserve-r: var(--edge-r);--lift: 76px}}@media(max-width:719px){body:not(.touch) .logo{display:none}body.touch .build-name{display:none}body.touch .build-grid{gap:var(--s-1)}body.touch .selection-panel{left:calc(50% + 26px);max-width:calc(100% - 84px)}body.touch .selection-panel:has(.build-grid:not([hidden])),body.touch .selection-panel:has(.command-card:not([hidden])){width:calc(100% - 84px)}body.touch .unit-hp-bar{width:72px}body.touch .cmd-sep{margin:2px 0}body.touch .command-card{gap:3px}body.touch .hud-top{gap:6px}body.touch .resource-bar{gap:2px}body.touch .res{gap:2px;padding:2px;font-size:13px}body.touch .ricon{width:14px;height:14px}}@media(max-width:640px){.hotkey-list{grid-template-columns:minmax(0,1fr)}.hotkey-sheet{padding:20px var(--s-3) var(--s-3)}.hotkey-title{font-size:18px;letter-spacing:.08em}}@media(max-width:600px){#hud{--map-w: 140px}.selection-panel{min-width:0}.build-grid{--cols: 3}body.touch .logo{display:none}}@media(max-width:520px){.endgame-charts{grid-template-columns:minmax(0,1fr)}.endgame-sheet{padding:20px var(--s-3) var(--s-3)}.endgame-title{font-size:22px;letter-spacing:.08em}}@media(max-width:430px){body.touch .train-badge{display:none}body.touch .train-btn{padding:5px var(--s-3)}}@media(max-width:420px){.resign-btn{min-height:44px;padding:var(--s-2) var(--s-3)}}@media(max-width:380px){body.touch .touch-bar{gap:6px}body.touch .train-title{font-family:var(--text);font-weight:800;letter-spacing:.01em}body.touch .explore-btn span{display:none}body.touch .toasts{max-width:calc(100% - 150px)}body.touch .cmd-btn{min-width:34px}body.touch .cmd-btn svg{width:19px;height:19px}}@media(min-width:720px){body.touch .selection-panel{position:static;transform:none;max-width:none}body.touch .selection-panel.hidden{transform:translateY(12px)}body.touch .minimap{width:176px}}@media(max-height:460px){body.touch .minimap{top:calc(max(6px,env(safe-area-inset-top)) + 58px);width:112px}body.touch .idle-btn{width:44px;height:44px}body.touch .group-btn{height:44px}body.touch .side-rail{top:calc(var(--hud-top-h) + 54px);max-height:calc(100dvh - var(--hud-top-h) - 140px);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;transform:none}body.touch .group-btn:nth-child(n+4).empty{display:none}body.touch .selection-panel,body.touch.menu-build .selection-panel,body.touch.menu-train .selection-panel,body.touch.menu-orders .selection-panel{position:absolute;left:64px;right:calc(var(--edge-r) + 140px);bottom:100%;width:auto;max-width:none;max-height:calc(100dvh - var(--hud-top-h) - 88px);transform:none;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;gap:4px 8px;padding:8px}body.touch .selection-panel.hidden,body.touch.placing .selection-panel{transform:translateY(12px)}body.touch .menu-tabs:not([hidden]){margin-top:0;padding-top:4px}body.touch .resign-btn{top:calc(max(6px,env(safe-area-inset-top)) + 52px);right:auto;left:var(--edge-l)}}@media(min-width:720px)and (max-height:460px){body.touch .selection-panel,body.touch.menu-build .selection-panel,body.touch.menu-train .selection-panel,body.touch.menu-orders .selection-panel{left:96px}}@media(prefers-reduced-motion:reduce){.selection-panel,.res-note,.toast,.train-btn,.train-ring-fill,.build-progress-fill,.unit-hp-fill,.minimap,#loading-bar{transition:none}.toast,.toast-alert{animation:none}.minimap-ping,.minimap-ping.ping-death{animation:minimap-fade 2s linear 1}}