:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ecede0;--ink:#101a1a;--paper:#ecede0;--muted:#a5b3a7;--lime:#d3e49b;--amber:#f2ba76;--line:#c8e3cf36;--screen-scrim:linear-gradient(90deg, #0a1314ef, #0b1516b5 37%, #0b151624 80%);--top:max(18px, env(safe-area-inset-top));--right:max(20px, env(safe-area-inset-right));--bottom:max(18px, env(safe-area-inset-bottom));--left:max(20px, env(safe-area-inset-left));background:#152123;font:400 14px/1.4 ui-monospace,Cascadia Mono,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#outpost{width:100%;height:100%;margin:0;overflow:hidden}#outpost{isolation:isolate;position:relative}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.56}::selection{color:var(--ink);background:var(--lime)}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #fff6d5}#yard{touch-action:none;cursor:crosshair;outline:none;width:100%;height:100%;display:block}.vignette,#damage-flash{pointer-events:none;position:absolute;inset:0}.vignette{background:linear-gradient(#0000 69%,#0f171b86),radial-gradient(at 50% 49%,#0000 47%,#0a1016a1 100%)}#damage-flash{opacity:0;transition:opacity .17s;box-shadow:inset 0 0 11vmax #ed573b}#damage-flash.on{opacity:.64;transition:none}.hud{top:var(--top);right:var(--right);left:var(--left);z-index:3;pointer-events:none;-webkit-user-select:none;user-select:none;grid-template-columns:1fr auto 1fr;align-items:start;gap:10px;display:grid;position:absolute}.back-link,.label,.eyebrow,.coordinates{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font-size:10px}.back-link{min-height:28px;color:var(--paper);pointer-events:auto;align-items:center;gap:6px;text-decoration:none;display:inline-flex}.back-link svg{flex:none}.back-link:hover{color:var(--lime);text-underline-offset:3px;text-decoration:underline}.call-sign{letter-spacing:.08em;text-transform:uppercase;font-size:16px;font-weight:800}.call-sign span{color:var(--amber)}.readouts,.weapon-hud{border:1px solid var(--line);background:#111b1cec;align-items:stretch;display:flex;box-shadow:0 8px 24px #060d0f2b}.readout{align-content:center;min-width:88px;padding:7px 12px;display:grid}.readout+.readout{border-left:1px solid var(--line)}.readout strong,.ammo-counter strong{font-variant-numeric:tabular-nums;font-size:16px}.integrity{min-width:106px}.integrity strong{color:var(--lime)}.integrity.low strong{color:#ff9c85}meter{appearance:none;width:100%;height:6px}meter::-webkit-meter-bar{background:#ffffff27;border:0;border-radius:0;height:4px}meter::-webkit-meter-optimum-value{background:var(--lime)}meter::-webkit-meter-suboptimum-value{background:var(--lime)}meter::-webkit-meter-even-less-good-value{background:#ff9c85}meter::-moz-meter-bar{background:var(--lime)}.pause{border:1px solid var(--line);width:44px;height:44px;color:var(--paper);pointer-events:auto;background:#101a1aee;justify-self:end;place-items:center;font-size:20px;display:grid}.reticle{color:#eff5dc;filter:drop-shadow(0 1px 1px #091111);pointer-events:none;width:25px;height:25px;transition:scale 90ms ease-out;position:absolute;top:50%;left:50%;translate:-50% -50%}.reticle:before,.reticle:after{content:"";background:linear-gradient(90deg,currentColor 0 28%,#0000 28% 72%,currentColor 72% 100%);width:25px;height:2px;position:absolute;top:11px;left:0}.reticle:after{rotate:90deg}.reticle i{background:currentColor;border-radius:50%;position:absolute;inset:11px}.reticle[data-action=firing]{scale:1.19}.reticle[data-action=firing]:not([data-impact]){color:#ffdc9a}.reticle[data-action=reloading]{color:var(--amber)}.reticle[data-action=reloading]:before,.reticle[data-action=reloading]:after{opacity:.28}.reticle[data-impact=body]{color:var(--amber)}.reticle[data-impact=cover]{color:#c4d5df}.reticle[data-impact=cover] i{background:0 0;outline:1px solid}.reticle[data-impact=head]{color:#bdf7eb;rotate:45deg}.reticle[data-impact=kill]{color:#ffab8f;rotate:45deg}.feedback{color:var(--amber);letter-spacing:.11em;text-transform:uppercase;pointer-events:none;background:#111b1cd9;border-radius:2px;margin:0;padding:2px 6px;font-size:11px;font-weight:700;position:absolute;top:calc(50% + 16px);left:50%;translate:-50%}.reticle[data-impact=cover]+.feedback{color:#c4d5df}.reticle[data-impact=head]+.feedback{color:#bdf7eb}.reticle[data-impact=kill]+.feedback{color:#ffab8f}.feedback:empty{display:none}.controls{left:var(--left);right:var(--right);bottom:var(--bottom);pointer-events:none;justify-content:space-between;align-items:end;gap:12px;display:flex;position:absolute}.instructions{color:var(--paper);text-shadow:0 1px 2px #070b0c;gap:4px;font-size:11px;display:grid}.weapon-hud{pointer-events:auto;-webkit-user-select:none;user-select:none;flex:none}.action{min-width:64px;min-height:50px;color:var(--paper);text-transform:uppercase;touch-action:none;-webkit-user-select:none;user-select:none;background:#273835;border:0;padding:7px 12px;font-size:12px;font-weight:800}.action:active,.action.held{background:#41554c}.fire{background:var(--lime);color:var(--ink)}.fire:active,.fire.held{background:#a9c074}.ammo-counter{text-align:center;align-content:center;min-width:90px;padding:6px 10px;display:grid}.ammo-counter strong{color:var(--lime)}.screen{z-index:2;padding:calc(var(--top) + 60px) var(--right) var(--bottom) max(var(--left), 6vw);background:var(--screen-scrim);overscroll-behavior:contain;scrollbar-color:#769386 #172526;grid-template-columns:minmax(0,480px) 1fr;align-items:center;display:grid;position:absolute;inset:0;overflow:auto}.panel{border-left:1px solid var(--amber);padding:0 0 3px 18px}.eyebrow{color:var(--amber);margin:0 0 9px;font-weight:800}h1{letter-spacing:-.04em;text-transform:uppercase;text-wrap:balance;margin:0 0 13px;font:900 clamp(2.15rem,6vw,6rem)/.86 system-ui,sans-serif}.screen-text{color:#c4cfbf;max-width:43ch;margin:0 0 17px}.panel-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.primary,.mute,.upgrade-list button{border:1px solid var(--line);min-height:44px;color:var(--paper);text-align:left;background:#26332e;padding:7px 12px}.primary{background:var(--lime);color:var(--ink);border-color:var(--lime);font-weight:800}.primary:hover:not(:disabled){background:#e7f2bc}.mute{color:var(--muted)}.mute:hover,.upgrade-list button:hover{color:var(--paper);background:#3c4d40}.panel-hint{color:var(--muted);margin:10px 0 0;font-size:11px}.upgrade-list{grid-template-columns:1fr 1fr;gap:6px;margin:0 0 12px;display:grid}.upgrade-list button{border-left-color:var(--lime);gap:3px;padding:7px 8px;display:grid}.upgrade-list button strong{color:var(--lime);font-size:12px}.upgrade-list button span{color:var(--muted);font-size:10px}.coordinates{bottom:var(--bottom);right:var(--right);margin:0;position:absolute}.coordinates span{color:var(--amber)}@media (width<=660px){:root{--top:max(9px, env(safe-area-inset-top));--right:max(9px, env(safe-area-inset-right));--bottom:max(11px, env(safe-area-inset-bottom));--left:max(9px, env(safe-area-inset-left))}.hud{grid-template-columns:minmax(0,1fr) auto auto;gap:6px}.back-link{letter-spacing:.055em;gap:4px;min-height:44px;font-size:10px;line-height:1.25}.call-sign{font-size:10px}.readout{min-width:53px;padding:4px 7px}.integrity{min-width:70px}.readout strong,.ammo-counter strong{font-size:13px}.label{font-size:8px}.pause{width:40px;height:41px;font-size:17px}.instructions .label,.coordinates{display:none}.instructions{max-width:17ch}.screen{grid-template-columns:minmax(0,435px)}.panel-actions{gap:6px}.panel-actions>button{white-space:nowrap;min-height:44px;padding-inline:8px}.panel-actions .primary,.panel-actions .mute{font-size:13px}.panel-actions .primary{flex:1}.panel-actions .field-guide-trigger{margin-inline-start:0}}@media (width<=660px),(height<=460px) and (orientation:landscape){#outpost:has(.screen:not([hidden])):before{content:"";z-index:1;pointer-events:none;background:var(--screen-scrim);position:absolute;inset:0}.screen{background:0 0;padding-block-start:0;inset-block-start:calc(var(--top) + 77px)}}@media (width<=660px) and (orientation:portrait){#outpost{--screen-scrim:linear-gradient(0deg, #0a1314fa, #0b1516e0 55%, #0b15162b 90%)}.screen{padding-bottom:max(16px, env(safe-area-inset-bottom));align-items:safe center}h1{margin-bottom:10px;font-size:clamp(2.15rem,10vw,4rem)}.panel{margin-left:4px;padding-left:10px}.screen-text{margin-bottom:12px;font-size:13px;line-height:1.35}.weapon-hud{gap:0}.action{min-width:59px;min-height:54px;padding-inline:8px}.ammo-counter{min-width:72px;padding-inline:7px}}@media (height<=460px) and (orientation:landscape){.screen{align-items:start}h1{font-size:clamp(1.7rem,7vh,3rem)}.screen-text{margin-bottom:10px}.upgrade-list{max-width:365px}.coordinates{display:none}}@media (prefers-reduced-motion:reduce){#damage-flash{transition:none}#damage-flash.on{opacity:.38}.reticle{transition:none}.reticle[data-action=firing]{scale:1}}.armory{gap:6px;margin-bottom:12px;display:grid}.weapon-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.weapon-list button{text-align:left;border:1px solid var(--line);min-height:44px;color:var(--paper);background:#142325;align-content:start;gap:4px;padding:7px 8px;display:grid}.weapon-list button:hover,.weapon-list button[aria-pressed=true]{background:#303c2f;border-color:#d3e49b91}.weapon-list button strong{font-size:11px}.weapon-list button[aria-pressed=true] strong{color:var(--lime)}.weapon-list button span{color:var(--muted);font-size:10px;line-height:1.28}.incoming{color:#e1fdb1;letter-spacing:.13em;text-transform:uppercase;pointer-events:none;background:#172614ed;border:1px solid #b7dc7e99;margin:0;padding:4px 8px;font-size:11px;position:absolute;top:28%;left:50%;translate:-50%}.reticle[data-spread]:before,.reticle[data-spread]:after{scale:1.55 1}.reticle[data-weapon=marksman] i{outline-offset:2px;outline:1px solid}.reticle[data-impact=kill] i,.reticle[data-action=reloading] i{background:0 0;border:1px solid;outline:none;inset:5px}.reticle[data-action=reloading] i{border-style:dashed}@media (width<=385px) and (orientation:portrait){.panel-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.panel-actions .primary{grid-column:1/-1}.panel-actions .field-guide-trigger{justify-content:center}}@media (width<=350px) and (orientation:portrait){.weapon-list button{align-content:start;gap:3px;padding-inline:6px}.instructions{font-size:10px}}.map-picker{gap:5px;margin-bottom:9px;display:grid}.map-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.map-list button{text-align:left;border:1px solid var(--line);min-height:44px;color:var(--paper);background:#142325;align-content:center;gap:3px;padding:6px 8px;display:grid}.map-list button:hover,.map-list button[aria-pressed=true]{background:#253e3e;border-color:#9bdcd6a1}.map-list button[data-deployment=blackout]{border-left:2px solid #c79a61;grid-column:1/-1}.map-list button[data-deployment=blackout][aria-pressed=true]{background:#362b22;border-color:#e8b37d}.map-list strong{font-size:11px}.map-list span{color:var(--muted);font-size:10px;line-height:1.22}.wave-plan{color:var(--muted);border-left:1px solid #a0d0bc86;gap:2px;margin:0 0 9px;padding-left:7px;font-size:10px;line-height:1.25;display:grid}.wave-plan strong{color:#c8e4ce;font-size:11px}#outpost[data-map=floodgate]{--amber:#9bdcd6}#outpost[data-mode=blackout]{--amber:#ffd194}.operation-controls{gap:5px;width:min(100%,15.5rem);display:grid;position:absolute;bottom:calc(100% + 7px);right:0}.light-controls{color:#ffd194;pointer-events:auto;background:#141b21e8;border:1px solid #b18b589e;align-items:stretch;display:flex}.work-light{color:#fff0d3;white-space:nowrap;background:#714a27;min-height:44px}.work-light:active{background:#906234}.work-light:disabled{color:#dcc5a6;background:#352b23}.light-status{white-space:nowrap;flex:1;align-items:center;min-width:110px;padding:0 9px;font-size:10px;display:grid}.light-controls[data-state=live]{border-color:#ffbd71;box-shadow:0 0 16px #ffb35839}.shutter-controls{color:#c5e5e0;pointer-events:auto;background:#101b21eb;border:1px solid #87a6aa8c;gap:4px;padding:4px;display:grid}.shutter-controls[data-state=working]{color:#ffe0b4;border-color:#fc8}.repair-status{min-height:14px;padding:0 3px;font-size:10px}#repair-progress{accent-color:#fc8;width:100%;height:4px}.shutter-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.repair{background:#254049;min-height:44px;padding:4px 5px;font-size:10px}.repair:disabled{color:#a0b2b4;background:#1e2a30}.repair kbd{color:#a7c9c8;margin-left:3px}.fire:disabled{color:#bdcbb0;background:#3c4941}.reticle.repairing{opacity:.28}@media (pointer:coarse){.back-link,.panel-actions .field-guide-trigger{min-height:44px}.repair kbd{display:none}}@media (width<=375px) and (orientation:portrait){.screen-text{margin-bottom:10px}.map-list span,.weapon-list span{font-size:9px}.map-list button{padding-inline:6px}#outpost[data-mode=blackout] .readout{min-width:47px;padding-inline:5px}#outpost[data-mode=blackout] .readout.integrity{min-width:64px}#outpost[data-mode=blackout] #wave{white-space:nowrap}#outpost[data-mode=blackout] h1{margin-bottom:9px;font-size:clamp(2rem,9.5vw,2.2rem)}#outpost[data-mode=blackout] .screen-text{font-size:12px;line-height:1.32}#outpost[data-mode=blackout] .weapon-list button{padding-block:5px}#outpost[data-mode=blackout] .panel-hint{margin-top:7px;font-size:10px}}.approach-strip{text-align:center;letter-spacing:.09em;text-transform:uppercase;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));justify-self:center;gap:4px;width:min(90vw,15rem);font-size:9px;display:grid}.approach-strip span{color:#c4d4d3;background:#101c20cc;border:1px solid #b5e5db33;padding:3px 4px}.approach-strip .active{color:#ffdfb8;background:#492d22ec;border-color:#ffd7a9a8}#ammo.primed{color:#ffe0a3;text-shadow:0 0 8px #d79b5a99}
