@font-face{font-family:Big Shoulders Stencil;font-weight:700;font-display:block;src:url(../fonts/big-shoulders-stencil-700.woff2)format("woff2")}@font-face{font-family:Share Tech Mono;font-weight:400;font-display:block;src:url(../fonts/share-tech-mono-400.woff2)format("woff2")}@font-face{font-family:Overpass;font-weight:800;font-display:block;src:url(../fonts/overpass-800.woff2)format("woff2")}@font-face{font-family:Overpass Mono;font-weight:700;font-display:block;src:url(../fonts/overpass-mono-700.woff2)format("woff2")}:root{--m-back:#0d100a;--m-glow:#26301a;--m-plate:#1b2113;--m-edge:#3f4a26;--m-well:#10140b;--m-well-edge:#5c6934;--m-text:#f1ebd8;--m-dim:#c3c6a8;--m-label:#c9cfa0;--m-head:#f1ebd8;--m-sub-head:#f2c230;--m-btn:linear-gradient(180deg, #53612f, #3e4926);--m-btn-edge:#161a10;--m-btn-hi:#f1ebd838;--m-btn-text:#f1ebd8;--m-go:#f2c230;--m-go-text:#161a10;--m-go-edge:#a88400;--m-mark:#f2c230;--m-pick:#f1ebd8;--m-stripe:linear-gradient(#5c6934, #5c6934);--m-cut:6px;--m-head-font:"Big Shoulders Stencil", Impact, "Arial Narrow", sans-serif;--m-head-case:none;--m-mono:"Share Tech Mono", ui-monospace, Menlo, Consolas, monospace;--m-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%23f2c230' d='M0 0h12L6 8z'/%3E%3C/svg%3E")}:root[data-skin=site-notice-12]{--m-back:#14181c;--m-glow:#1d2a3d;--m-plate:#1d2228;--m-edge:#555c65;--m-well:#0f1215;--m-well-edge:#8a9099;--m-text:#f7f5ec;--m-dim:#c8cbcf;--m-label:#b4b8bb;--m-head:#f7f5ec;--m-sub-head:#f5c400;--m-btn:linear-gradient(180deg, #1f62c4, #174f9f);--m-btn-edge:#0b1d3d;--m-btn-hi:#f7f5ec4d;--m-btn-text:#f7f5ec;--m-go:#f5c400;--m-go-text:#14181c;--m-go-edge:#a88400;--m-mark:#f5c400;--m-pick:#f7f5ec;--m-stripe:linear-gradient(#f7f5ec, #f7f5ec);--m-cut:0px;--m-head-font:"Overpass", system-ui, sans-serif;--m-head-case:none;--m-mono:"Overpass Mono", ui-monospace, Menlo, monospace;--m-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%23f5c400' d='M0 0h12L6 8z'/%3E%3C/svg%3E")}html .screen:has(>.deployment-panel),html .screen.controls-card,html .screen.how-to-play,html body:has(#create-btn) .screen.settings{background:radial-gradient(ellipse at 80% 0%, var(--m-glow) 0, transparent 60%), repeating-linear-gradient(0deg, #0000002e 0 1px, transparent 1px 4px), var(--m-back)}html .screen{color:var(--m-text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html .screen .panel.deployment-panel,html .screen.settings .panel,html .screen.controls-card .panel,html .screen.how-to-play .panel{border:2px solid var(--m-edge);background:var(--m-stripe) left top / 100% 4px no-repeat, var(--m-plate);border-top:0;border-radius:0;padding:22px 20px 18px;box-shadow:6px 6px #00000059}html .screen h1{font-family:var(--m-head-font);text-transform:var(--m-head-case);letter-spacing:.05em;color:var(--m-head);font-weight:700;line-height:1.05}html .screen .deployment-title h1{letter-spacing:.04em;font-size:clamp(36px,7vw,56px)}html .screen h2,html .screen .how-heading{font-family:var(--m-head-font);text-transform:var(--m-head-case);letter-spacing:.06em;color:var(--m-sub-head);font-weight:700}html .screen .deployment-label,html .screen .build-stamp{font-family:var(--m-mono);letter-spacing:.12em;color:var(--m-label);font-weight:400}html .screen .sub,html .screen .message,html .screen .deployment-about{color:var(--m-dim)}html .screen .deployment-recruit,html .screen .deployment-utilities,html .screen .deployment-invite,html .screen .card-row{border-color:var(--m-edge)}html .screen .btn{min-height:48px;clip-path:polygon(var(--m-cut) 0, 100% 0, 100% calc(100% - var(--m-cut)), calc(100% - var(--m-cut)) 100%, 0 100%, 0 var(--m-cut));background:var(--m-btn);box-shadow:inset 0 2px 0 var(--m-btn-hi), inset 0 -3px 0 #00000059, inset 0 0 0 2px var(--m-btn-edge);color:var(--m-btn-text);font-family:var(--m-head-font);letter-spacing:.06em;text-transform:var(--m-head-case);border:0;border-radius:0;padding:8px 16px;font-size:18px;font-weight:700;transition:transform 60ms}html .screen a.btn{box-sizing:border-box;vertical-align:middle;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}html .screen .btn:active{box-shadow:inset 0 2px 0 #00000059, inset 0 0 0 2px var(--m-btn-edge);filter:brightness(1.15);transform:translateY(2px)}html .screen .btn.disabled,html .screen .btn:disabled{background:var(--m-well);color:var(--m-label);opacity:.6}html .screen .btn:focus-visible{outline:3px solid var(--m-mark);outline-offset:-6px}html .screen #create-btn,html .screen #deploy-btn{background:var(--m-go);color:var(--m-go-text);box-shadow:inset 0 2px 0 #ffffff59, inset 0 -3px 0 var(--m-go-edge), inset 0 0 0 2px var(--m-btn-edge);border:0;font-size:20px}html .screen #create-btn:focus-visible,html .screen #deploy-btn:focus-visible{outline-color:var(--m-go-text)}html .screen .deployment-utilities .btn{box-shadow:inset 0 0 0 2px var(--m-edge);background:0 0;font-size:15px}html .screen .field,html .screen select{border:2px solid var(--m-well-edge);background-color:var(--m-well);color:var(--m-text);border-radius:0}html .screen .field:focus-visible,html .screen select:focus-visible{outline:3px solid var(--m-mark);outline-offset:1px}html .screen select.field,html .screen select{appearance:none;background-image:var(--m-chevron);min-height:44px;font:inherit;background-position:right 12px center;background-repeat:no-repeat;background-size:12px 8px;padding:6px 34px 6px 10px}@media (height<=340px){html .screen select.field,html .screen select{background-position:right 8px center;padding:6px 24px 6px 8px}}html .screen input[type=checkbox]{accent-color:var(--m-mark)}html .screen .touch-aim-row .btn[aria-checked=true]{box-shadow:inset 0 2px 0 var(--m-btn-hi), inset 0 0 0 3px var(--m-pick);-webkit-text-decoration:underline 3px var(--m-pick);text-decoration:underline 3px var(--m-pick);text-underline-offset:5px}html .screen .card-row dt{color:var(--m-label)}html .screen .touch-aim-row{justify-content:flex-start;gap:8px}html .screen .touch-aim-row>span{flex:1 0 100%}html .screen .touch-aim-row>.btn{flex:1 1 0;min-width:0;padding-inline:8px}@media (height<=520px){html .screen .panel.deployment-panel,html .screen.settings .panel,html .screen.controls-card .panel,html .screen.how-to-play .panel{padding:16px 14px 12px}html .screen .deployment-title h1{font-size:34px}html .screen .btn{min-height:44px;font-size:17px}}@media (height<=520px) and (width>=540px){html .screen .panel.deployment-title{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-auto-flow:dense;align-content:start;gap:8px 18px;width:min(820px,100%);display:grid}html .screen .panel.deployment-title>*{grid-column:1}html .screen .panel.deployment-title>.deployment-recruit,html .screen .panel.deployment-title>#title-message{grid-column:2}html .screen .panel.deployment-title>.deployment-recruit{border:0;grid-row:1/span 6;margin:0;padding:0}html .screen .deployment-title .deployment-utilities{border-top:0;padding-top:0}html .screen .panel.wide>.row>#deploy-btn{order:-2}html .screen .panel.wide>.row>#ready-btn{order:-1}}@media (height<=440px) and (width>=540px){html .screen .deployment-recruit>.sub,html .screen .deployment-title>.deployment-label{display:none}}:root{--ink0:#151b26;--ink1:#2d3748;--ink2:#536175;--paper:#fff1d4;--paper2:#d7ceb8;--teal:#49a5a2;--teal-dark:#123e46;--danger:#e45e55;--soil:#e8b66c}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html,body{background:var(--ink0);height:100dvh;color:var(--paper);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;margin:0;font:16px/1.35 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#stage{position:fixed;inset:0}#game canvas{image-rendering:pixelated;image-rendering:crisp-edges;background:#202e52;position:absolute}#ui{touch-action:none;position:fixed;inset:0}.inset-probe{visibility:hidden;pointer-events:none;padding:var(--sa-t,env(safe-area-inset-top)) var(--sa-r,env(safe-area-inset-right)) var(--sa-b,env(safe-area-inset-bottom)) var(--sa-l,env(safe-area-inset-left));position:fixed}.hud{pointer-events:none;padding:max(8px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));text-shadow:0 1px 0 var(--ink0), 0 0 3px var(--ink0);position:absolute;inset:0}.hud-left{top:max(8px, var(--sa-t,env(safe-area-inset-top)));left:max(8px, var(--sa-l,env(safe-area-inset-left)));width:200px;position:absolute}.hud-right{top:max(8px, var(--sa-t,env(safe-area-inset-top)));right:max(8px, var(--sa-r,env(safe-area-inset-right)));text-align:right;min-width:170px;position:absolute}.bar{border:2px solid var(--ink0);background:#151b26b3;height:20px;margin-bottom:4px;position:relative}.bar .fill{background:var(--danger);height:100%}.bar .label{z-index:1;font-size:14px;font-weight:700;position:absolute;top:-1px;left:6px}.readout,.code,.net{font-size:16px;font-weight:600}.readout-line{white-space:nowrap}.code{letter-spacing:.12em}.net{opacity:.75;font-size:14px}.respawns{border:2px solid var(--ink0);transform-origin:100% 0;background:#151b26b3;align-items:center;gap:8px;margin:2px 0 14px;padding:2px 8px;display:inline-flex}.respawns-n{font-size:24px;font-weight:800;line-height:28px}.respawns-words{font-size:14px;font-weight:700}.respawns-mark{flex:none;width:14px;height:22px;position:relative}.respawns-mark:before,.respawns-mark:after{content:"";background:currentColor;position:absolute;left:3px}.respawns-mark:before{width:8px;height:8px;top:0}.respawns-mark:after{border-radius:6px 6px 0 0;width:14px;height:12px;top:10px;left:0}.respawns.low{color:var(--soil);border:3px dashed var(--soil)}.respawns.none{color:var(--paper);background:var(--danger);border:3px double var(--paper)}.respawns.none .respawns-mark:before{background:var(--ink0);z-index:1;width:20px;height:3px;top:10px;left:-3px;transform:rotate(-45deg)}.respawns.pulse{animation:.9s ease-out respawn-pulse}@keyframes respawn-pulse{0%{box-shadow:0 0 0 4px var(--danger);transform:scale(1.3)}to{transform:scale(1);box-shadow:0 0 #0000}}@media (prefers-reduced-motion:reduce){.respawns.pulse{animation:none}}.players .player{font-size:16px}.players .player.you{color:var(--soil)}.players .player.reconnecting,.players .player.dead,.players .player.respawning{opacity:.6}.banner{border:2px solid var(--paper2);text-align:center;background:#151b26d9;max-width:80vw;padding:8px 16px;font-size:18px;font-weight:700;position:absolute;top:22%;left:50%;transform:translate(-50%)}.btn{pointer-events:auto;min-width:48px;min-height:48px;font:inherit;color:var(--paper);background:var(--teal-dark);border:2px solid var(--teal);cursor:pointer;touch-action:manipulation;border-radius:6px;padding:8px 18px;font-weight:700}.btn[hidden]{display:none}.btn:active{background:var(--teal);color:var(--ink0)}.btn.disabled{background:var(--ink1);border-color:var(--ink2);color:var(--ink2)}.btn.small{min-height:48px;padding:6px 10px;font-size:16px}.settings-btn{margin-top:6px}.settings-glyph{display:none}.touch-controls{pointer-events:none;position:absolute;inset:0}.touch-btn{display:flex;position:absolute}.stick-base,.stick-thumb{position:absolute}.screen{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));touch-action:pan-y;background:#151b26eb;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow-y:auto}.screen .panel{flex-direction:column;gap:10px;width:min(520px,100%);margin:auto;display:flex}.screen h1{letter-spacing:.06em;color:var(--soil);margin:0;font-size:28px}.screen .sub,.screen .message{color:var(--paper2);min-height:1.35em;margin:0}.field{min-height:48px;font:inherit;color:var(--paper);background:var(--ink1);border:2px solid var(--ink2);-webkit-user-select:text;user-select:text;border-radius:6px;padding:8px 12px;font-size:18px}.code-field{text-transform:uppercase;letter-spacing:.3em;text-align:center}.row{flex-wrap:wrap;gap:10px;display:flex}.row .btn{flex:1}.home-screen-line{color:var(--paper2);flex:1 0 100%;margin:0;font-size:14px}.later{flex-wrap:wrap;gap:8px;display:flex}.roster .player{padding:6px 0;font-size:18px}.setting-row{justify-content:space-between;align-items:center;gap:12px;min-height:48px;display:flex}.setting-row input[type=checkbox]{width:28px;height:28px}.bindings{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;display:grid}.rotate-notice{background:var(--ink0);text-align:center;z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;font-size:20px;display:none;position:absolute;inset:0}.rotate-icon{color:var(--soil);font-size:64px}.screen .panel.wide{width:min(760px,100%)}.lobby-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.armory,.board{flex-direction:column;gap:8px;display:flex}.lobby-grid h2{letter-spacing:.08em;color:var(--teal);margin:0;font-size:18px}.pick{grid-template-columns:96px 1fr;align-items:center;gap:8px;display:grid}.pick .field{width:100%}.later .btn.small{flex:auto;font-size:14px}.results{border-collapse:collapse;width:100%;font-size:16px}.results th,.results td{text-align:right;border-bottom:2px solid var(--ink1);padding:6px 8px}.results th:first-child,.results td:first-child{text-align:left}.results tr.you td{color:var(--soil);font-weight:700}.hud-left{width:260px}.gun{white-space:pre;opacity:.8;font-size:14px}.gun.equipped{opacity:1;font-weight:800}.hud-top{top:max(8px, env(safe-area-inset-top));pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.orders{border:2px solid var(--paper2);white-space:nowrap;background:#151b26bf;padding:2px 10px;font-size:14px;font-weight:800}.slots{flex-direction:column;align-items:flex-start;gap:8px;margin-top:8px;display:flex}.slot{letter-spacing:.04em;align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.orb{box-sizing:border-box;background:#123e46b3;border:3px solid #91ddd1b3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;display:flex;position:relative}.orb.ringed:before{content:"";background:conic-gradient(var(--ring-on,#ffd34d) calc(var(--fill,1) * 360deg), #fff1d438 0);pointer-events:none;inset:-9px;border-radius:50%;position:absolute;inset:-6px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4px))}.slot.cooling .orb{opacity:.85}.slot.empty .orb{opacity:.6}.slot.empty{opacity:.55}.slot.placing .orb{border-style:double;border-width:5px}.orb[data-count]:after{content:attr(data-count);z-index:1;box-sizing:border-box;background:var(--ink0);border:2px solid var(--paper2);text-align:center;letter-spacing:0;border-radius:9px;min-width:18px;height:18px;padding:0 3px;font-size:11px;line-height:14px;position:absolute;top:-7px;right:-7px}.touch-ui .slots{display:none}.mission-line{z-index:3;left:50%;top:calc(max(8px, env(safe-area-inset-top)) + 36px);border:2px solid var(--paper2);text-align:center;pointer-events:none;background:#151b26c7;width:max-content;max-width:min(440px,50vw);padding:3px 10px;font-size:13px;font-weight:700;position:absolute;transform:translate(-50%)}.touch-ui .hud-left{width:180px}.touch-ui .hud-right{min-width:144px}.touch-ui .players{justify-content:flex-end;gap:8px;display:flex}.touch-ui .players .player.you{display:none}.touch-ui .players .player{font-size:14px}.touch-ui .banner{box-sizing:border-box;white-space:normal;max-width:calc(100vw - 340px);padding:2px 10px;font-size:14px;top:106px}@media (height<=360px){.touch-ui .banner{max-width:calc(100vw - 380px);left:130px;transform:none}}.touch-ui .hud-right .code{display:none}@media (height<=520px){.screen .panel.wide{grid-template-columns:200px 1fr 1fr;grid-template-areas:"title title title""roster armory board""actions armory board";align-items:start;gap:6px 14px;width:min(840px,100%);display:grid}.screen .panel.wide>h1{grid-area:title;font-size:22px}.screen .panel.wide>.sub{display:none}.panel.wide>.roster{grid-area:roster}.panel.wide>.row{flex-direction:column;grid-area:actions}.panel.wide>.lobby-grid{display:contents}.panel.wide .armory{grid-area:armory}.panel.wide .board{grid-area:board}.lobby-grid .field,.panel.wide .btn{min-height:44px}.pick{grid-template-columns:1fr;gap:2px}.pick .field{padding:6px;font-size:14px}}.controls-card{z-index:5;background:var(--ink0)}.controls-card .panel{width:min(680px,100%)}.controls-card h1{font-size:22px}.card-rows{flex-direction:column;gap:4px;margin:0;display:flex}.card-row{border-bottom:1px solid var(--ink2);grid-template-columns:minmax(130px,32%) 1fr;gap:4px 12px;padding:4px 0;font-size:16px;display:grid}.card-row dt{color:var(--soil);font-weight:800}.card-row dd{margin:0}@media (width>=700px) and (height<=520px){.card-rows{grid-template-columns:1fr 1fr;gap:2px 20px;display:grid}.card-row{padding:1px 0;font-size:14px;line-height:1.2;display:block}.controls-card h1{font-size:18px}.controls-card .btn{min-height:40px;padding:4px 18px}.controls-card{padding-top:6px;padding-bottom:6px}.controls-card .panel{gap:4px;width:min(820px,100%)}}.leave-mission-btn{border-color:#a55;margin-top:56px}.leave-confirm{z-index:3;background:var(--ink0)}.touch-ui .hud-top{left:calc(max(8px, env(safe-area-inset-left)) + 188px);right:calc(max(8px, env(safe-area-inset-right)) + 160px);transform:none}.touch-ui .orders{box-sizing:border-box;white-space:normal;max-width:100%;font-size:12px}.touch-ui .mission-line{top:calc(max(8px, env(safe-area-inset-top)) + 60px)}@media (height<=340px){.touch-ui .mission-line{display:none}}.touch-ui .players{top:calc(max(8px, env(safe-area-inset-top)) + 112px);left:calc(max(8px, env(safe-area-inset-left)) + 188px);width:calc(100vw - 188px - 228px - max(8px, env(safe-area-inset-left)) - max(8px, env(safe-area-inset-right)));text-align:left;flex-direction:column;align-items:flex-start;gap:2px;margin:0;position:fixed}@media (height<=520px){.screen .panel.results-panel{width:min(600px,100%)}.results{font-size:14px}.results th,.results td{padding:4px 5px}.results td:nth-child(6){white-space:nowrap}}.results .to-next{font-size:12px;font-weight:400;display:block}@media (height<=440px){.touch-ui .settings-btn{top:max(8px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));width:40px;min-width:40px;height:40px;min-height:40px;margin:0;padding:0;font-size:24px;line-height:1;position:fixed}.touch-ui .settings-word{display:none}.touch-ui .settings-glyph{display:inline}.touch-ui .hud-right .respawns{gap:4px;margin-right:44px;padding:2px 4px}.touch-ui .respawns-words{font-size:12px}}.how-to-play{z-index:5;background:var(--ink0);position:fixed}.how-to-play .panel{width:min(680px,100%)}.how-to-play h1{font-size:22px}.how-heading{color:var(--soil);margin:8px 0 2px;font-size:18px}body:has(#create-btn) .screen.settings{background:var(--ink0)}.objective-toast{text-align:center;color:#fff;pointer-events:none;z-index:4;opacity:0;background:#0c1018d1;border:2px solid #c2d2e6;max-width:min(38vw,340px);padding:3px 10px;position:absolute;top:min(46%,100% - 210px);left:50%;transform:translate(-50%)}.objective-toast-title{letter-spacing:1px;font-size:14px;font-weight:700}.objective-toast-sub{margin-top:1px;font-size:11px}.objective-toast.show{animation:2s ease-out forwards objective-toast-in}.objective-toast.show.still{animation:2s ease-out forwards objective-toast-fade}@keyframes objective-toast-in{0%{opacity:0;transform:translate(-50%)scale(.7)}12%{opacity:1;transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0}}@keyframes objective-toast-fade{0%{opacity:0}12%{opacity:1}80%{opacity:1}to{opacity:0}}.objective-toast.breach-toast{letter-spacing:1px;border-color:#7fd35a;font-size:14px;font-weight:700;top:min(30%,100% - 290px)}.bar.hp,.bar.shield{--hp-fill:#e45e55;--hp-rim:var(--paper2);box-sizing:border-box;border:2px solid var(--hp-rim);box-shadow:0 0 0 1px var(--ink0), inset 0 0 0 1px var(--ink0);background:#0b0d08d1;overflow:hidden}.bar.hp{height:18px;margin-bottom:4px}.bar.hp[data-tone=low]{--hp-fill:#9a3947;--hp-rim:#e45e55}.bar.hp[data-tone=critical]{--hp-fill:#7a2d3a;--hp-rim:#fa8}.bar.hp .fill{z-index:1;background:var(--hp-fill);transition:width .12s ease-out;position:relative}.bar.hp .trail{opacity:.85;background:#fff1d4;transition:width .45s ease-out .26s;position:absolute;inset:0 auto 0 0}.bar.hp:after{content:"";z-index:2;pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 2px),#0b0d08e6 calc(10% - 2px) 10%);position:absolute;inset:0}.bar.hp .label{z-index:3;text-shadow:0 1px 0 var(--ink0), 1px 0 0 var(--ink0), -1px 0 0 var(--ink0);font-size:13px;line-height:14px;top:0}@keyframes hp-hit{0%{box-shadow:0 0 0 1px var(--ink0), 0 0 8px 2px var(--danger)}}.bar.hp.hit{animation:.3s ease-out hp-hit}.bar.hp[data-tone=critical] .fill{animation:.7s ease-in-out infinite alternate hp-urgent}@keyframes hp-urgent{to{filter:brightness(1.7)}}@media (prefers-reduced-motion:reduce){.bar.hp.hit,.bar.hp[data-tone=critical] .fill{animation:none}.bar.hp .trail{transition:none}}.bar.hp+.bar.shield{z-index:4;background:#0b0d0899;border-width:1px;height:8px;margin:-12px 0 8px;position:relative}.bar.hp+.bar.shield .fill{background:#c2d2e6}.bar.hp+.bar.shield .label{display:none}.hud-kit{bottom:max(10px, var(--sa-b,env(safe-area-inset-bottom)));left:max(10px, var(--sa-l,env(safe-area-inset-left)));gap:8px;display:flex;position:absolute}.hud-kit .kit-key{width:72px;height:72px;position:relative}.touch-ui .hud-kit{display:none}.gear-slots{flex-direction:column;gap:6px;display:flex}.gear-slot,.gear-cell,.gear-close{font:inherit;color:var(--m-text);background:var(--m-well);border:2px solid var(--m-well-edge);cursor:pointer;border-radius:0}.gear-slot{text-align:left;align-items:center;gap:8px;width:100%;min-height:44px;padding:3px 8px 3px 4px;display:flex}.gear-slot:focus-visible,.gear-cell:focus-visible,.gear-close:focus-visible{outline:3px solid var(--m-mark);outline-offset:1px}.gear-slot .menu-icon,.gear-cell .menu-icon,.gear-close .menu-icon{display:none}.gear-icon{background-color:var(--m-plate);width:36px;height:36px;color:var(--m-dim);background-position:50%;background-repeat:no-repeat;background-size:contain;flex:none;place-items:center;display:grid}:root[data-skin=site-notice-12] .gear-icon[data-kind=callin]{background-color:var(--m-go)}.gear-words{flex-direction:column;min-width:0;display:flex}.gear-label{letter-spacing:.08em;color:var(--m-label);font-size:11px}.gear-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.pick.gear-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.gear-overlay{z-index:40;box-sizing:border-box;padding:max(8px, var(--sa-t,env(safe-area-inset-top))) max(16px, var(--sa-r,env(safe-area-inset-right))) max(8px, var(--sa-b,env(safe-area-inset-bottom))) max(16px, var(--sa-l,env(safe-area-inset-left)));background:radial-gradient(ellipse at 80% 0%, var(--m-glow) 0, transparent 60%), repeating-linear-gradient(0deg, #0000002e 0 1px, transparent 1px 4px), var(--m-back);color:var(--m-text);justify-content:center;display:flex;position:fixed;inset:0}.gear-panel{box-sizing:border-box;border:2px solid var(--m-edge);background:var(--m-stripe) left top / 100% 4px no-repeat, var(--m-plate);border-top:0;flex-direction:column;gap:8px;width:100%;max-width:760px;min-height:0;padding:10px 14px 8px;display:flex;box-shadow:6px 6px #00000059}.gear-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.gear-actions{gap:8px;display:flex}.gear-swap{font:inherit;color:var(--m-btn-text);background:var(--m-btn);box-shadow:inset 0 2px 0 var(--m-btn-hi), inset 0 -3px 0 #00000059, inset 0 0 0 2px var(--m-btn-edge);cursor:pointer;border:0;min-height:44px;padding:0 14px}.gear-swap:focus-visible{outline:3px solid var(--m-mark);outline-offset:1px}.gear-title{font-family:var(--m-head-font);letter-spacing:.06em;color:var(--m-head);margin:0;font-size:20px}.gear-close{min-width:80px;min-height:44px;padding:0 14px}.gear-body{flex-direction:column;flex:auto;gap:18px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.gear-group-title{letter-spacing:.1em;color:var(--m-sub-head);margin:0 0 4px;font-size:12px}.gear-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:6px;display:grid}.gear-cell{flex-direction:column;align-items:center;gap:2px;min-height:72px;padding:4px;display:flex}.gear-cell .gear-icon{width:40px;height:40px}.gear-cell .gear-name{max-width:100%;font-size:13px}.gear-cell[aria-current=true]{border-color:var(--m-mark);box-shadow:inset 0 0 0 2px var(--m-mark)}.gear-kit{--gear-mark-1:var(--m-mark);--gear-mark-2:#7fd0c0}:root[data-skin=site-notice-12] .gear-kit{--gear-mark-2:#6fb1ff}.gear-cell{position:relative}.gear-mark{width:22px;height:22px;font-family:var(--m-head-font);color:var(--m-go-text);background:var(--gear-mark-1);place-items:center;font-size:15px;font-weight:700;display:grid;position:absolute;top:2px;right:2px}.gear-cell[data-mark="1"]{border-color:var(--gear-mark-1);box-shadow:inset 0 0 0 2px var(--gear-mark-1)}.gear-cell[data-mark="2"]{border-color:var(--gear-mark-2);box-shadow:inset 0 0 0 2px var(--gear-mark-2)}.gear-cell[data-mark="2"] .gear-mark{background:var(--gear-mark-2)}.gear-next{color:var(--m-text);border:2px dashed var(--gear-mark-1);align-items:center;padding:0 8px;font-size:12px;display:inline-flex}.gear-next[data-mark="2"]{border-color:var(--gear-mark-2)}.gear-cell.locked{opacity:.45}.gear-trait{text-align:center;white-space:normal;font-size:10px;line-height:1.2}.gear-line{min-height:1.4em;color:var(--m-sub-head);flex:none;margin:0;font-size:14px}@media (height<=340px){.gear-overlay{padding-top:max(4px, var(--sa-t,env(safe-area-inset-top)));padding-bottom:max(4px, var(--sa-b,env(safe-area-inset-bottom)))}.gear-panel{gap:4px;padding:6px 10px 4px}.gear-body{gap:12px}.gear-title{font-size:17px}.gear-close{min-height:38px}.gear-cell{min-height:62px}.gear-cell .gear-icon{width:32px;height:32px}.gear-line{min-height:1.4em;font-size:13px}}.screen:has(>.deployment-title),.screen:has(>.deployment-panel){background:radial-gradient(at 85% 15%,#214348 0,#0000 50%),#111b23}.screen .panel.deployment-panel{border:1px solid #36505a;border-top:3px solid var(--soil);background:#15232d;padding:20px;box-shadow:8px 8px #0003}.screen .panel.deployment-title{gap:14px;width:min(620px,100%);padding:28px}.deployment-title h1{letter-spacing:-1.5px;font-size:clamp(32px,6vw,46px);font-weight:900;line-height:1.1}.deployment-label{color:#7dcac1;letter-spacing:1px;margin:0;font:700 12px/1.5 monospace}.deployment-recruit{border-block:1px solid #36505a;flex-direction:column;gap:10px;margin-top:6px;padding-block:18px;display:flex}.deployment-panel .field{background:#111b23;border-color:#49636d;border-radius:2px}.deployment-panel .btn{border-radius:2px;min-height:44px;font-size:15px}.deployment-title #create-btn,.deployment-lobby #deploy-btn{background:var(--soil);color:var(--ink0);border:2px solid var(--soil);font-weight:800}.deployment-title #create-btn{min-height:48px}.deployment-title #squad-code-help{margin-top:10px}.deployment-join{grid-template-columns:minmax(0,1fr) minmax(100px,.6fr);gap:10px;display:grid}.deployment-join .field{width:100%;min-width:0}.deployment-heading{color:var(--paper);margin:0;font-size:16px}.deployment-title .later{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.deployment-title .later .btn{text-align:center;min-width:0;padding:8px}.deployment-utilities{border-top:1px solid #36505a;flex-wrap:wrap;gap:6px;padding-top:8px;display:flex}.deployment-utilities .btn{background:0 0;border-color:#36505a;flex:auto;padding:8px;font-size:13px}.deployment-utilities .btn[hidden]{display:none}.deployment-about{color:#a4b6bb;text-underline-offset:4px;align-self:center;padding:12px;font-size:14px}.deployment-lobby .armory,.deployment-lobby .mission-board{border-color:#36505a}.deployment-panel .row{flex-wrap:wrap}.deployment-panel .row>.btn{flex-grow:1}.deployment-title #title-message:empty{display:none}.deployment-title #title-message{color:var(--soil)}.deployment-title .build-stamp{opacity:.6;font:12px/1.4 monospace}.deployment-lobby #lobby-code{-webkit-user-select:text;user-select:text}.deployment-invite{border-bottom:1px solid #36505a;flex-wrap:wrap;align-items:center;gap:8px 14px;padding-block:10px;display:flex}.deployment-invite .sub{flex:180px;font-size:14px}.deployment-invite .field{flex-basis:100%;width:100%;min-width:0;font-size:14px}.deployment-invite .field[hidden]{display:none}.deployment-title .btn:focus-visible,.deployment-title .field:focus-visible,.deployment-lobby .btn:focus-visible{outline-offset:3px;outline:3px solid #7dcac1}body:has(.deployment-title) .rotate-notice{visibility:hidden;pointer-events:none}@media (height<=520px){.screen .panel.deployment-lobby{grid-template-columns:minmax(125px,.8fr) minmax(0,1fr) minmax(0,1fr);grid-template-areas:"title title title""invite invite invite""roster armory board""actions armory board""stamp stamp stamp";padding:12px}.deployment-lobby .deployment-invite{grid-area:invite}.deployment-lobby .build-stamp{grid-area:stamp}.screen .panel.deployment-title{gap:10px;padding:16px}.deployment-title h1{font-size:30px}.deployment-recruit{gap:8px;padding-block:12px}.deployment-title .sub{font-size:14px}}@media (width<=400px){.screen .panel.deployment-title{padding:18px}.deployment-title .later .btn{flex-basis:40%;min-width:0}}
