:root{color-scheme:dark;--ui: 1;--t0: #3fd7e8;--t1: #ffac48;--t2: #e86bd6;--t3: #a8e05a;--neutral: #d8d4b0;--ink: #e6ebef;--muted: #95a1ad;--panel: rgba(14, 19, 25, .92);--panel-solid: #0e1319;--raised: #1a222c;--rule: #2b3642;--active: #f4f1e6;--ready: #6be08a;--warn: #f2ee52;--danger: #ff6b5e;--info: #8fa2ff;--resource: #ffe3a3;--danger-ink: #ffb3aa;--font: "Barlow", ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "Cascadia Mono", Consolas, monospace;--small: calc(12px * var(--ui));--minimap-w: calc(240px * var(--ui));--production-w: calc(416px * var(--ui))}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{background:#14191f;color:var(--ink);font:calc(15px * var(--ui)) / 1.45 var(--font);overflow:hidden;user-select:none;-webkit-user-select:none}#app{position:fixed;inset:0}#game{position:absolute;inset:0}#game{--ui: var(--hud, 1);--small: calc(12px * var(--ui));--minimap-w: calc(240px * var(--ui));--production-w: calc(416px * var(--ui));font-size:calc(15px * var(--ui))}#game>canvas{position:absolute;inset:0;width:100%;height:100%;display:block;outline:none}#screens{position:absolute;inset:0;z-index:10;display:grid;place-items:center;padding:24px;background:linear-gradient(#14191fdb,#14191ff5),repeating-linear-gradient(0deg,transparent 0 47px,rgba(156,154,136,.07) 47px 48px),repeating-linear-gradient(90deg,transparent 0 47px,rgba(156,154,136,.07) 47px 48px),#14191f;overflow:auto}#screens[data-screen=match]{display:none}#screens.over-game{background:#080b0f8c}.panel{background:var(--panel);border:1px solid var(--rule);border-radius:6px;padding:calc(28px * var(--ui)) calc(32px * var(--ui));width:min(100%,calc(460px * var(--ui)));box-shadow:0 18px 60px #00000073}.panel.page{width:min(100%,calc(820px * var(--ui)));max-height:calc(100vh - 48px);overflow:auto}.panel h2{margin:0 0 .6em;font-size:1.45em;letter-spacing:.04em}.panel h3{margin:0 0 .35em;font-size:1.05em;color:var(--active);letter-spacing:.03em}.muted{color:var(--muted)}.title-screen{text-align:center;padding-top:calc(40px * var(--ui));padding-bottom:calc(36px * var(--ui))}.wordmark{margin:0;font-size:2.6em;font-weight:800;letter-spacing:.32em;line-height:normal;width:max-content;white-space:nowrap;position:relative;left:50%;transform:translate(-50%);background:linear-gradient(90deg,var(--t0),#e6ebef 50%,var(--t1));-webkit-background-clip:text;background-clip:text;color:transparent}.wordmark>span{display:block;text-align:center}.wordmark .wm-word{text-transform:uppercase;padding-left:.32em}.wordmark .wm-and{font-size:.34em;font-weight:700;letter-spacing:.5em;padding-left:.5em;text-transform:uppercase;line-height:1.5}.tagline{margin:.4em 0 1.6em;color:var(--muted);letter-spacing:.06em}.stack{display:grid;gap:10px}.actions{display:flex;gap:10px;justify-content:flex-end;margin-top:1.4em}button{font:inherit;color:var(--ink);background:var(--raised);border:1px solid var(--rule);border-radius:4px;padding:.6em 1.2em;cursor:pointer;min-height:calc(40px * var(--ui))}:where(:root:not(.mouse-locked)) button:hover,button.is-hover{border-color:#4a5a6b;background:#212b36}button:focus-visible{outline:2px solid var(--active);outline-offset:2px}button.primary{background:var(--active);border-color:var(--active);color:#0b0f13;font-weight:700}:where(:root:not(.mouse-locked)) button.primary:hover,button.primary.is-hover{background:#fff;border-color:#fff}button.danger{border-color:#6b3530;color:#ffc2bb}.field{display:grid;gap:6px;margin:0 0 1em}.field>span{color:var(--muted);font-size:.9em;letter-spacing:.03em}.seg{display:flex;flex-wrap:wrap;gap:0}.seg button{border-radius:0;margin-left:-1px;flex:1 1 auto;min-width:5.5em}.seg button:first-child{border-radius:4px 0 0 4px;margin-left:0}.seg button:last-child{border-radius:0 4px 4px 0}.seg button[aria-checked=true]{border-color:var(--active);box-shadow:inset 0 0 0 1px var(--active);position:relative;z-index:1;font-weight:700}.slider input{width:100%;accent-color:var(--active)}.loading-screen{text-align:center}.progress{height:10px;border-radius:5px;background:var(--raised);border:1px solid var(--rule);overflow:hidden;margin:1em 0 .6em}.progress i{display:block;height:100%;background:var(--active);transition:width .15s}.result-screen{text-align:center}.result-screen .headline{font-size:2.2em;margin:0;letter-spacing:.08em}.result-screen .reason{font-size:1.15em;margin:.3em 0 .2em}.result-screen .actions{justify-content:center}.pause-screen{width:min(100%,calc(340px * var(--ui)))}.error-text{white-space:pre-wrap;font:.8em/1.4 var(--mono);color:#ffc2bb;max-height:40vh;overflow:auto}.howto{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(320px * var(--ui)),1fr));gap:18px 28px}.howto p,.howto ul{margin:0 0 .6em}.howto ul.units{padding-left:1.1em}.howto li{margin-bottom:.35em}.diagram{width:100%;max-width:calc(280px * var(--ui));display:block;margin:.4em 0}.d-ground{fill:#9c9a88;stroke:#353c43;stroke-width:1}.d-road{fill:#8b8b86}.d-site{stroke:#353c43;stroke-width:1.4}.d-site.t0,.d-hq.t0,.d-unit.t0{fill:var(--t0)}.d-site.t1,.d-hq.t1,.d-unit.t1{fill:var(--t1)}.d-site.none{fill:#ecebe4}.d-hq,.d-unit{stroke:#353c43;stroke-width:1.2}.d-arc{fill:#3fd7e847;stroke:#1c6f79;stroke-width:1}.d-minrange{fill:#7a1f1838;stroke:#7a1f18;stroke-width:1;stroke-dasharray:3 2}.d-box{fill:#ecebe42e;stroke:#ecebe4;stroke-width:1}.d-order{stroke:var(--active);stroke-width:1.4;stroke-dasharray:3 2;fill:none;filter:drop-shadow(0 0 .7px #14191f)}.d-dot{fill:var(--active);filter:drop-shadow(0 0 .7px #14191f)}.d-foot{fill:none;stroke-width:1.6}.d-foot.ok{stroke:var(--ready);filter:drop-shadow(0 0 .7px #14191f)}.d-foot.bad{stroke:var(--danger);stroke-dasharray:3 2;filter:drop-shadow(0 0 .7px #14191f)}.d-arrow{stroke:var(--ready);stroke-width:1.6;fill:none;filter:drop-shadow(0 0 .7px #14191f)}.d-arrowhead{fill:var(--ready);filter:drop-shadow(0 0 .7px #14191f)}.d-ring{fill:none;stroke:#ecebe4;stroke-width:2}.d-ring.contested{stroke:var(--warn);stroke-dasharray:4 3;filter:drop-shadow(0 0 .7px #14191f)}.d-progress{fill:none;stroke:var(--t0);stroke-width:3.2}.d-panel{fill:#0e1319;stroke:#2b3642;stroke-width:.8}.d-panel.alert{stroke:#ff6b5e}.d-label{font:5.2px var(--font);fill:#e6ebef;text-anchor:middle}.d-text{font:600 6px var(--font);fill:#14191f;text-anchor:middle}.hud-top{position:absolute;top:6px;left:50%;transform:translate(-50%);z-index:5;display:grid;justify-items:center;gap:0;padding:calc(3px * var(--ui)) calc(12px * var(--ui)) calc(3px * var(--ui));background:var(--panel);border:1px solid var(--rule);border-radius:6px;width:max-content;max-width:calc(100% - 20px);min-width:min(calc(540px * var(--ui)),calc(100% - 20px));pointer-events:none;font-variant-numeric:tabular-nums;font-size:.93em}.hud-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:calc(14px * var(--ui));width:100%}.hud-side{display:flex;align-items:center;gap:calc(8px * var(--ui));white-space:nowrap;min-width:0}.hud-side.t1{justify-content:flex-end}.hud-name{font-weight:600;letter-spacing:.04em}.hud-side.t0 .hud-name{color:var(--t0)}.hud-side.t1 .hud-name{color:var(--t1)}.hud-side.t0 .hud-name:before,.hud-side.t1 .hud-name:after{content:"";display:inline-block;width:.62em;height:.62em;vertical-align:.05em;border:1px solid #0b0f13}.hud-side.t0 .hud-name:before{background:var(--t0);margin-right:.45em}.hud-side.t1 .hud-name:after{background:var(--t1);margin-left:.5em;transform:rotate(45deg) scale(.9)}.hud-score{font-weight:600}.hud-bar{position:relative;flex:0 1 auto;width:calc(110px * var(--ui));min-width:24px;height:calc(8px * var(--ui));background:#26303b;border-radius:4px;overflow:hidden}.hud-bar i{position:absolute;top:0;bottom:0;width:0;border-radius:4px}.hud-side.t0 .hud-bar i{left:0;background:var(--t0)}.hud-side.t1 .hud-bar i{right:0;background:var(--t1)}.hud-tag{visibility:hidden;font:700 var(--small)/1.25 var(--mono);padding:.05em .4em;border-radius:3px;color:#0b0f13}.hud-side.t0 .hud-tag{background:var(--t0)}.hud-side.t1 .hud-tag{background:var(--t1)}.hud-side.scoring .hud-tag{visibility:visible}.hud-side.t0.scoring .hud-bar{box-shadow:0 0 0 1px var(--t0)}.hud-side.t1.scoring .hud-bar{box-shadow:0 0 0 1px var(--t1)}.hud-mid{display:flex;align-items:center;justify-content:center;gap:calc(10px * var(--ui));min-width:calc(120px * var(--ui))}.hud-clock{font-size:1.3em;font-weight:700;letter-spacing:.04em;line-height:1.15}.hud-clock.overtime{color:var(--warn)}.hud-status{font-size:var(--small);line-height:1.3;color:var(--muted);letter-spacing:.02em;white-space:nowrap}.hud-status[data-majority="0"]{color:var(--t0)}.hud-status[data-majority="1"]{color:var(--t1)}.hud-rule{font-size:var(--small);line-height:1.3;color:var(--warn);font-weight:600;letter-spacing:.02em}.hud-pips{display:flex;gap:calc(11px * var(--ui))}.pip-wrap{display:grid;justify-items:center;gap:calc(2px * var(--ui));pointer-events:auto}.pip-wrap.lost .pip{animation:pip-lost .6s ease-out 1}@keyframes pip-lost{0%{box-shadow:0 0 0 2px var(--warn),0 0 0 5px #f2ee5280}to{box-shadow:0 0 0 2px var(--warn),0 0 0 9px #f2ee5200}}.pip{width:calc(11px * var(--ui));height:calc(11px * var(--ui));border:1.5px solid #0b0f13;box-sizing:border-box}.pip.none{background:#ecebe4;border-radius:50%}.pip.t0{background:var(--t0)}.pip.t1{background:var(--t1);transform:rotate(45deg) scale(.9)}.pip.contested{outline:2px dashed var(--warn);outline-offset:1px}.pip-prog{width:calc(14px * var(--ui));height:calc(4px * var(--ui));border-radius:2px;overflow:hidden;visibility:hidden;background:#26303b}.pip-prog i{display:block;height:100%;width:0}.pip-prog.t0,.pip-prog.t1{visibility:visible}.pip-prog.t0 i{background:var(--t0)}.pip-prog.t1 i{background:var(--t1)}.hud-many .hud-list{display:grid;gap:calc(1px * var(--ui));justify-items:start}.hud-many .hud-side,.hud-many .hud-side.t1{justify-content:flex-start}.hud-many .hud-side.scoring .hud-score{text-decoration:underline}.hud-side.t2 .hud-name,.hud-status[data-majority="2"],.result-screen .headline.t2,.result-stats thead th.t2,.sel-grid .cell.t2{color:var(--t2)}.hud-side.t3 .hud-name,.hud-status[data-majority="3"],.result-screen .headline.t3,.result-stats thead th.t3,.sel-grid .cell.t3{color:var(--t3)}.pip.t2,.pip-prog.t2 i,.sel-head.t2 .team-mark,.result-stats th.t2 .team-mark{background:var(--t2)}.pip.t3,.pip-prog.t3 i,.sel-head.t3 .team-mark,.result-stats th.t3 .team-mark{background:var(--t3)}.map-card .hc-head.t2 .team-mark{border-radius:0;background:var(--t2)}.map-card .hc-head.t3 .team-mark{border-radius:0;background:var(--t3)}.pip-prog.t2,.pip-prog.t3{visibility:visible}.countdown{position:absolute;inset:0;z-index:6;display:grid;place-items:center;pointer-events:none;font-size:calc(140px * var(--ui));font-weight:800;color:#e6ebefeb;text-shadow:0 6px 30px rgba(0,0,0,.55)}#toasts{position:absolute;left:50%;top:calc(104px * var(--ui));transform:translate(-50%);z-index:8;display:grid;gap:6px;justify-items:center;pointer-events:none}.toast{background:#0e1319f0;border:1px solid #6b3530;color:#ffd9d4;padding:.45em 1em;border-radius:4px;font-weight:600;animation:toast-in .15s ease-out}.toast.reject{border-left:4px solid var(--danger)}.toast.note{border-color:var(--rule);color:var(--ink)}#game>canvas.labels{pointer-events:none;z-index:1}#game>canvas#view.targeting{cursor:crosshair}.select-box{position:absolute;z-index:3;pointer-events:none;border:1px solid var(--active);background:color-mix(in srgb,var(--active) 10%,transparent);box-shadow:0 0 0 1px #0b0f13b3}.mode-hint{position:absolute;left:50%;top:calc(66px * var(--ui));transform:translate(-50%);z-index:6;background:#0e1319eb;border:1px solid #3a4652;color:var(--ink);padding:.4em .9em;border-radius:4px;font-size:.92em;pointer-events:none;width:max-content;max-width:min(92vw,56em);text-align:center}.mode-hint .hint-seg{white-space:nowrap}.mode-hint .hint-rule{display:inline-block;width:1px;height:1em;background:#4a5a6b;margin:0 .7em;vertical-align:-.15em}.mode-hint kbd,.hover-card kbd,.result-tip kbd,.settings-screen kbd,.shift-line kbd,.howto kbd{font:600 var(--small)/1 var(--mono);color:#d6dde3;background:#0b0f13;border:1px solid #3a4652;border-radius:3px;padding:.12em .32em;margin:0 .12em}kbd.held{background:var(--active)!important;border-color:var(--active)!important;color:#0b0f13!important}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hud-panel{position:absolute;z-index:5;background:var(--panel);border:1px solid var(--rule);border-radius:6px;font-variant-numeric:tabular-nums;font-size:.92em}.hud-panel .muted{color:var(--muted)}.hud-panel kbd{font:600 var(--small)/1 var(--mono);color:#d6dde3;background:#0b0f13;border:1px solid #3a4652;border-radius:3px;padding:.12em .32em;margin-left:.4em}.kind-glyph{display:inline-grid;place-items:center;line-height:0}.kind-icon{width:calc(15px * var(--ui));height:calc(15px * var(--ui));display:block}.meter{display:block;height:5px;background:#26303b;border-radius:3px;overflow:hidden}.meter>i{display:block;height:100%;background:#ecebe4}.shield .meter>i{background:#a8ecff}.meter.hp.ready>i{background:var(--ready)}.meter.hp.warn>i{background:var(--warn)}.meter.hp.danger>i{background:var(--danger)}.meter.progress>i{background:var(--active)}.meter.cooldown>i{background:var(--active)}.hud-selection{left:calc(20px + var(--minimap-w));right:calc(20px + var(--production-w));bottom:10px;margin:0 auto;max-width:calc(720px * var(--ui));display:grid;grid-template-columns:minmax(0,1fr);gap:6px;padding:8px 10px}.sel-head{display:flex;align-items:baseline;gap:.6em;margin-bottom:4px}.sel-head b{font-size:1.1em;letter-spacing:.03em}.sel-head .muted{font-size:.9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-mark{display:inline-block;width:.7em;height:.7em;border:1px solid #0b0f13}.sel-head.t0 .team-mark{background:var(--t0)}.sel-head.t1 .team-mark{background:var(--t1);transform:rotate(45deg) scale(.9)}.sel-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(118px * var(--ui)),1fr));gap:4px 18px}.stat{display:grid;gap:1px;align-content:start}.stat>span{color:var(--muted);font-size:var(--small);letter-spacing:.02em}.stat>b{font-weight:600;white-space:nowrap}.stat>.meter{margin-top:2px}.sel-grid{display:flex;flex-wrap:wrap;gap:4px}.sel-grid .cell{width:calc(34px * var(--ui));min-height:0;padding:4px 3px;display:grid;gap:3px;justify-items:center;font-weight:700;border-width:1px}.sel-grid .cell.t0{border-color:#1c6f79;color:var(--t0)}.sel-grid .cell.t1{border-color:#8a5a22;color:var(--t1)}.sel-grid .cell.deployed{background:#22303a}.sel-grid .cell .meter{width:100%;height:4px}.sel-grid .cell{position:relative}.sel-grid .cell .cell-glyph{position:absolute;top:-3px;right:-3px;width:max(13px,calc(13px * var(--ui)));height:max(13px,calc(13px * var(--ui)));display:grid;place-items:center;border-radius:50%;background:#0b0f13;box-shadow:0 0 0 1px #3a4652;pointer-events:none}.sel-grid .cell .cell-glyph[hidden]{display:none}.sel-grid .cell .cell-glyph svg{width:max(11px,calc(11px * var(--ui)));height:max(11px,calc(11px * var(--ui)));display:block}.cell-glyph.tint-danger{color:var(--danger)}.cell-glyph.tint-ready{color:var(--ready)}.cell-glyph.tint-active{color:var(--active)}.cell-glyph.tint-info{color:var(--info)}.cell-glyph.tint-warn{color:var(--warn)}.cell-glyph.tint-t0{color:var(--t0)}.cell-glyph.tint-t1{color:var(--t1)}[data-status-icons=off] .sel-grid .cell .cell-glyph{display:none}.sel-orders{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(104px * var(--ui)),1fr));gap:4px;border-top:1px solid var(--rule);padding-top:6px}.sel-orders button{position:relative;overflow:hidden;min-height:calc(28px * var(--ui));padding:.2em .5em;font-size:.92em;white-space:nowrap}.sel-orders button .label,.sel-orders button kbd{position:relative}.sel-orders button[data-state=armed]{border-color:var(--active);box-shadow:inset 0 0 0 1px var(--active)}.sel-orders button[data-state=current],.sel-orders button[data-current]{background:#0b0f13;border-color:#3a4652;box-shadow:inset 0 -2px 0 var(--active)}.sel-orders button[data-state=unavailable]{opacity:.45;cursor:default}.sel-orders button[data-state=cooling]{cursor:default}.sel-orders button .veil{display:none;position:absolute;top:0;bottom:0;right:0;width:var(--veil, 0%);background:#0b0f1366;border-left:2px solid color-mix(in srgb,var(--active) 85%,transparent);pointer-events:none}.sel-orders button[data-state=cooling] .veil{display:block}.sel-orders button .dot{display:none;position:absolute;top:3px;right:3px;width:6px;height:6px;border-radius:50%;background:var(--ready);box-shadow:0 0 0 1px #0b0f13;pointer-events:none}.sel-orders button[data-ready] .dot{display:block;animation:dot-burst .4s ease-out 1}@keyframes dot-burst{0%{box-shadow:0 0 0 1px #0b0f13,0 0 0 1px color-mix(in srgb,var(--active) 95%,transparent)}to{box-shadow:0 0 0 1px #0b0f13,0 0 0 8px color-mix(in srgb,var(--active) 0%,transparent)}}.sel-orders button:disabled{opacity:.45;cursor:default}.sel-head .shift-line{font-size:.9em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}.sel-head .sel-hint{min-width:0;overflow:hidden}.no-key-badges .hud-panel button kbd{display:none}.buy button[aria-disabled=true]{cursor:default}.buy button.poor .kind-glyph,.buy button.poor .name,.buy button.poor kbd{filter:brightness(.62)}.buy button.poor .cost{color:var(--danger-ink)}.buy button.blocked{filter:grayscale(1);opacity:.5}.hud-production{right:10px;bottom:10px;width:var(--production-w);padding:7px 10px 8px;display:grid;gap:6px;max-height:calc(100% - 20px);overflow:auto}.economy{display:grid;grid-template-columns:auto auto auto;justify-content:space-between;align-items:baseline;gap:0 12px}.economy>div{display:flex;align-items:baseline;gap:.45em;white-space:nowrap}.economy span{color:var(--muted)}.economy b{font-weight:700}.economy .credits b{font-size:1.25em;color:var(--resource)}.economy .credits b small{font-size:var(--small);font-weight:600;color:var(--muted)}.economy .credits.full b{color:var(--warn)}.full-chip{align-self:center;font:700 var(--small)/1 var(--mono);letter-spacing:.04em;color:var(--warn);border:1.5px solid var(--warn);border-radius:3px;padding:.12em .3em}.full-chip.pop{animation:chip-pop .3s ease-out 1}@keyframes chip-pop{50%{transform:scale(1.15)}}.economy .cap.at-cap b{color:var(--warn)}.economy .income.lost b{color:var(--muted);text-decoration:line-through}.economy .breakdown{grid-column:1 / -1;color:var(--muted);font-size:var(--small)}.economy .storage-full{grid-column:1 / -1;color:var(--warn);font-size:var(--small);font-weight:600}.buy{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.buy button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;text-align:left;padding:.3em .3em .35em;min-height:0;gap:1px .3em}.buy .name{grid-column:2 / -1;min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.buy button kbd{grid-column:3;grid-row:2;margin-left:0;justify-self:end}.buy .cost{grid-column:1 / 3;grid-row:2;min-width:0;color:var(--muted);font-size:var(--small);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-row{display:flex;align-items:center;gap:8px;min-height:calc(24px * var(--ui))}.queue-head{display:flex;gap:.35em;align-items:baseline;white-space:nowrap}.queue-head span{color:var(--muted)}.queue-head b{font-weight:600}.queue-head b.at-cap{color:var(--warn)}.queue{display:flex;flex-wrap:wrap;gap:4px;flex:1;min-width:0}.queue .empty{margin:0;font-size:var(--small)}.queue .empty.idle{display:flex;align-items:center;gap:.4em;color:var(--info);font-weight:600}.queue .empty.idle .glyph{display:block;width:.9em;height:.9em;background:linear-gradient(90deg,var(--info) 0 35%,transparent 35% 65%,var(--info) 65%)}.hud-production.idle-edge{border-color:var(--info);box-shadow:inset 0 0 0 1px var(--info)}.order{display:grid;grid-template-columns:auto auto auto;align-items:center;gap:1px 5px;padding:1px 3px 2px 5px;border:1px solid var(--rule);border-radius:4px;background:var(--raised)}.order .name{display:none}.order .status{color:var(--muted);font-size:var(--small);white-space:nowrap}.order.pending .status{color:var(--warn)}.order.pending .status:before{content:"";display:inline-block;width:.8em;height:.72em;margin-right:.3em;vertical-align:-.05em;background:var(--warn);clip-path:polygon(50% 0,100% 100%,0 100%)}.order .meter{grid-column:1 / -1;height:3px}.order:not(.active) .meter{visibility:hidden}.order .cancel{min-height:0;padding:0 .45em;line-height:1.25;font-size:1em;font-weight:700}:where(:root:not(.mouse-locked)) .order .cancel:hover,.order .cancel.is-hover{border-color:#6b3530;color:#ffc2bb}.dest{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;border-top:1px solid var(--rule);padding-top:6px}.dest-now{display:flex;gap:.4em;white-space:nowrap}.dest-now span{color:var(--muted)}.dest-now.warn b{color:var(--warn)}.dest-actions{display:flex;gap:4px;flex:1 1 auto}.dest-actions button{flex:1 1 0;min-width:max-content;white-space:nowrap;min-height:0;padding:.25em .5em;font-size:var(--small)}.dest-actions button:disabled{opacity:.45;cursor:default}.dest-then{flex:1 1 100%;display:flex;align-items:center;justify-content:space-between;gap:8px;white-space:nowrap}.dest-then span{color:var(--muted)}.dest-then button{min-height:0;padding:.2em .6em;font-size:var(--small)}.dest-fallback{flex:1 1 100%;color:var(--muted);font-size:var(--small)}.sel-note{margin:4px 0 0;color:var(--muted);font-size:var(--small)}#game.hud-off .hud-top,#game.hud-off .hud-panel,#game.hud-off .hud-corner{display:none!important}.hud-corner{position:absolute;left:10px;bottom:10px;z-index:5;width:var(--minimap-w);display:flex;flex-direction:column;gap:6px;font-variant-numeric:tabular-nums;font-size:.92em}.hud-minimap{background:var(--panel-solid);border:1px solid var(--rule);border-radius:5px;padding:3px}.hud-minimap canvas{display:block;width:100%;height:auto;margin:0 auto;cursor:pointer;border-radius:2px}.hud-minimap{position:relative}.hud-minimap .mm-name{position:absolute;left:0;bottom:calc(100% + 4px);max-width:100%;box-sizing:border-box;padding:1px 6px;border:1px solid var(--rule);border-radius:3px;background:var(--panel-solid);color:var(--ink);font-size:var(--small);line-height:1.3;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;z-index:1}.hud-minimap .mm-name:empty{display:none}.hud-alerts{display:grid;gap:4px}.alert-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.55em;padding:.28em .6em;min-height:0;text-align:left;font-size:.92em;line-height:1.3;background:var(--panel);border:1px solid var(--rule);border-left-width:3px;border-radius:4px;color:var(--ink);animation:toast-in .15s ease-out}button.alert-row{cursor:pointer}:where(:root:not(.mouse-locked)) button.alert-row:hover,button.alert-row.is-hover{background:#1c2530}.alert-row .words{font-weight:600;overflow-wrap:anywhere}.alert-row .age{color:var(--muted);font-size:var(--small);white-space:nowrap}.alert-row .glyph{display:block;width:.9em;height:.9em}.alert-row.attack{border-left-color:var(--danger)}.alert-row.attack .glyph{background:var(--danger);clip-path:polygon(50% 0,100% 100%,0 100%)}.alert-row.relay{border-left-color:var(--warn)}.alert-row.relay .glyph{border:2.5px solid var(--warn);border-radius:50%;box-sizing:border-box}.alert-row.blocked{border-left-color:var(--danger-ink)}.alert-row.blocked .glyph{border:2px solid var(--danger-ink);box-sizing:border-box;background:linear-gradient(45deg,transparent 42%,var(--danger-ink) 42% 58%,transparent 58%)}.alert-row.idle{border-left-color:var(--info)}.alert-row.idle .glyph{background:linear-gradient(90deg,var(--info) 0 35%,transparent 35% 65%,var(--info) 65%)}.result-screen{width:min(100%,calc(520px * var(--ui)))}.result-screen .headline.win{color:var(--ready)}.result-screen .headline.loss{color:var(--danger-ink)}.result-tip{margin:.9em 0 0;text-align:left;color:var(--ink)}.result-screen .headline.t0{color:var(--t0)}.result-screen .headline.t1{color:var(--t1)}.result-stats{width:100%;border-collapse:collapse;margin:1.1em 0 .2em;font-variant-numeric:tabular-nums;text-align:right}.result-stats th,.result-stats td{padding:.35em .5em;border-bottom:1px solid var(--rule)}.result-stats tbody th{text-align:left;font-weight:400;color:var(--muted)}.result-stats thead th{font-weight:700;letter-spacing:.03em}.result-stats thead th.t0{color:var(--t0)}.result-stats thead th.t1{color:var(--t1)}.result-stats td{font-weight:600}.result-stats .team-mark{margin-right:.4em;vertical-align:.02em}.result-stats th.t0 .team-mark{background:var(--t0)}.result-stats th.t1 .team-mark{background:var(--t1);transform:rotate(45deg) scale(.9)}.settings-screen{width:min(100%,calc(1040px * var(--ui)));max-height:calc(100vh - 48px);overflow:auto;padding-top:calc(16px * var(--ui));padding-bottom:calc(16px * var(--ui))}.settings-screen small{display:block;font-size:.82em;margin-top:2px}.settings-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(270px * var(--ui)),1fr));gap:0 calc(26px * var(--ui))}.settings-group{border:0;border-top:1px solid var(--rule);margin:0;padding:.55em 0 0;min-width:0}.settings-col{display:grid;align-content:start;gap:.3em;min-width:0}.settings-group legend{padding:0 .5em 0 0;color:var(--active);font-weight:700;letter-spacing:.06em;font-size:.95em}.settings-group .field{margin-bottom:.5em;gap:3px}.settings-group .field>span{display:flex;justify-content:space-between;align-items:baseline}.settings-group output{color:var(--ink);font-variant-numeric:tabular-nums}.settings-group .seg button{min-height:calc(34px * var(--ui));padding:.35em .8em;min-width:4em}.settings-group .seg.res-list{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.settings-group .seg.res-list button{margin-left:0;border-radius:4px;display:grid;justify-items:center;align-content:center;gap:0;padding:.15em .3em;min-width:0;line-height:1.05}.seg.res-list button b{font-weight:inherit;font-variant-numeric:tabular-nums;white-space:nowrap}.seg.res-list button small{font-size:.72em;color:var(--muted);white-space:nowrap}.seg.res-list .res-short{display:none}@media(max-height:820px){.settings-group .seg.res-list{grid-template-columns:repeat(6,1fr);gap:3px}.seg.res-list button b,.seg.res-list button small{display:none}.seg.res-list .res-short{display:inline;white-space:nowrap;font-variant-numeric:tabular-nums}.settings-group .field{margin-bottom:.3em}}.settings-screen .actions{margin-top:.6em}#screens.over-game .settings-screen,#screens.over-game .panel.page{background:var(--panel-solid)}.pause-summary{margin:-.3em 0 1em;font-variant-numeric:tabular-nums}.confirm-text{margin:-.2em 0 1em}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.toast,.alert-row,.sel-orders button[data-ready] .dot,.full-chip.pop,.pip-wrap.lost .pip{animation:none}.progress i{transition:none}}.reduced-motion .toast,.reduced-motion .alert-row,.reduced-motion .sel-orders button[data-ready] .dot,.reduced-motion .full-chip.pop,.reduced-motion .pip-wrap.lost .pip{animation:none}.reduced-motion .progress i{transition:none}.hover-card{position:absolute;left:0;top:0;z-index:7;pointer-events:none;background:var(--panel-solid);border:1px solid #3a4652;border-radius:6px;box-shadow:0 6px 18px #00000073;padding:calc(8px * var(--ui)) calc(10px * var(--ui)) calc(9px * var(--ui));font-size:calc(13px * var(--ui));line-height:1.35;color:var(--ink);font-variant-numeric:tabular-nums}.hover-card *{pointer-events:none}.hover-card p{margin:0}.hover-card .hc-head{display:flex;align-items:center;gap:.45em;font-size:1.08em;letter-spacing:.02em}.hover-card .hc-head .kind-icon{width:calc(16px * var(--ui));height:calc(16px * var(--ui));color:#cfd8df}.hover-card .hc-shots{display:flex;gap:calc(6px * var(--ui));margin:calc(5px * var(--ui)) 0 calc(4px * var(--ui))}.hover-card .hc-shots figure{position:relative;margin:0;border-radius:4px;border:1px solid #3a4652;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#8d8674,#635e52 70%,#4d4a42)}.hover-card .hc-shots img{display:block;width:calc(120px * var(--ui));height:calc(76px * var(--ui))}.hover-card .hc-shots figcaption{position:absolute;left:calc(5px * var(--ui));top:calc(2px * var(--ui));font-size:calc(10.5px * var(--ui));letter-spacing:.03em;color:#eef2f5;text-shadow:0 0 3px rgba(0,0,0,.95),0 1px 1px rgba(0,0,0,.9)}.hover-card .hc-head .hc-stats{color:var(--muted);font-size:var(--small);letter-spacing:0;white-space:nowrap}.hover-card .hc-head .hc-cost{margin-left:auto;padding-left:.6em;color:var(--resource);font-size:var(--small);letter-spacing:0;white-space:nowrap}.hover-card .hc-role{margin-top:4px;font-weight:600}.hover-card dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 10px;margin:5px 0 0}.hover-card dt{color:var(--muted);font-size:var(--small);padding-top:.12em;white-space:nowrap}.hover-card dd{margin:0}.hover-card .hc-why{margin-top:6px;color:var(--danger-ink);font-weight:600}.hover-card .hc-holder{margin-top:3px;font-weight:600}.hover-card .hc-line{margin-top:3px;color:#c9d1d8}.unit-card{width:calc(318px * var(--ui))}.unit-card .hc-head{flex-wrap:wrap}.map-card{width:max-content;max-width:calc(300px * var(--ui))}.map-card .team-mark{border-radius:50%;background:var(--neutral)}.map-card .hc-head.t0 .team-mark{border-radius:0;background:var(--t0)}.map-card .hc-head.t1 .team-mark{border-radius:0;background:var(--t1);transform:rotate(45deg) scale(.9)}.map-card .hc-head.block .team-mark{border-radius:1px;background:#7d8791}.order-card{width:max-content;max-width:calc(330px * var(--ui))}.order-card .hc-head b{margin-right:.2em}.order-card .oc-line{margin-top:4px}.order-card .oc-line.refused{color:var(--danger-ink);font-weight:600}.order-card .oc-mod{margin-top:3px;color:#c9d1d8}.hud-tip{width:max-content;max-width:calc(280px * var(--ui));padding:calc(4px * var(--ui)) calc(8px * var(--ui));font-size:var(--small)}#game.hud-off .hover-card{display:none!important}.build-id{position:absolute;right:calc(14px * var(--ui));bottom:calc(10px * var(--ui));margin:0;font:var(--small)/1.2 var(--mono);color:var(--muted);letter-spacing:.02em;pointer-events:none}.fb-screen{width:min(100%,calc(980px * var(--ui)));max-height:calc(100vh - 48px);overflow:auto;padding-top:calc(16px * var(--ui));padding-bottom:calc(14px * var(--ui))}#screens.over-game .fb-screen{background:var(--panel-solid)}.fb-head{display:flex;align-items:baseline;justify-content:space-between;gap:1em}.fb-head h2{margin-bottom:.35em}.fb-build{font:var(--small)/1 var(--mono)}.fb-fields{border:0;margin:0;padding:0;min-width:0}.fb-screen .field,.fb-strip .field{margin-bottom:.55em;gap:3px}.fb-chips button{min-height:calc(32px * var(--ui));padding:.28em .7em;min-width:0}.fb-open{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 calc(14px * var(--ui));align-items:start}.fb-screen textarea,.fb-screen input[type=text],.fb-strip input[type=text]{display:block;width:100%;margin:0;font:inherit;line-height:1.35;color:var(--ink);background:#0b1015;border:1px solid var(--rule);border-radius:4px;padding:.35em .5em;resize:none;user-select:text;-webkit-user-select:text}.fb-screen textarea:focus,.fb-screen input[type=text]:focus,.fb-strip input[type=text]:focus{outline:none;border-color:var(--active);box-shadow:0 0 0 1px var(--active)}.fb-screen textarea::placeholder,.fb-screen input::placeholder,.fb-strip input::placeholder{color:#66727e}.fb-row{display:flex;flex-wrap:wrap;gap:0 calc(14px * var(--ui));align-items:end}.fb-row .fb-contact{flex:1 1 16em}.fb-row .fb-often{flex:0 0 auto}.fb-tick{display:flex;gap:.6em;align-items:flex-start;margin:.15em 0 .3em;font-size:.9em;line-height:1.4;cursor:pointer}.fb-tick input{margin:.2em 0 0;width:1.05em;height:1.05em;accent-color:var(--active);flex:none}.fb-values{color:var(--muted)}.fb-kv{display:inline;margin-right:.9em;overflow-wrap:anywhere}.fb-kv>span{color:#c9d1d8}.fb-pii{margin:.1em 0 .25em;font-size:.86em}.fb-note{font-size:.8em;line-height:1.35}.fb-note p{margin:0 0 .12em}.fb-more{margin:.4em 0 0;padding:.4em 0 0;border-top:1px solid var(--rule)}.fb-status{min-height:1.1em;margin:.2em 0 0;color:var(--warn);font-size:.86em}.fb-status:empty{min-height:0}.fb-hp{position:absolute;left:-10000px;top:0;width:1px;height:1px;overflow:hidden}.fb-screen .actions{margin-top:.45em}.fb-screen button:disabled,.fb-strip button:disabled{opacity:.45;cursor:default}button.link{display:inline;min-height:0;padding:0;border:0;background:none;border-radius:0;color:var(--active);font:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer}:where(:root:not(.mouse-locked)) button.link:hover,button.link.is-hover{background:none;color:#e6ebef}.fb-code{font:700 1.15em var(--mono);letter-spacing:.08em;color:#ffe3a3;user-select:text;-webkit-user-select:text}.fb-done{width:min(100%,calc(560px * var(--ui)))}.fb-done p{margin:0 0 .5em}.fb-fail{color:#ffc2bb;font-weight:600;margin:0 0 .6em}.fb-screen .fb-copy-text{font:.84em/1.4 var(--mono)}.fb-copy-note{min-height:1.2em;margin:.3em 0 0;font-size:.86em}.fb-strip{margin:.9em 0 0;padding:.65em 0 0;border-top:1px solid var(--rule);text-align:left}.fb-strip-q{margin:0 0 .4em;font-weight:600}.fb-points button{flex:1 1 0;min-width:0;min-height:calc(34px * var(--ui));padding:.3em .25em;font-size:.9em}.fb-strip .fb-tick{margin-top:.45em}.fb-strip-links{margin:.2em 0 0;font-size:.88em;color:var(--muted)}.fb-comment{display:flex;gap:6px;align-items:stretch}.fb-comment input{flex:1 1 auto;min-width:0}.fb-comment button{min-height:0;padding:.3em .9em}.fb-strip .fb-copy-line{font:.84em var(--mono)}.setup-screen .field small{font-size:.85em;line-height:1.35}.map-choice .seg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.map-choice .seg button{margin-left:0;border-radius:4px;min-width:0;min-height:calc(28px * var(--ui));padding:.2em .5em;font-size:.88em;line-height:1.15}.setup-screen:has(.map-choice) .field{margin-bottom:.6em}.panel.setup-screen:has(.map-choice){width:min(100%,calc(640px * var(--ui)))}.settings-screen:has(.orders-choice){width:min(100%,calc(1200px * var(--ui)))}.settings-group .orders-choice .seg button{font-size:.86em;padding:.35em .55em;min-width:0}