@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-latin-800-normal-BKzMuPgK.woff2) format("woff2"),url(/assets/barlow-condensed-latin-800-normal-e9GbPXiK.woff) format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-600-normal-DepVgxBB.woff2) format("woff2"),url(/assets/barlow-condensed-latin-600-normal-BFJEwTuo.woff) format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/barlow-condensed-latin-900-normal-SFh9ViAc.woff2) format("woff2"),url(/assets/barlow-condensed-latin-900-normal-Bz1RFETY.woff) format("woff")}@font-face{font-family:Barlow Condensed;font-style:italic;font-display:swap;font-weight:900;src:url(/assets/barlow-condensed-latin-900-italic-BRE8F-lA.woff2) format("woff2"),url(/assets/barlow-condensed-latin-900-italic-CRRJoTIA.woff) format("woff")}@font-face{font-family:Barlow Condensed;font-style:italic;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-latin-800-italic-Cnej2eWp.woff2) format("woff2"),url(/assets/barlow-condensed-latin-800-italic-B5BpsPSY.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/manrope-latin-400-normal-PaqtzbVb.woff2) format("woff2"),url(/assets/manrope-latin-400-normal-8tf8FM3T.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/manrope-latin-700-normal-BZp_XxE4.woff2) format("woff2"),url(/assets/manrope-latin-700-normal-DGRFkw-m.woff) format("woff")}:root{--mint: #9dffdb;--muted: #8198a6;--line: #30424d;--ui-text: #e9fff9;--ui-muted: #a9bfca;--ui-surface: #101e29;--ui-field: #1b303d;--ui-border: #607e8c40;--ui-selected: #1c393d;--ui-radius: 2px;--ui-dialog-radius: 4px;--ui-control-height: 44px;--ui-facet: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);--ui-focus: 2px solid var(--mint)}:root{--safe-top: var(--safe-area-inset-top, env(safe-area-inset-top, 0px));--safe-right: var(--safe-area-inset-right, env(safe-area-inset-right, 0px));--safe-bottom: var( --safe-area-inset-bottom, env(safe-area-inset-bottom, 0px) );--safe-left: var(--safe-area-inset-left, env(safe-area-inset-left, 0px));font-family:Manrope,Arial,sans-serif;color:#e9fff9;background:#080d19;font-synthesis:none}*{box-sizing:border-box}html{height:100dvh;overflow:hidden;overscroll-behavior:none}#viewport-measure{position:fixed;inset:0;width:100%;height:100dvh;visibility:hidden;pointer-events:none;contain:strict;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}body{height:100dvh;margin:0;overflow:hidden}canvas{display:block}#app>canvas{position:fixed;inset:0;cursor:crosshair}#interface{z-index:5;position:fixed;inset:0;pointer-events:none}.topbar{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;position:relative;z-index:5;background:linear-gradient(#080d19d9,transparent)}.wordmark{color:#f1fff9;text-decoration:none;font:800 26px Barlow Condensed,sans-serif;letter-spacing:1px}.wordmark span{color:var(--mint)}.session{font-size:10px;letter-spacing:2px;color:#b4c5cd;display:flex;gap:12px;align-items:center}.session i{width:5px;height:5px;background:var(--mint);border-radius:50%;box-shadow:0 0 10px #9dffdb;display:inline-block}.session span{color:#6b8493;margin-left:14px}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#080d197a,#080d19b0 55%,#080d19eb);pointer-events:auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}kbd{font:10px Manrope,sans-serif;border:1px solid #43525e;border-radius:3px;min-width:20px;padding:4px;color:#c1d3d7;display:inline-block;text-align:center}.small{font-size:8px;letter-spacing:2px;color:#a4b7c0;display:block}#results{--result-accent: #ff8c92;overflow-y:auto;padding:max(28px,var(--safe-top)) max(24px,var(--safe-right)) max(24px,var(--safe-bottom)) max(24px,var(--safe-left));box-shadow:inset 0 0 100px #d65f7130}#results[data-outcome=victory]{--result-accent: var(--mint);box-shadow:inset 0 0 100px #9dffdb20}#results[data-outcome=draw]{--result-accent: #e9fff9;box-shadow:none}.result-content{width:min(100%,700px);min-height:min(660px,85dvh);display:flex;flex-direction:column;justify-content:center;text-align:center}.result-emblem{display:block;width:80px;height:80px;object-fit:contain;margin:0 auto 12px}#results[data-outcome=victory] .result-emblem,#results[data-outcome=draw] .result-emblem{visibility:hidden}#result-context{margin:0 0 12px;color:#bccbd6;font-size:11px;letter-spacing:2px;text-transform:uppercase}.result-content h2{margin:0;color:var(--result-accent);font:italic 900 clamp(64px,9vw,112px)/1 "Barlow Condensed",sans-serif;text-transform:uppercase}#result-message{margin:20px 0 0;color:#bccbd6;font-size:14px;overflow-wrap:anywhere}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);width:min(100%,450px);margin:42px auto 0}.result-stats>div+div{border-left:1px solid #71869655}.result-stats strong{display:block;color:#d7fff1;font:italic 800 36px/1 Barlow Condensed,sans-serif}.result-stats span{display:block;margin-top:10px;color:#bccbd6;font-size:10px;letter-spacing:1px;text-transform:uppercase}.result-secondary{display:flex;justify-content:center;gap:20px;margin-top:16px;color:#9badba;font-size:11px}#result-highlight{min-height:18px;margin-top:12px}.result-footer{margin-top:42px}.result-actions{display:flex;justify-content:center;gap:16px}.result-actions button{margin:0;justify-content:center;flex:1;max-width:240px;min-height:54px;padding:12px 18px;font:italic 900 24px/1.15 Barlow Condensed,sans-serif;text-transform:uppercase}.result-actions:has(#watch-match:not([hidden])) #retry{border:1px solid #a5fce3;background:#080d1940;color:#d7fff1;box-shadow:none}#result-action-hint{max-width:44ch;margin-inline:auto;margin:16px 0 0;color:#bccbd6;font-size:12px}#result-action-hint:empty{display:none}.result-footer>.quiet{margin-top:16px;min-height:44px;color:#bccbd6;font-size:12px;letter-spacing:1px}#hud{position:absolute;inset:0}#results:not([hidden]){animation:result-reveal .45s ease-out both}#results:not([hidden]) .result-content>*{animation:result-content-in .4s .12s both ease-out}@keyframes result-reveal{0%{opacity:0}to{opacity:1}}@keyframes result-content-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@media(max-width:900px){.topbar{padding:0 20px}.session{display:none}}@media(max-width:600px){#results{align-items:stretch}.result-content{min-height:100%}.result-summary{margin:auto 0;padding-top:16px}.result-emblem{width:64px;height:64px}.result-content h2{font-size:clamp(60px,19vw,88px)}#result-message{font-size:12px}.result-stats{margin-top:32px}.result-stats strong{font-size:32px}.result-stats span{font-size:9px;letter-spacing:.5px}.result-footer{margin-top:28px}.result-actions{flex-direction:column;gap:10px}.result-actions button{margin:0;justify-content:center;max-width:none;flex:none}}@media(max-height:550px)and (orientation:landscape){#results{align-items:flex-start;padding-top:16px;padding-bottom:16px}.result-content{min-height:0}.result-emblem{display:none}.result-content h2{font-size:54px}#result-context{margin-bottom:6px}#result-message{margin-top:8px}.result-stats{margin-top:16px}.result-secondary,#result-highlight{margin-top:8px}.result-footer{margin-top:16px}}#app:after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:#080d19;opacity:0}#app[data-run-phase=dying]:after{animation:arena-fade 1.5s ease-in both}#app[data-run-phase=results]:after{opacity:.5}#app[data-run-phase=results] #results{background:transparent;-webkit-backdrop-filter:saturate(.45);backdrop-filter:saturate(.45)}#app[data-run-phase=spawning] #title{animation:departure-fade .24s ease-out both;pointer-events:none}#app[data-run-phase=spawning] .topbar{opacity:0;pointer-events:none}#app[data-run-phase=dying] #hud,#app[data-run-phase=dying] .topbar{animation:departure-fade .28s ease-out both;pointer-events:none}#app[data-run-phase=game] #hud{animation:result-content-in .24s ease-out both}@keyframes departure-fade{to{opacity:0}}@keyframes arena-fade{0%,35%{opacity:0}to{opacity:.5}}@media(prefers-reduced-motion:reduce){#app[data-run-phase]:after,#app[data-run-phase] #title,#app[data-run-phase] #hud,#app[data-run-phase] .topbar,#results:not([hidden]),#results:not([hidden]) .result-content>*{animation:none}#app[data-run-phase=spawning] #title,#app[data-run-phase=dying] #hud,#app[data-run-phase=dying] .topbar{opacity:0}}#app[data-run-phase=spawning] #aim-stick,#app[data-run-phase=spawning] #touch-dash,#app[data-run-phase=spawning] #rotate-hint{visibility:hidden;pointer-events:none}#app[data-run-phase=spawning] #move-stick{opacity:.6}#death-direction{position:fixed;inset:0;z-index:4;pointer-events:none;background:radial-gradient(ellipse at var(--source-x) var(--source-y),#ff4568,transparent 58%)}#death-skip{position:absolute;bottom:calc(28px + var(--safe-bottom));left:calc(20px + var(--safe-left));right:calc(20px + var(--safe-right));margin:0;color:#b0c5ce;text-align:center;font-size:10px;letter-spacing:.6px;pointer-events:none}#result-message{overflow-wrap:anywhere}#result-highlight{line-height:1.6;text-wrap:balance}#result-highlight[data-kind=record]{color:#ffda8b}#result-highlight[data-kind=close]{color:var(--mint)}button{cursor:pointer;color:inherit;transition:background .15s,transform .15s}.quiet{border:0;background:transparent;color:#9eb2bb;font-size:10px;letter-spacing:1.5px;padding:14px;pointer-events:auto}.ui-input{display:block;background:#0c1926b3;border:1px solid #334952;color:#eafff6;padding:14px 18px;margin:0 auto 12px;width:100%;text-align:center;border-radius:var(--ui-radius);font-size:12px}.ui-input::placeholder{color:#718d9a}.primary{display:flex;align-items:center;justify-content:space-between;margin:auto;width:auto;min-height:var(--ui-control-height);background:linear-gradient(135deg,#ffffff35,transparent 55%),var(--mint);border:0;border-radius:var(--ui-radius);color:#102823;font-size:14px;font-weight:800;padding:19px 22px;pointer-events:auto;box-shadow:inset 0 -3px #24544930,0 0 24px #74ffc310}.primary:not(:disabled):hover{background:#c7ffed;box-shadow:0 0 35px #74ffc337}.primary span{font-size:22px;line-height:1}.secondary{min-height:44px;padding:10px 16px;border:1px solid #65877e;border-radius:var(--ui-radius);background:#152c33;color:#caffea;font:inherit;font-size:13px}.menu-dialog{pointer-events:auto;width:min(540px,calc(100vw - 32px - var(--safe-left) - var(--safe-right)));max-height:calc(var(--view-height, 100dvh) - 32px - var(--safe-top) - var(--safe-bottom));padding:0;margin:auto;color:var(--ui-text);background:linear-gradient(135deg,#9dffdb0a,transparent 35%),var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-dialog-radius);box-shadow:0 30px 100px #000a;overscroll-behavior:contain}.menu-dialog[open]{display:flex;flex-direction:column}.menu-dialog::backdrop{background:#0309148c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-head{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:12px;margin:0;min-height:64px;padding:8px 12px 8px 24px;border-bottom:1px solid var(--ui-border)}.dialog-head h2{margin:0;font:600 28px/1.2 Barlow Condensed,sans-serif;letter-spacing:.4px}.dialog-close{width:44px;height:44px;flex-shrink:0;font-size:24px;padding:0;border-radius:var(--ui-radius);display:grid;place-items:center;color:var(--ui-muted)}.dialog-close:hover{background:#ffffff0a;transform:none}.dialog-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:8px 24px 20px;scrollbar-width:thin;scrollbar-color:#516671 transparent}.dialog-body h3{font-size:13px;margin:0 0 6px}.dialog-body p{color:var(--ui-muted);font-size:13px;line-height:1.65}.dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0;border-top:1px solid #829eab26;padding:14px 24px}.dialog-actions p{color:#8da7b4;font-size:11px;margin:0}.dialog-actions .primary{width:auto;min-width:120px;margin:0;padding:12px 16px;min-height:var(--ui-control-height);border-radius:var(--ui-radius);gap:24px}.ui-tabs{display:flex;flex:none;margin:0 0 12px;padding:3px;gap:4px;background:#080f1680;border-radius:var(--ui-radius)}.ui-tabs button{flex:1;min-width:0;min-height:var(--ui-control-height);padding:8px 10px;border:0;border-radius:var(--ui-radius);font:700 12px/1.4 Manrope,sans-serif;color:#9db3be;background:none}.ui-tabs button[aria-selected=true]{color:#dcfff1;background:var(--ui-selected);box-shadow:inset 0 -2px 0 var(--mint)}.volume-control{display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:18px}.volume-control output{font-size:11px;font-variant-numeric:tabular-nums;text-align:right;color:var(--ui-muted)}.ui-switch{position:relative;width:48px;min-width:48px;min-height:var(--ui-control-height);flex-shrink:0;padding:0;border:0;background:transparent}.ui-switch:before{content:"";position:absolute;inset:9px 1px;border:1px solid #59727f;border-radius:999px;background:#182b38}.ui-switch:after{content:"";position:absolute;top:13px;left:5px;width:18px;height:18px;border-radius:50%;background:#a9bfca;transition:transform .12s ease}.ui-switch[aria-checked=true]:before{border-color:var(--mint);background:var(--ui-selected)}.ui-switch[aria-checked=true]:after{transform:translate(20px);background:#edfff9}.ui-range{appearance:none;width:100%;height:44px;margin:0;padding:0;border:0;background:transparent;cursor:pointer}.ui-range::-webkit-slider-runnable-track{height:7px;border-radius:8px;background:linear-gradient(to right,#9dffdb var(--range-fill),#36505d var(--range-fill))}.ui-range::-webkit-slider-thumb{appearance:none;margin-top:-5.5px;width:18px;height:18px;border:0;border-radius:50%;background:#edfff9;box-shadow:0 0 6px #9cffe044}.ui-range::-moz-range-track{height:7px;border-radius:8px;background:#36505d}.ui-range::-moz-range-progress{height:7px;border-radius:8px;background:#9dffdb}.ui-range::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:50%;background:#edfff9;box-shadow:0 0 6px #9cffe044}.setting-select{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:6px 0;border-bottom:1px solid #829eab20;font-size:13px}.ui-select,#game-mode{min-height:var(--ui-control-height);max-width:100%;padding:8px 10px;border:1px solid #65818f40;border-radius:var(--ui-radius);background:var(--ui-field);color:var(--ui-text);font:inherit}button,input,select,textarea{font:inherit}button:not(:disabled){touch-action:manipulation}:is(button,input,select,textarea,summary,a):focus-visible{outline:var(--ui-focus);outline-offset:3px}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.45}button:disabled:hover{transform:none}.primary,.secondary,.quiet{border-radius:var(--ui-radius);min-height:var(--ui-control-height)}@media(hover:hover){button:not(:disabled):hover{filter:brightness(1.12)}}button:not(:disabled):active{filter:brightness(1.2)}.ui-icon{display:inline-block;width:24px;height:24px;flex-shrink:0;vertical-align:middle}.ui-switch{flex-shrink:0}.ui-select{min-width:0}.ui-range{touch-action:pan-y}.ui-range:disabled{opacity:.35}.ui-input{text-align:left}.menu-dialog .primary{margin:0;padding:12px 16px;font:700 14px/1.4 Manrope,sans-serif;letter-spacing:0;box-shadow:none}.menu-dialog .primary span{font:inherit}.menu-dialog button:hover{transform:none}.dialog-actions>form{margin:0}@media(prefers-reduced-motion:reduce){button,input,select,.ui-switch:after{transition:none!important}}.setting-select .ui-select,#game-mode{max-width:60%}@media(max-height:650px){.dialog-head{padding:12px 20px}.dialog-head .menu-eyebrow{display:none}.dialog-body{padding:16px 20px}.dialog-actions{padding:10px 20px}}@media(prefers-reduced-motion:no-preference){.menu-dialog[open]{animation:menu-enter .16s ease-out both}@keyframes menu-enter{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}}.dialog-body [data-display-feedback]{color:var(--mint)}@media(min-width:600px)and (max-height:500px)and (orientation:landscape){.menu-dialog{width:min(800px,calc(100vw - 32px - var(--safe-left) - var(--safe-right)))}.dialog-head,.dialog-actions{padding:8px 20px}}@media(max-width:600px){.menu-dialog .dialog-head{padding-left:18px}.menu-dialog .dialog-body{padding:8px 18px 16px}}@media(orientation:landscape)and (max-height:500px){.menu-dialog .dialog-head{min-height:52px;padding-top:4px;padding-bottom:4px}}.primary:disabled{background:#33434b;color:#b4c5cd;box-shadow:none;opacity:.75}body.in-game{overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.in-game #app>canvas{touch-action:none}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}#touch-controls{position:fixed;inset:0;pointer-events:none;z-index:6;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.stick-zone{position:absolute;width:168px;height:168px;bottom:calc(18px + var(--safe-bottom));touch-action:none;pointer-events:auto}#move-stick{left:calc(22px + var(--safe-left))}#aim-stick{right:calc(22px + var(--safe-right))}.stick-base{position:absolute;left:50%;top:50%;width:112px;height:112px;margin:-56px;border:1px solid #9dffdb55;border-radius:50%;background:radial-gradient(circle,#9dffdb05 35%,#1a3c415c);box-shadow:inset 0 0 0 9px #11273555,0 3px 24px #0002;pointer-events:none}.stick-cross{position:absolute;inset:14px;border:1px dashed #9dffdb25;border-radius:50%}.stick-knob{position:absolute;left:50%;top:50%;width:42px;height:42px;margin:-21px;border:1px solid #b4ffeaaa;border-radius:50%;background:#9dffdb24;box-shadow:0 0 18px #8bffcf16}.held .stick-base{border-color:#9dffdb99}.held .stick-knob{background:#9dffdb70;box-shadow:0 0 22px #8bffcf40}#aim-stick .stick-knob{width:32px;height:32px;margin:-16px;display:grid;place-items:center}#aim-stick .stick-knob svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}#aim-stick.automatic .stick-knob{color:#cefff0}#aim-stick.locked .stick-knob{color:#ffe1a6;border-color:#f7ce83;background:#594a2e}#aim-stick.locked .stick-base{border-color:#f7ce83;box-shadow:inset 0 0 0 3px #f7ce8333}#aim-stick.held .stick-base{border-color:#d9fff0}#aim-stick.firing .stick-base{box-shadow:inset 0 0 0 3px #8affdf55}#touch-dash{--ready: 100%;position:absolute;right:calc(68px + var(--safe-right));bottom:calc(200px + var(--safe-bottom));width:72px;height:72px;border:0;border-radius:50%;background:radial-gradient(closest-side,#152e3a 90%,transparent 93%),conic-gradient(var(--mint) var(--ready),#324953 0);color:var(--mint);pointer-events:auto;touch-action:none;padding:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 2px 20px #0004}#touch-dash>span{font-size:23px;line-height:24px}#touch-dash small{font-size:9px;margin-top:2px}#touch-dash.cooling{color:#a2b9c0}#touch-dash.pressed{background:#4a7d72;scale:.94}#rotate-hint{display:none;position:absolute;left:50%;top:calc(177px + var(--safe-top));transform:translate(-50%);font-size:10px;color:#97b6bd;white-space:nowrap;background:#0b1729b0;padding:6px 10px;border-radius:20px}.touch-mode .topbar{height:calc(44px + var(--safe-top));padding:var(--safe-top) calc(14px + var(--safe-right)) 0 calc(14px + var(--safe-left))}.touch-mode .session{display:none}.touch-mode .wordmark{font-size:22px}@media(hover:none){button:hover{transform:none}}@media(orientation:portrait){.touch-mode #rotate-hint{display:block;left:calc(16px + var(--safe-left));transform:none;top:calc(173px + var(--safe-top));font-size:9px;padding-left:0;background:none}}#interface{z-index:7}#interface,#touch-controls,#app>canvas{width:var(--view-width, 100vw);height:var(--view-height, 100dvh);bottom:auto;right:auto}.playing .topbar{position:absolute;inset:calc(var(--hud-tools-top, 38px) + var(--safe-top)) auto auto calc(12px + var(--safe-left));padding:0;height:auto;width:auto;background:none}.playing .wordmark,.playing .session{display:none}.hud-tools{display:flex;align-items:center;gap:6px}#hud-help{display:none}.playing .hud-tools button{position:relative;display:grid;place-items:center;width:44px;height:44px;padding:0;margin:0;border:1px solid #49677540;border-radius:5px;color:#adc5cc;background:#091624a6;font-size:0}.playing .hud-tools button:hover{transform:none;background:#183342}.playing #hud-help{display:grid}#hud-settings{display:grid;place-items:center;width:44px;padding:0}#hud-settings svg{width:20px;height:20px}.edge-progress{position:absolute;top:calc(14px + var(--safe-top));left:calc(12px + var(--safe-left));width:min(400px,42%);display:flex;align-items:center;gap:10px;color:var(--mint);font-size:10px;letter-spacing:1px}.edge-progress>span{white-space:nowrap}.level-number{color:var(--mint);font:600 18px/1 Barlow Condensed,sans-serif}.edge-track{position:relative;flex:1;min-width:24px;height:5px;background:#344b5c;box-shadow:0 0 0 1px #081321;overflow:hidden;border-radius:2px}#edge-xp{display:block;height:100%;background:#8affdf;transform-origin:left;transition:transform .18s ease-out}#leader-toggle{border:0;border-radius:0;background:none;text-align:left;font-family:inherit;align-items:center;cursor:default;display:grid;grid-template-columns:minmax(0,1fr) 24px 32px;gap:4px;position:absolute;top:calc(16px + var(--safe-top));right:calc(16px + var(--safe-right));width:184px;height:18px;padding:0 6px;font-size:8px;letter-spacing:1.4px;color:#94acb9}#leader-toggle>span:not(:first-child){text-align:right;font-size:7px;letter-spacing:0}.leaderboard{position:absolute;top:calc(34px + var(--safe-top));right:calc(16px + var(--safe-right));width:184px;background:#081421a3;border-radius:4px;pointer-events:none}.rank{display:grid;grid-template-columns:21px minmax(0,1fr) 24px 32px;align-items:center;gap:4px;padding:3px 6px;color:#b4c9d0;font-size:11px;line-height:16px;font-variant-numeric:tabular-nums}.rank-identity{display:flex;align-items:baseline;gap:4px;min-width:0}.rank-name{min-width:0;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rank-level{flex-shrink:0;white-space:nowrap;color:#94acb9;font-size:9px;letter-spacing:0}.rank.you .rank-level{color:var(--mint)}.rank>span:first-child{color:#819da9;font-size:10px}.rank strong{font-size:10px;font-weight:400;text-align:right}.rank-kills{text-align:right;color:#94acb9;font-size:10px}.rank.you .rank-kills{color:var(--mint)}.rank.leader>span:first-child{color:#f7ce83}.rank.you{color:var(--mint);background:#9dffdb16;box-shadow:inset 2px 0 #9dffdb}.rank.you>span:first-child{color:var(--mint)}#own-rank{margin-top:3px;border-top:1px solid #6ba69b40}.leaderboard,#leader-toggle{transition:opacity .16s ease-out}#app.player-under-standings .leaderboard,#app.player-under-standings #leader-toggle{opacity:.16}.map-panel{position:absolute;right:calc(16px + var(--safe-right));bottom:calc(14px + var(--safe-bottom));width:112px;opacity:.9}#minimap{display:block;width:100%;height:auto;border-radius:50%;background:transparent}#upgrade-panel{position:absolute;left:50%;transform:translate(-50%);bottom:calc(16px + var(--safe-bottom));width:min(600px,calc(100% - 460px))}.upgrade-heading{display:flex;justify-content:space-between;align-items:center;height:16px;margin:0 2px 6px;color:#bed9d6;font-size:8px;letter-spacing:1.3px;text-shadow:0 1px 4px #050b16}#queued{color:#e0d0ff;font-size:10px;font-weight:700;letter-spacing:0}#choices{display:flex;gap:8px}.upgrade,.chosen-echo{--accent: #9dffdb;container-type:inline-size;position:relative;flex:1;min-width:0;display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:60px;padding:10px 20px 10px 12px;text-align:left;color:#e4fff4;background:#0b1c28ed;border:1px solid #6aada966;border-radius:var(--ui-radius)}.upgrade{pointer-events:auto;animation:choice-in .16s ease-out;transition:transform .12s ease-out,border-color .12s,background .12s}.upgrade-content{display:flex;align-items:center;gap:inherit;width:100%;min-width:0}.upgrade-copy{flex:1;min-width:0;text-align:center}.upgrade strong,.chosen-echo strong{display:block;font:600 17px/1.1 Barlow Condensed,sans-serif;white-space:nowrap}.upgrade-copy small{display:block;margin-top:5px;color:#bdd1da;font-size:11px;line-height:14px;white-space:normal}.upgrade-preview{display:block;margin-top:5px;color:var(--accent);font-size:12px;line-height:16px;font-variant-numeric:tabular-nums;white-space:nowrap}.upgrade-icon{display:block;width:24px;height:24px;flex:none;color:var(--accent)}.upgrade-icon svg{width:100%;height:100%}.upgrade kbd,.chosen-echo kbd{position:absolute;top:4px;right:4px;max-width:56px;min-width:14px;padding:1px 3px;overflow:hidden;text-overflow:ellipsis;font-size:8px;color:#c3d8dd;border-color:#638d8255}@media(hover:hover){.upgrade:hover{transform:translateY(-2px);background:#18343e;border-color:var(--accent)}}.upgrade:focus-visible{background:#18343e;border-color:var(--accent);outline-offset:2px}.upgrade:active{transform:scale(.97);background:#234a50}.chosen-echo{position:fixed;z-index:12;pointer-events:none;border-color:var(--accent);box-shadow:0 0 16px #8affdf40}@keyframes choice-in{0%{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}.dash-meter{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;fill:none;stroke:#9dffdb;stroke-width:2.6;stroke-linecap:round}.dash-meter .dash-track{stroke:#31464d;stroke-dasharray:28 100}.dash-meter .charging{stroke:#739b9c}#desktop-dash{position:absolute;right:calc(144px + var(--safe-right));bottom:calc(28px + var(--safe-bottom));width:48px;height:48px;border-radius:50%;background:#10232e;display:grid;place-items:center;align-content:center;gap:1px;color:var(--mint)}#desktop-dash>span{font-size:24px;line-height:1}#desktop-dash small{font-size:9px;line-height:10px}#desktop-dash kbd{position:absolute;left:50%;bottom:-17px;transform:translate(-50%);border:0;background:none;padding:0;color:#a6bec6;font-size:8px}#desktop-dash.cooling{color:#68888e}#touch-dash{background:#152e3a}#touch-dash.pressed{background:#4a7d72}#damage-wash{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at var(--hit-x, 50%) var(--hit-y, 50%),#ff426d,transparent 60%);pointer-events:none}:is(#hud,#lab-health-feedback):after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 62%,#ef30461c 84%,#ff334d4d 100%);box-shadow:inset 0 0 clamp(56px,8vmin,100px) #ed254333;opacity:0;transition:opacity .22s}.low-health :is(#hud,#lab-health-feedback):after{opacity:1}.critical-health :is(#hud,#lab-health-feedback):after{background:radial-gradient(ellipse at center,transparent 52%,#ef243d33 82%,#ff334d80 100%);box-shadow:inset 0 0 clamp(64px,11vmin,128px) #f128464d;animation:critical-health-pulse 1.4s ease-in-out infinite}@keyframes critical-health-pulse{0%,to{opacity:.6}50%{opacity:1}}#app[data-paused=true] .critical-health #hud:after{animation-play-state:paused}body[data-motion=reduced] .critical-health :is(#hud,#lab-health-feedback):after{animation:none}@media(prefers-reduced-motion:reduce){.critical-health :is(#hud,#lab-health-feedback):after{animation:none}}#combat-notice{position:absolute;top:calc(42px + var(--safe-top));left:50%;transform:translate(-50%);margin:0;padding:6px 12px;border-radius:4px;background:#091522cc;color:#ddfff3;font-size:10px;font-weight:700;letter-spacing:1.2px;opacity:0;transition:opacity .16s;white-space:nowrap;pointer-events:none}#combat-notice.visible{opacity:1}.combat-readout{position:fixed;top:0;left:0;z-index:3;pointer-events:none;color:#e5fff4;font:800 17px/1 Barlow Condensed,sans-serif;text-shadow:0 1px 3px #020912,0 0 5px #020912}#aim-target{position:fixed;top:0;left:0;z-index:3;pointer-events:none;color:#a8ffe5;filter:drop-shadow(0 1px 2px #020912)}#aim-target i{position:absolute;width:7px;height:7px;border:solid currentColor}#aim-target i:nth-child(1){top:0;left:0;border-width:1.5px 0 0 1.5px}#aim-target i:nth-child(2){top:0;right:0;border-width:1.5px 1.5px 0 0}#aim-target i:nth-child(3){bottom:0;right:0;border-width:0 1.5px 1.5px 0}#aim-target i:nth-child(4){bottom:0;left:0;border-width:0 0 1.5px 1.5px}#target-label{position:fixed;top:0;left:0;z-index:3;pointer-events:none;color:#efffff;font-size:10px;text-shadow:0 1px 4px #000;white-space:nowrap;padding:2px 5px;background:#081321aa;border-radius:3px}:is(#leader-direction,.player-direction){position:fixed;top:0;left:0;width:112px;height:28px;z-index:5;color:var(--direction-color, #f7ce83);pointer-events:none;text-align:center;filter:drop-shadow(0 1px 3px #060b16)}:is(#leader-direction,.player-direction)>i{position:absolute;left:calc(50% + 12px);top:calc(50% - 4px);width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid currentColor;transform-origin:-12px 4px}:is(#leader-direction,.player-direction)>span{display:block;font:700 9px/12px Manrope,sans-serif;padding-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(#leader-direction,.player-direction)>small{font-size:8px;display:block}.build-upgrade{display:flex;align-items:center;gap:8px;margin:10px 0;color:#c7ede5}.build-heading{margin:16px 0 8px;font-size:11px;letter-spacing:1px}#build-stats{margin:0 0 16px;font-size:10px}#build-stats>div{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:1px solid #45675f55}#build-stats dt{color:#92acb5}#build-stats dt small{display:block;margin-top:3px;font-size:9px}#build-stats .stat-boosted dd{color:var(--mint)}#build-stats dd{margin:0;color:#e4fff4;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.build-max{margin-left:6px;color:var(--mint);font-size:8px;font-style:normal}.build-upgrade svg{width:22px;height:22px;flex:none}.build-upgrade span{flex:1;font-size:11px}.build-upgrade small{display:block;font-size:9px;color:#92acb5;line-height:1.4;margin-top:2px}.build-upgrade b{font-size:10px}#fullscreen-status:empty{display:none}#fullscreen-status{position:fixed;left:50%;top:calc(60px + var(--safe-top));transform:translate(-50%);max-width:min(320px,85vw);padding:8px 12px;background:#102434ed;border:1px solid #52766e;z-index:20;font-size:10px;color:#b8cad1}.touch-mode #desktop-dash{display:none}.touch-mode .playing .hud-tools button{width:44px;height:44px}.touch-mode .edge-progress{top:calc(12px + var(--safe-top));left:calc(12px + var(--safe-left));width:calc(100% - 196px - var(--safe-left) - var(--safe-right));gap:6px}.touch-mode #leader-toggle{top:calc(4px + var(--safe-top));right:calc(12px + var(--safe-right));width:164px;grid-template-columns:minmax(0,1fr) 24px 28px;gap:3px;padding:0 5px;height:44px;font-size:10px;pointer-events:auto;touch-action:none;cursor:pointer}.touch-mode #leader-toggle>span:first-child:after{content:" ▾"}.touch-mode #leader-toggle[aria-expanded=true]>span:first-child:after{content:" ▴"}.touch-mode #hud:not(.standings-expanded) .rank:not(.leader):not(.you){display:none}.touch-mode .leaderboard{top:calc(48px + var(--safe-top));right:calc(12px + var(--safe-right));width:164px}.touch-mode .rank{grid-template-columns:20px minmax(0,1fr) 24px 28px;gap:3px;font-size:11px;line-height:16px;padding:3px 5px}.touch-mode .rank strong,.touch-mode .rank-kills,.touch-mode .rank>span:first-child{font-size:9px}.touch-mode #upgrade-panel{width:calc(100% - 24px - var(--safe-left) - var(--safe-right));left:calc(50% + (var(--safe-left) - var(--safe-right)) / 2);bottom:calc(var(--dock-bottom) + var(--stick-size) + 12px)}.touch-mode #choices{gap:5px}.touch-mode .upgrade{min-height:96px;padding:8px;gap:6px}.touch-mode .upgrade strong{font-size:15px}.touch-mode .upgrade-copy small{font-size:8px}.touch-mode .upgrade-icon{width:20px;height:20px}.touch-mode .upgrade kbd{display:none}.touch-mode .map-panel{width:82px;top:calc(108px + var(--safe-top));bottom:auto;right:calc(12px + var(--safe-right));opacity:.85}@media(orientation:portrait){.touch-mode #hud.standings-expanded .map-panel{top:calc(198px + var(--safe-top))}}.touch-mode #touch-dash>span{font-size:19px;line-height:19px}.touch-mode #touch-dash small{font-size:8px}.touch-mode #rotate-hint{display:none}.touch-mode #combat-notice{top:calc(94px + var(--safe-top));left:calc(12px + var(--safe-left));transform:none;font-size:8px;letter-spacing:.6px;max-width:calc(100% - 154px);padding:5px 7px;white-space:normal}@media(orientation:landscape){.touch-mode .edge-progress{width:min(360px,48%)}.touch-mode .upgrade{padding:8px}.touch-mode #upgrade-panel{width:min(450px,calc(100% - 344px - var(--safe-left) - var(--safe-right)));bottom:calc(16px + var(--safe-bottom))}.touch-mode .map-panel{width:64px;left:calc(14px + var(--safe-left));right:auto;top:calc(96px + var(--safe-top));bottom:auto}.touch-mode #combat-notice{top:calc(44px + var(--safe-top));left:50%;transform:translate(-50%);max-width:260px}}@media(orientation:landscape)and (max-width:740px){.touch-mode .upgrade{padding:8px;gap:4px;min-height:96px}.touch-mode .upgrade strong{font-size:13px}.touch-mode .upgrade-icon{width:16px;height:16px}.touch-mode .upgrade-copy small{font-size:7px}.touch-mode .upgrade-heading{font-size:7px;letter-spacing:.5px}.touch-mode #queued{font-size:8px}}@media(orientation:landscape)and (max-height:360px){.touch-mode .map-panel{left:calc(14px + var(--safe-left));right:auto;top:calc(88px + var(--safe-top));bottom:auto;width:64px}.touch-mode .rank{padding-top:1px;padding-bottom:1px}}@media(max-width:900px){body:not(.touch-mode) #upgrade-panel{width:min(450px,calc(100% - 32px));bottom:calc(150px + var(--safe-bottom))}body:not(.touch-mode) .upgrade{padding:8px 6px}}@media(orientation:portrait)and (max-width:360px){.touch-mode .upgrade{gap:4px;padding:8px 6px}.touch-mode .upgrade strong{font-size:13px}.touch-mode .upgrade-icon{width:16px;height:16px}.touch-mode .upgrade-copy small{font-size:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}@media(orientation:landscape)and (max-width:740px){.touch-mode .map-panel{left:calc(14px + var(--safe-left));right:auto;top:calc(96px + var(--safe-top));bottom:auto;width:64px}}.touch-mode{--stick-size: min( 132px, calc( (var(--view-width, 100vw) - 96px - var(--safe-left) - var(--safe-right)) / 2 ) );--stick-edge: 12px;--dock-bottom: calc(16px + var(--safe-bottom));--dash-size: 52px}.touch-mode .stick-zone{width:var(--stick-size);height:var(--stick-size);bottom:var(--dock-bottom)}.touch-mode #move-stick{left:calc(var(--stick-edge) + var(--safe-left))}.touch-mode #aim-stick{right:calc(var(--stick-edge) + var(--safe-right))}.touch-mode .stick-base{width:min(112px,calc(var(--stick-size) - 12px));height:min(112px,calc(var(--stick-size) - 12px));margin:0;transform:translate(-50%,-50%)}.touch-mode #touch-dash{width:var(--dash-size);height:var(--dash-size);right:calc(var(--stick-edge) + var(--safe-right) + var(--stick-size) + 8px);bottom:calc(var(--dock-bottom) + (var(--stick-size) - var(--dash-size)) / 2)}.touch-mode .playing .hud-tools button{touch-action:none}@media(orientation:landscape){.touch-mode{--stick-size: 144px;--stick-edge: 14px;--dock-bottom: calc(12px + var(--safe-bottom));--dash-size: 60px}.touch-mode .stick-base{width:112px;height:112px}.touch-mode #touch-dash{right:calc(var(--stick-edge) + var(--safe-right) + var(--stick-size) + 8px);bottom:calc(var(--dock-bottom) + var(--stick-size) - var(--dash-size) + 70px)}}@container (120px < width <= 140px){.upgrade .upgrade-copy strong,.chosen-echo .upgrade-copy strong{font-size:15px}.upgrade .upgrade-copy small,.chosen-echo .upgrade-copy small{font-size:11px;line-height:14px;white-space:normal}}@container (max-width: 120px){.upgrade-content{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:24px 16px minmax(28px,auto) 16px;gap:5px;justify-items:center;align-items:start}.upgrade .upgrade-icon,.chosen-echo .upgrade-icon{grid-row:1;width:24px;height:24px}.upgrade-copy{display:contents}.upgrade-preview{grid-row:4;margin-top:0}.upgrade .upgrade-copy strong,.chosen-echo .upgrade-copy strong{grid-row:2;width:100%;text-align:center;font-size:clamp(12px,14cqi,15px);line-height:16px}.upgrade .upgrade-copy small,.chosen-echo .upgrade-copy small{grid-row:3;width:100%;text-align:center;font-size:11px;line-height:14px;margin-top:0;white-space:normal}}.touch-mode .upgrade .upgrade-copy strong,.touch-mode .chosen-echo .upgrade-copy strong{font-size:clamp(12px,14cqi,15px);white-space:nowrap}.touch-mode .upgrade .upgrade-copy small,.touch-mode .chosen-echo .upgrade-copy small{font-size:11px;white-space:normal;line-height:14px}#active-boosters{position:absolute;top:calc(var(--hud-tools-top, 38px) + 52px + var(--safe-top));left:calc(12px + var(--safe-left));display:flex;gap:5px;margin:0;padding:0;list-style:none;pointer-events:none}#active-boosters[hidden],#active-boosters li[hidden]{display:none}#active-boosters li{position:relative;display:grid;justify-items:center;align-content:center;gap:2px;width:40px;height:46px;overflow:hidden;color:var(--booster-color);background:#091522e8;border:1px solid color-mix(in srgb,var(--booster-color) 35%,transparent);border-radius:5px}#active-boosters svg{width:20px;height:20px}#active-boosters span{display:none}#active-boosters b{font-size:10px;line-height:13px;font-variant-numeric:tabular-nums}#active-boosters i{position:absolute;bottom:0;left:0;width:100%;height:2px;background:currentColor;transform-origin:left}#active-boosters .expiring{border-color:var(--booster-color)}.booster-legend-entry{display:flex;align-items:flex-start;gap:9px;padding:8px 0}.booster-legend-entry svg{width:22px;height:22px;flex-shrink:0;color:var(--booster-color)}.booster-legend-entry b{font-size:10px;color:var(--booster-color)}.booster-legend-entry small{display:block;font-size:10px;line-height:1.5;margin-top:2px}.touch-mode #active-boosters{left:calc(12px + var(--safe-left));top:calc(var(--hud-tools-top, 38px) + 52px + var(--safe-top));display:grid;grid-template-columns:repeat(3,34px);gap:4px}.touch-mode #active-boosters[hidden]{display:none}.touch-mode #active-boosters li{width:34px;height:38px;gap:0}.touch-mode #active-boosters svg{width:17px;height:17px}.touch-mode #active-boosters b{font-size:9px}.touch-mode #hud:has(#active-boosters:not([hidden])) #combat-notice{top:calc(180px + var(--safe-top))}@media(orientation:landscape){.touch-mode #active-boosters{top:calc(40px + var(--safe-top));left:calc(150px + var(--safe-left));grid-template-columns:repeat(5,34px)}.touch-mode #hud:has(#active-boosters:not([hidden])) #combat-notice{top:calc(82px + var(--safe-top))}}#booster-label{position:fixed;top:0;left:0;z-index:3;pointer-events:none;width:max-content;max-width:calc(100vw - 24px);padding:4px 7px;border-radius:3px;background:#081321d9;text-align:center;text-shadow:0 1px 3px #020912}#booster-label strong{display:block;color:var(--booster-color);font:700 10px/1.4 Manrope,sans-serif;letter-spacing:.5px}#booster-label span{display:block;color:#e4edf2;font-size:10px;line-height:1.4}#leader-toggle .ui-icon{width:14px;height:14px}#close-build .ui-icon{width:20px;height:20px}.touch-guide{display:none;margin-bottom:20px}.touch-mode .touch-guide{display:block}.touch-guide h3{margin-bottom:14px;color:var(--mint)}.touch-guide>div{display:grid;grid-template-columns:80px 1fr;gap:8px;margin:10px 0;font-size:12px;line-height:1.65}.touch-guide span{color:#a1b9c4}#keyboard-settings summary{cursor:pointer;padding:10px 0;font-size:13px;font-weight:700}#keyboard-settings summary span{float:right;font-size:10px;font-weight:400;color:#9db4be}#keyboard-settings summary:focus-visible{outline:2px solid var(--mint);outline-offset:4px}.settings-intro{margin:6px 0 18px}#binding-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}.binding-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.binding-key,.menu-option{background:#1a2c39;color:var(--mint);border:1px solid #416357;border-radius:var(--ui-radius);min-width:65px;min-height:44px;padding:8px 12px;font-size:12px}.binding-key.listening{border-color:var(--mint);background:#29483f;font-size:10px}#binding-status{color:var(--mint);min-height:38px;margin:16px 0 0}.binding-actions{display:flex;gap:16px}.binding-actions .quiet{min-height:44px;padding:8px 0;font-size:11px;letter-spacing:0}.preference-row{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:18px 0;border-top:1px solid #829eab26}.preference-row:last-child{padding-bottom:0}.preference-row p{margin:0}.preference-row .menu-option{flex-shrink:0;max-width:48%}.aim-settings{padding:18px 0;border-top:1px solid #829eab26}.aim-modes{min-width:0;margin:0;padding:0;border:0}.aim-modes legend{padding:0 0 10px;font-size:13px;font-weight:700}.aim-mode{display:flex;align-items:center;gap:12px;min-height:44px;margin:6px 0;padding:10px 12px;border:1px solid #829eab35;border-radius:var(--ui-radius);cursor:pointer}.aim-mode:has(input:checked){border-color:var(--mint);background:#9dffdb0c}.aim-mode:has(input:focus-visible){outline:2px solid var(--mint);outline-offset:3px}.aim-mode input{flex-shrink:0;width:18px;height:18px;margin:0;accent-color:var(--mint)}.aim-mode strong,.aim-mode small{display:block}.aim-mode strong{font-size:12px}.aim-mode small{margin-top:4px;color:#a1b9c4;font-size:11px;line-height:1.5}.aim-settings .preference-row{margin-top:14px}.menu-option:disabled{color:#9db4be;border-color:#344854;background:transparent;cursor:default;transform:none}.install-steps{padding:0;margin:20px 0;list-style:none;counter-reset:steps}.install-steps li{counter-increment:steps;display:flex;gap:12px;align-items:center;margin:14px 0;color:#c8dce1;font-size:13px;line-height:1.6}.install-steps li:before{content:counter(steps);display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border-radius:50%;background:#9dffdb13;color:var(--mint);font-size:11px}.install-note{padding-top:14px;border-top:1px solid #829eab26}#fullscreen-status{pointer-events:none}@media(min-width:600px)and (max-height:340px)and (orientation:landscape){#display-dialog .dialog-body:has(.install-steps)>p{display:none}}[hidden]{display:none!important}.session,#interface:not(.playing) .topbar .wordmark{display:none}.title-identity>.secondary{margin-top:28px}#tutorial-offer{color:#acc3ca;font-size:12px}.mode-selection{display:grid;gap:5px;margin:6px 0 20px}.mode-selection strong{font-size:15px}.mode-selection p{color:#acc3ca;font-size:12px;line-height:1.5}#pending-upgrades{position:absolute;pointer-events:auto;bottom:28px;left:50%;transform:translate(-50%);min-height:44px;padding:10px 18px;border:1px solid #8addbf;background:#16332f;color:#caffea;border-radius:var(--ui-radius)}#defer-upgrades{pointer-events:auto;min-height:44px;padding:6px 12px;font-size:12px;letter-spacing:0}.upgrade-heading{align-items:center}body[data-motion=reduced] *,body[data-motion=reduced] *:before,body[data-motion=reduced] *:after{animation:none!important;transition:none!important}body[data-hud-size=large] .rank,body[data-hud-size=large] .edge-progress{font-size:14px}body[data-hud-size=large] #combat-notice{font-size:12px}body[data-handedness=left] #move-stick{left:auto;right:calc(var(--stick-edge) + var(--safe-right))}body[data-handedness=left] #aim-stick{right:auto;left:calc(var(--stick-edge) + var(--safe-left))}body[data-handedness=left] #touch-dash{right:auto;left:calc(var(--stick-edge) + var(--safe-left) + var(--stick-size) + 8px)}body[data-control-size=large]{--stick-size: min( 164px, calc((100vw - 96px - var(--safe-left) - var(--safe-right)) / 2) );--dash-size: 60px}body[data-control-size=large] .stick-base{width:calc(var(--stick-size) - 12px);height:calc(var(--stick-size) - 12px)}body[data-dash-position=above] #touch-dash{right:calc(var(--stick-edge) + var(--safe-right) + (var(--stick-size) - var(--dash-size)) / 2);bottom:calc(var(--dock-bottom) + var(--stick-size) + 8px)}body[data-handedness=left][data-dash-position=above] #touch-dash{right:auto;left:calc(var(--stick-edge) + var(--safe-left) + (var(--stick-size) - var(--dash-size)) / 2)}#tutorial-panel{position:fixed;z-index:7;top:calc(60px + var(--safe-top));left:50%;transform:translate(-50%);width:min(460px,calc(100vw - 32px));padding:16px 20px;background:#0d202bee;border:1px solid #75c3aa;border-radius:var(--ui-radius);pointer-events:auto}#tutorial-play{min-width:var(--ui-control-height)}#tutorial-progress{color:#9dffdb;font-size:11px}#tutorial-heading{margin:6px 0;font:600 25px/1.1 Barlow Condensed,sans-serif}#tutorial-instruction{color:#c3d6dd;font-size:13px;line-height:1.5;margin:6px 0 10px}.tutorial-actions{display:flex;gap:12px;align-items:center}.tutorial-actions button{min-height:44px;padding:10px 14px;font-size:12px}.tutorial-marker{position:fixed;z-index:2;width:32px;height:32px;border:2px solid #9dffdb;border-radius:50%;background:#9dffdb25;box-shadow:0 0 24px #9dffdb66;transform:translate(-50%,-50%);pointer-events:none}.tutorial-active .leaderboard,.tutorial-active #leader-toggle,.tutorial-active .map-panel,.tutorial-active #leader-direction{visibility:hidden}[data-upgrades-allowed=false] #upgrade-panel,[data-upgrades-allowed=false] #pending-upgrades{display:none}@media(max-width:600px)and (orientation:portrait){.title-content{gap:18px}.title-identity>.secondary{margin-top:18px}#tutorial-offer{margin:8px 0 0}.touch-mode #pending-upgrades{bottom:calc(var(--dock-bottom) + var(--stick-size) + 16px)}.touch-mode #tutorial-panel{top:calc(90px + var(--safe-top));padding:12px 16px}.touch-mode .edge-progress{width:calc(100% - 180px - var(--safe-left) - var(--safe-right))}.touch-mode #leader-toggle,.touch-mode .leaderboard{width:148px}.touch-mode #leader-toggle{grid-template-columns:minmax(0,1fr) 20px 28px}.touch-mode .rank{grid-template-columns:16px minmax(0,1fr) 20px 28px}}@media(orientation:landscape)and (max-height:500px){.mode-selection{margin:0 0 8px}.mode-selection p{display:none}#tutorial-panel,.touch-mode #tutorial-panel{top:calc(42px + var(--safe-top));width:min(380px,calc(100vw - 280px));padding:10px 14px}#tutorial-heading{font-size:21px}#tutorial-instruction{font-size:12px}.tutorial-actions button{padding:8px}.touch-mode #pending-upgrades{bottom:calc(16px + var(--safe-bottom))}}.mode-selection>label{display:none}.mode-selection p{margin:0}@media(orientation:landscape)and (max-height:500px){#tutorial-panel,.touch-mode #tutorial-panel{display:grid;grid-template-columns:minmax(0,1fr) 84px;gap:10px}.tutorial-actions{flex-direction:column;justify-content:center;gap:2px}.tutorial-actions button{width:100%}}#leader-toggle>span:not(:first-child){font-size:13px;letter-spacing:0;text-align:right}@media(max-width:600px)and (orientation:portrait){.result-content h2{font-size:clamp(54px,17vw,90px)}}@media(orientation:landscape)and (max-height:350px){#tutorial-panel,.touch-mode #tutorial-panel{top:calc(8px + var(--safe-top));left:auto;right:calc(12px + var(--safe-right));width:min(500px,calc(100vw - 132px - var(--safe-left) - var(--safe-right)));transform:none;padding:8px 12px}#tutorial-heading{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.tutorial-active .edge-progress{visibility:hidden}}.tutorial-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px}#tutorial-safe{color:#a8c4ba;font-size:11px}#tutorial-status{margin:0;color:#9dffdb;font-size:13px}#tutorial-status:empty{display:none}#tutorial-recharge{display:block;width:100%;height:6px;margin:10px 0;accent-color:#9dffdb}#tutorial-panel[data-satisfied=true]{border-color:#9dffdb}#tutorial-cue{position:fixed;z-index:2;height:3px;border-top:2px dashed #ff9a9a;transform-origin:left center;pointer-events:none}.tutorial-marker.offscreen{border-style:dashed}.tutorial-active #defer-upgrades,.tutorial-active[data-tutorial-step=move] #hud-help,.tutorial-active[data-tutorial-step=fire] #hud-help,.tutorial-active[data-tutorial-step=move] .edge-progress,.tutorial-active[data-tutorial-step=fire] .edge-progress{display:none}.tutorial-active:is([data-tutorial-step=move],[data-tutorial-step=fire],[data-tutorial-step=collect]) :is(#desktop-dash,#touch-dash){visibility:hidden;opacity:0;pointer-events:none}#controls-dialog{width:min(560px,calc(100vw - 32px - var(--safe-left) - var(--safe-right)));overflow:hidden}.settings-layout{display:flex;flex-direction:column;min-height:0}.settings-panes{max-height:490px}.audio-setting{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:24px;padding:8px 0 16px}.audio-setting+.audio-setting{border-top:1px solid #829eab20;padding-top:12px}.audio-setting>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.advanced-settings{border-top:1px solid #829eab20}.advanced-settings summary{min-height:44px;padding:13px 0;color:#a9bfca;cursor:pointer;font-size:12px}.advanced-settings .preference-row{padding:4px 0 0;border:0}#pane-display>button{margin-top:18px}#try-controls{margin-top:16px}.settings-dialog #keyboard-settings summary>span{float:none;font-size:13px;font-weight:700;color:inherit;display:inline}.settings-dialog #binding-status:empty{display:none}.input-sections{display:flex;gap:8px;padding-bottom:12px}.input-sections button{flex:1;min-height:44px;padding:8px 10px;border:1px solid #65818f40;border-radius:var(--ui-radius);background:none;color:#a9bfca;font:inherit;font-size:12px}.input-sections button[aria-pressed=true]{background:var(--ui-selected);color:#dcfff1;border-color:#80b09d}.settings-dialog .setting-hint{font-size:12px;line-height:1.5;margin:8px 0}.hud-preview{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding:12px;border:1px solid #65818f40;border-radius:var(--ui-radius);background:#091522;font-size:10px;color:#9dffdb}.preview-level{font:600 18px/1 Barlow Condensed,sans-serif}.preview-track{flex:1;min-width:24px;height:5px;background:linear-gradient(to right,#9dffdb 60%,#344b5c 60%);border-radius:2px}.preview-caption{flex-basis:100%;color:#8da7b4;font-size:10px}body[data-hud-size=large]{--hud-tools-top: 46px}body[data-hud-size=large] .level-number,body[data-hud-size=large] .preview-level{font-size:24px}body[data-hud-size=large] .hud-preview{font-size:14px}body[data-hud-size=large] .rank{line-height:20px;grid-template-columns:28px minmax(0,1fr) 28px 38px}body[data-hud-size=large] .rank strong,body[data-hud-size=large] .rank-kills,body[data-hud-size=large] .rank>span:first-child{font-size:13px}body[data-hud-size=large] .rank-level{font-size:11px}body[data-hud-size=large] #leader-toggle,body[data-hud-size=large] .leaderboard{width:216px}body[data-hud-size=large] #leader-toggle{font-size:11px;grid-template-columns:minmax(0,1fr) 28px 38px}body[data-hud-size=large] #active-boosters b,body[data-hud-size=large] #desktop-dash small,body[data-hud-size=large] #touch-dash small{font-size:12px}body[data-hud-size=large] #build-page .build-upgrade span{font-size:14px}body[data-hud-size=large] #build-page .build-upgrade small,body[data-hud-size=large] #build-page .build-upgrade b,body[data-hud-size=large] #build-stats{font-size:12px}body[data-hud-size=large] #build-page{max-height:min(300px,max(88px,calc(50dvh - 176px)))}@media(max-width:600px)and (orientation:portrait){body[data-hud-size=large]{--hud-tools-top: 58px}body[data-hud-size=large] #leader-toggle,body[data-hud-size=large] .leaderboard{width:166px}body[data-hud-size=large] .edge-progress{width:calc(100% - 198px - var(--safe-left) - var(--safe-right));gap:4px;letter-spacing:0}body[data-hud-size=large] .rank{grid-template-columns:24px minmax(0,1fr) 23px 32px}body.touch-mode[data-hud-size=large] #tutorial-panel{top:calc(110px + var(--safe-top))}body.touch-mode[data-hud-size=large] #combat-notice{top:calc(114px + var(--safe-top))}body.touch-mode[data-hud-size=large] #hud:has(#active-boosters:not([hidden])) #combat-notice{top:calc(200px + var(--safe-top))}body.touch-mode[data-hud-size=large] #hud.standings-expanded .map-panel{top:calc(222px + var(--safe-top))}}.settings-dialog .binding-actions{margin-top:8px}#pause-menu{width:min(320px,calc(100vw - 32px - var(--safe-left) - var(--safe-right)))}#pause-menu .dialog-head{min-height:60px;padding-left:20px}.pause-actions{display:flex;flex-direction:column;gap:4px}#pause-menu .pause-actions{padding:4px 20px 16px}#resume{width:100%;border-radius:var(--ui-radius);margin-bottom:8px}.pause-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 4px;border:0;border-bottom:1px solid #829eab20;background:none;color:#c8dce1;font:400 13px/1.4 Manrope,sans-serif}.pause-link>.ui-icon{width:20px;height:20px;color:#8aa5b3}#pause-title{min-height:44px;padding:10px 0;text-align:left;font-size:12px;letter-spacing:0;color:#adb8c5}#hud-help svg{width:18px;height:18px}#hud-help[aria-expanded=true]{border-color:#8fe0c2;color:#b5ffe2}#build-panel{position:absolute;left:0;top:calc(100% + 6px);width:min(244px,calc(100vw - 32px - var(--safe-left) - var(--safe-right)));border:1px solid #65818f55;border-radius:var(--ui-radius);background:#0b1a29ed;color:#d3e7e6;pointer-events:auto;overflow:hidden}.build-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 4px 0 14px;border-bottom:1px solid #829eab20;font-size:12px}.playing .build-panel-head #close-build{width:44px;height:44px;border:0;background:none;font-size:20px}#build-page{max-height:min(300px,max(88px,calc(50dvh - 152px)));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#516671 transparent;padding:0 14px}#build-page .build-upgrade{margin:0;min-height:48px;padding:8px 0;border-bottom:1px solid #829eab20}#build-page .build-upgrade span{font-size:12px}#build-page .build-upgrade small{font-size:11px}#build-page>#build>p{margin:12px 0;font-size:11px;line-height:1.5;color:#a9bfca}#build-page summary{min-height:44px;padding:13px 0;font-size:11px;cursor:pointer}@media(max-width:600px){.settings-tabs{margin-right:14px;margin-left:14px}.settings-tabs button{padding:8px 4px}.settings-dialog .setting-select select{font-size:16px}}@media(max-width:480px){.audio-setting{grid-template-columns:minmax(0,1fr);gap:0;padding-top:0;padding-bottom:8px}}@media(orientation:landscape)and (max-height:500px){.settings-tabs{margin-bottom:4px}#pause-menu .dialog-head{min-height:48px}#pause-menu .pause-actions{gap:0;padding-bottom:8px}#resume{margin-bottom:4px}}.settings-dialog>.settings-container{padding:0;overflow:hidden;display:flex;flex-direction:column}.settings-tabs{margin:0 20px 12px}@media(max-width:600px){.settings-tabs{margin-inline:14px}}#preferences-status.save-failed{color:#f4cf97}.control-preview{position:relative;height:150px;margin:16px 0;border:1px solid #65818f80;background:#091522;border-radius:var(--ui-radius)}.control-preview>span{position:absolute;display:grid;place-items:center;width:72px;height:72px;border:2px solid #9dffdb;border-radius:50%;color:#d3ffe9;font-size:11px;text-align:center}.control-preview .preview-move{left:12px;bottom:12px}.control-preview .preview-aim{right:12px;bottom:12px}.control-preview .preview-dash{width:44px;height:44px;right:94px;bottom:12px}.control-preview[data-handedness=left] .preview-move{left:auto;right:12px}.control-preview[data-handedness=left] .preview-aim{right:auto;left:12px}.control-preview[data-handedness=left] .preview-dash{right:auto;left:94px}.control-preview[data-dash=above] .preview-dash{bottom:94px;right:24px}.control-preview[data-handedness=left][data-dash=above] .preview-dash{right:auto;left:24px}.control-preview[data-size=large] .preview-move,.control-preview[data-size=large] .preview-aim{width:82px;height:82px}body[data-interface-size=large] :is(.menu-dialog,#online-room,#title) :is(p,label,small,.quiet,.secondary,.play-tabs button,.binding-row,.ui-tabs button,#selected-mode-description,.mode-change,.squad-invite>span:last-child){font-size:16px;letter-spacing:0}.online-menu-warning{display:none}#app[data-online-active=true]:not(.menu-visible) .online-menu-warning{display:block;color:#ffd394;font-size:13px;line-height:1.5;margin:12px 0 0}#app[data-online-active=true]:not(.menu-visible) .settings-container>.online-menu-warning{padding:4px 18px;margin:0;flex-shrink:0}@media(orientation:landscape)and (max-height:500px){#controls-dialog{width:min(820px,calc(100vw - 24px - var(--safe-left) - var(--safe-right)))}.settings-layout{flex-direction:row;overflow:hidden}.settings-tabs{flex-direction:column;width:104px;margin:8px;align-self:start}.settings-tabs button{flex:none}.settings-panes{flex:1;padding:8px 14px!important}.settings-dialog .dialog-actions{padding:6px 16px}#keyboard-settings summary,.settings-intro{display:none}#binding-list{gap:6px 12px}.settings-dialog .input-sections{padding-bottom:6px}.settings-dialog .audio-setting{grid-template-columns:minmax(100px,1fr) minmax(100px,1fr);gap:12px}}.play-tabs{display:flex;gap:4px;padding:4px;border:1px solid #829eab30;background:#0a1420;border-radius:var(--ui-radius)}.play-tabs button{flex:1;min-height:44px;border:0;border-radius:var(--ui-radius);background:transparent;color:#acc3ca;font:700 12px Manrope,sans-serif;cursor:pointer}.play-tabs button[aria-pressed=true]{color:#e9fff9;background:#25433d}.play-tabs button:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.party-note,.lobby-note{color:#b2c7cf;font-size:12px;line-height:1.6;margin:0 0 16px}#online-create,#online-share{width:100%;min-height:44px;font-size:12px}#online-join{display:grid;gap:10px}#online-join label{font-size:11px;color:#b2c7cf}#room-code{width:100%;min-width:0;text-transform:uppercase;font-size:16px}#online-resume{width:100%;min-height:44px;font-size:11px}#online-status{color:var(--mint);font-size:12px;line-height:1.6;overflow-wrap:anywhere}#online-status:empty{display:none}.online-banner{position:fixed;top:calc(12px + var(--safe-top));left:50%;transform:translate(-50%);z-index:24;display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:max-content;max-width:calc(100% - 160px);padding:6px 12px;background:#101e26ed;border:1px solid #829eab30;border-radius:var(--ui-radius);color:#c6e0e6;font-size:11px}.online-banner button{min-height:44px;font-size:11px;padding:8px}.online-banner #online-status{margin:0}@media(max-width:620px){.online-banner{top:calc(60px + var(--safe-top));max-width:calc(100% - 32px)}#online-population{display:none}}#app{--menu-height: calc(76px + var(--safe-top));--menu-gutter: max(32px, var(--safe-left), var(--safe-right))}#menu-header{position:fixed;z-index:45;inset:0 0 auto;height:var(--menu-height);padding:var(--safe-top) var(--menu-gutter) 0;display:flex;align-items:center;gap:40px;border-bottom:1px solid #829eab30;background:#0c1421e6;pointer-events:auto}.home-brand{text-decoration:none;color:#effff8;white-space:nowrap;font:italic 900 40px/1 Barlow Condensed,sans-serif;letter-spacing:-1px}.home-brand span{color:var(--mint)}.home-navigation{display:flex;align-self:stretch;align-items:stretch;gap:24px}.home-navigation>:is(button,a){display:flex;align-items:center;justify-content:center;padding:0 4px;border:0;border-bottom:3px solid transparent;background:none;color:#b2c3d3;text-decoration:none;font:italic 800 21px Barlow Condensed,sans-serif;text-transform:uppercase;letter-spacing:0}.home-navigation>[aria-current=page]{color:var(--mint);border-bottom-color:var(--mint)}.home-navigation>:hover{color:#effff8}.home-navigation #open-playground{font:600 17px Barlow Condensed,sans-serif}.menu-actions{margin-left:auto}.menu-actions button{display:grid;place-items:center;min-width:44px;min-height:44px;padding:10px}.menu-actions svg{width:22px;height:22px}#title{display:block;padding:var(--menu-height) var(--menu-gutter) max(16px,var(--safe-bottom));background:#101827;overflow-y:auto;overscroll-behavior:contain;-webkit-backdrop-filter:none;backdrop-filter:none}.lobby-scene{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.game-home{position:relative;display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);grid-template-rows:1fr auto;gap:24px 5vw;width:min(1440px,100%);min-height:100%;margin:auto}.home-menu{display:flex;flex-direction:column;justify-content:center;gap:clamp(24px,6vh,64px);padding:32px 0}.tagline{margin:0;font:italic 900 clamp(32px,3vw,44px)/1.04 "Barlow Condensed",sans-serif;text-transform:uppercase}.tagline span{display:block}.tagline span:last-child{color:var(--mint)}.game-home-stage{display:grid;align-items:center;justify-items:center;min-width:0}.player-presentation{width:min(440px,100%);text-align:center}.player-profile{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:44px;max-width:100%;border:0;padding:8px 44px;background:none;color:#effff8;font:600 22px Barlow Condensed,sans-serif}.player-profile span{overflow-wrap:anywhere}.player-profile svg{position:absolute;right:12px;width:20px;height:20px;flex-shrink:0;color:#b2c3d3}.lobby-avatar{height:clamp(200px,32vh,340px);width:100%}.game-launch{display:flex;flex-direction:column;gap:24px}#choose-mode{display:flex;align-items:center;gap:20px;width:100%;min-height:88px;padding:0;background:transparent;border:0;text-align:left;color:#effff8}#selected-mode-art{width:88px;height:88px;flex:0 0 88px;border:1px solid #829eab55;border-radius:4px;overflow:hidden}.mode-art{display:block;width:100%;height:100%}#mode-name{display:block;font:italic 900 30px/1.1 Barlow Condensed,sans-serif;text-transform:uppercase}.mode-change{display:flex;gap:10px;align-items:center;margin-top:8px;font:600 18px Barlow Condensed,sans-serif}.mode-change svg{width:15px;height:15px}#choose-mode:hover .mode-change{color:var(--mint)}.launch-actions{display:flex;flex-direction:column;gap:4px}#title #play-online{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:64px;margin:0;padding:12px 20px;border:0;border-radius:4px;background:var(--mint);color:#08251f;box-shadow:none;font:italic 900 32px/1.1 Barlow Condensed,sans-serif;letter-spacing:0;text-transform:uppercase}#play-online>svg{width:25px;height:25px}#play-online>span{font:inherit}.home-action{display:flex;align-items:center;gap:18px;min-height:64px;padding:12px 18px;background:none;color:#effff8;border:0;text-align:left;font:600 24px Barlow Condensed,sans-serif;letter-spacing:0}.home-action:hover{color:var(--mint);background:#a1ffdb08}.home-action svg{width:26px;height:26px}#toggle-party{justify-content:space-between;border-block:1px solid #829eab40;margin-block:4px}#toggle-party svg{width:18px;height:18px}.game-home-footer{grid-column:1/-1;min-height:32px;display:flex;align-items:center}.best{margin:0;color:#b2c3d3;font-size:12px}.best strong{color:#effff8;margin-left:8px;font:600 22px Barlow Condensed,sans-serif}#home-online-status{font-size:13px;color:#ffd394;line-height:1.6;margin:0}.menu-visible .topbar{display:none}.menu-visible #touch-controls,.menu-visible #match-status,.menu-visible #spectator-controls,.arsenal-open #online-room,.choosing-mode .game-home{visibility:hidden}.public-searching .launch-actions,.public-searching .mode-change{display:none}.public-searching #choose-mode{opacity:1}#public-search{min-height:245px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:18px}#public-search p{font:600 24px Barlow Condensed,sans-serif;margin:0}#public-search button{min-height:44px;min-width:140px}.search-spinner{width:38px;height:38px;border:4px solid #35545e;border-top-color:var(--mint);border-radius:50%;animation:search-spin 1s linear infinite}@keyframes search-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.search-spinner{animation:none}}.menu-page{position:fixed;z-index:35;inset:var(--menu-height) 0 0;overflow-y:auto;padding:clamp(24px,5vh,56px) var(--menu-gutter) max(24px,var(--safe-bottom));background:radial-gradient(ellipse at 80% 60%,#142333 0,#101827 65%);pointer-events:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 32px}.page-heading h2{font:italic 900 48px/1 Barlow Condensed,sans-serif;text-transform:uppercase;margin:0}.page-heading button{display:flex;align-items:center;gap:16px;min-height:44px;font-size:14px;letter-spacing:0}.page-heading svg{width:20px;height:20px}.player-name{min-height:48px;display:grid;align-items:center}#nickname-form{display:grid;max-width:100%;min-width:72px;margin:0 auto;font:600 22px Barlow Condensed,sans-serif}#nickname-form:after{content:attr(data-value);grid-area:1 / 1;visibility:hidden;white-space:pre;padding:8px 12px}#nickname-form[hidden],#edit-nickname[hidden]{display:none}#nickname{grid-area:1 / 1;min-width:0;width:100%;min-height:44px;margin:0;padding:8px 10px;text-align:center;color:#effff8;font:inherit;background:transparent;border:0;border-bottom:1px solid transparent;border-radius:0;box-shadow:none}@media(max-width:900px){#nickname-form{font-size:20px}}#nickname:focus-visible{outline:none;border-bottom-color:var(--mint);box-shadow:none}#online-resume{margin-top:20px;border-top:1px solid #829eab40;padding-top:16px}#code-error{color:#ffd394}#invitation-preview{font-size:13px;line-height:1.5}@media(max-width:900px){#menu-header{gap:24px}.home-navigation{gap:20px}.home-brand{font-size:34px}.game-home{grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:20px}}@media(max-width:650px)and (orientation:portrait){#app{--menu-height: calc(104px + var(--safe-top));--menu-gutter: max(24px, var(--safe-left), var(--safe-right))}#menu-header{display:grid;grid-template-columns:1fr auto;grid-template-rows:56px 48px;gap:0}.home-brand{font-size:34px}.home-navigation{grid-row:2;grid-column:1/-1;gap:28px}.home-navigation>:is(button,a){font-size:20px}.home-navigation #open-playground{font-size:16px}.menu-actions{grid-column:2;grid-row:1}.game-home{display:flex;flex-direction:column;gap:0}.game-home-stage{order:0;flex:1;min-height:220px;padding:24px 0 12px}.player-presentation{width:240px}.lobby-avatar{height:clamp(140px,23vh,210px)}.player-profile{font-size:20px}.home-menu{order:1;padding:12px 0 0}.tagline{display:none}.game-launch{gap:20px}#choose-mode{min-height:72px;gap:16px}#selected-mode-art{width:72px;height:72px;flex-basis:72px}#mode-name{font-size:28px}.mode-change{font-size:17px}#title #play-online{font-size:29px;min-height:58px;padding-inline:16px}.home-action{min-height:54px;font-size:23px;padding:10px 12px}.game-home-footer{order:2;padding-top:20px;min-height:52px}.page-heading h2{font-size:34px}.page-heading{margin-bottom:24px}#public-search{min-height:210px}}@media(max-width:360px)and (orientation:portrait){#app{--menu-gutter: max(16px, var(--safe-left), var(--safe-right))}.home-navigation{gap:20px}.game-home-stage{min-height:160px;padding-top:12px}.lobby-avatar{height:110px}#title #play-online{font-size:26px}.home-action{min-height:48px;font-size:21px}.game-launch{gap:12px}}@media(orientation:landscape)and (max-height:600px){#app{--menu-height: calc(56px + var(--safe-top));--menu-gutter: max(20px, var(--safe-left), var(--safe-right))}#menu-header{gap:24px}.home-brand{font-size:28px}.home-navigation{gap:20px}.home-navigation>:is(button,a){font-size:18px}.home-navigation #open-playground{font-size:14px}.tagline,.game-home-footer{display:none}.game-home{grid-template-columns:minmax(240px,300px) minmax(0,1fr);grid-template-rows:1fr}.home-menu{padding:16px 0 0}.game-launch{gap:12px}#choose-mode{min-height:58px}#selected-mode-art{height:58px;width:58px;flex-basis:58px}#mode-name{font-size:26px}.mode-change{font-size:16px;margin-top:4px}#title #play-online{min-height:48px;font-size:26px}.home-action{min-height:44px;padding:8px 12px;font-size:20px}.lobby-avatar{height:150px}.menu-page{padding-top:20px}.page-heading h2{font-size:32px}}.game-home{grid-template-columns:minmax(320px,420px) minmax(0,1fr)}.home-menu{gap:24px}.game-launch{gap:16px}#title .formation-choices{margin:0;gap:8px}#title .formation-choice{padding-bottom:10px}#title .formation-choice img{height:96px}#title .formation-choice strong{font-size:24px}#title .formation-choice small{font-size:12px}#title .formation-choice:disabled{opacity:.6;cursor:default}.game-home-stage{align-content:center;padding-block:24px}#home-party{width:min(560px,100%);text-align:left}.party-heading{display:flex;align-items:center;gap:12px}.party-heading h2{margin:0 auto 0 0;font:700 24px Barlow Condensed,sans-serif}.party-heading button{min-height:44px;font-size:12px;padding:8px 0}#party-seats{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:12px;margin-top:12px}.party-seat{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:124px;border:0;border-bottom:1px solid #829eab50;background:transparent;color:#b8cbd9;padding:8px}.party-seat img{height:64px;width:90px;object-fit:contain;-webkit-mask-image:radial-gradient(ellipse,black 30%,transparent 75%);mask-image:radial-gradient(ellipse,black 30%,transparent 75%)}.party-seat strong{font-size:14px;max-width:100%;overflow-wrap:anywhere}.party-seat small{font-size:11px;margin-top:4px;color:var(--mint)}.party-seat-empty{gap:14px;border:1px dashed #829eab60;border-radius:3px;cursor:pointer}.party-seat-empty:hover{color:var(--mint);border-color:var(--mint)}.party-seat-empty .ui-icon{width:28px;height:28px}.party-seat-empty span{font-size:13px}.party-remove{position:absolute;right:0;top:0;min-height:32px;padding:6px}.party-remove .ui-icon{width:16px;height:16px}#party-format-hint{color:#b8cbd9;font-size:12px;line-height:1.6;margin-block:14px}#party-invite-panel{border-top:1px solid #829eab35;padding-top:16px}#party-invite-panel p,#party-invite-panel label{font-size:12px;color:#b8cbd9;line-height:1.6}#party-invite-panel label{display:block;margin-bottom:8px}.party-link-row{display:flex;gap:8px}.party-link-row input{min-width:0;width:100%;font-size:13px}.party-link-row button{min-height:44px;padding:8px 14px;font-size:13px}#party-copy-status:empty{display:none}#title .home-action{min-height:48px;font-size:22px}#home-online-status:empty{display:none}@media(max-width:900px){.game-home{grid-template-columns:minmax(280px,340px) minmax(0,1fr)}}@media(max-width:650px)and (orientation:portrait){.game-home{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.home-menu,.game-launch{display:contents}#choose-mode{grid-row:1;margin-top:20px}#formation-options{grid-row:2}.game-home-stage{grid-row:3;padding:0;min-height:0}.player-presentation{width:100%}.lobby-avatar{display:none}.player-name{margin-bottom:8px}.party-heading h2{font-size:22px}#title .formation-choice img{height:72px}#title .formation-choice strong{font-size:22px}#party-seats{gap:8px;grid-template-columns:repeat(auto-fit,minmax(64px,1fr))}.party-seat{min-height:96px;padding:6px}.party-seat img{width:64px;height:44px}.party-seat strong{font-size:12px}.launch-actions{grid-row:5}#home-online-status{grid-row:4;margin:0}#public-search{grid-row:5}.game-home-footer{grid-row:6;padding-top:0}#title:not(.choosing-mode) #play-online{position:fixed;bottom:max(12px,var(--safe-bottom));left:var(--menu-gutter);width:calc(100% - 2 * var(--menu-gutter));z-index:2}#title{padding-bottom:calc(88px + var(--safe-bottom))}#title .home-action{min-height:44px;font-size:20px}}@media(orientation:landscape)and (max-height:600px){.game-home{grid-template-columns:minmax(240px,1fr) minmax(220px,1fr)}.lobby-avatar{height:100px}#title .formation-choice img{height:60px}#title .formation-choice strong{font-size:20px}.party-seat{min-height:96px}}#party-ready{width:100%;min-height:48px;margin-top:12px}#party-ready[aria-pressed=true]{color:var(--mint);border-color:currentColor}@media(max-width:640px)and (orientation:portrait){#title #play-online:disabled{opacity:1;color:#a4b8b6;background:#263c3c}}.team-fill-control{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 0;cursor:pointer}.team-fill-control input{width:22px;height:22px;accent-color:#9fffe0;flex:0 0 auto}.team-fill-control small{display:block;margin-top:3px;color:#a6bac5;font-size:.75rem}.team-fill-control:has(input:disabled){opacity:.6;cursor:default}#online-room{display:block;position:fixed;z-index:24;padding:calc(var(--menu-height) + 28px) var(--menu-gutter) max(16px,var(--safe-bottom));background:#101827;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:hidden}.lobby-layout{display:flex;flex-direction:column;gap:20px;height:100%;width:min(1440px,100%);margin:auto}.lobby-heading-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.lobby-heading-row>div{display:flex;align-items:baseline;gap:20px;flex-wrap:wrap}#lobby-heading{margin:0;font:italic 900 42px/1.05 Barlow Condensed,sans-serif;text-transform:uppercase}#lobby-population{margin:0;color:#b2c3d3;font-size:14px}#online-leave{display:flex;align-items:center;gap:8px;min-height:44px;white-space:nowrap}#online-leave svg{width:20px;height:20px}.lobby-overview{display:flex;align-items:start;gap:24px;padding:12px 0 20px;border-bottom:1px solid #829eab40;flex-shrink:0}.party-panel{flex:1;min-width:0}.lobby-invitation{display:flex;align-items:center;gap:16px;flex-wrap:wrap}#lobby-code{color:var(--mint);font:italic 900 32px Barlow Condensed,sans-serif;-webkit-user-select:all;user-select:all;overflow-wrap:anywhere}#online-share{width:auto;min-height:44px;border:1px solid #829eab60;padding:8px 12px}#lobby-link{display:none;width:100%;font-size:14px}.share-fallback #lobby-link{display:block}.lobby-mode{display:flex;align-items:center;gap:12px;flex:1;min-width:0}#lobby-mode-art{flex:0 0 64px;width:64px;height:64px}#lobby-mode-name{font:700 22px/1.15 Barlow Condensed,sans-serif}#lobby-format{color:#b2c3d3;margin:6px 0 0;font-size:14px}#lobby-rules{flex:0 1 260px;max-height:32vh;overflow-y:auto}#lobby-rules summary{display:flex;align-items:center;gap:10px;list-style:none;cursor:pointer;min-height:44px;font-size:14px;padding:10px 0}#lobby-rules-form{display:grid;gap:8px;font-size:14px;padding:8px 0}#lobby-rules-form p{color:#b2c3d3;font-size:12px;margin:0}#lobby-rules-form select{min-height:44px;color:#eafff6;background:#101827}.lobby-lock{display:flex;gap:8px;align-items:center;min-height:44px;font-size:14px}.lobby-lock input{accent-color:var(--mint)}#online-room .lobby-main{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2fr);gap:32px;scrollbar-gutter:stable}#lobby-own-team{border-right:1px solid #829eab40;padding-right:24px}#online-room.lobby-solo .lobby-main{grid-template-columns:minmax(0,1fr)}.lobby-others{min-width:0}.lobby-list-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}#online-room h3{font:italic 800 26px Barlow Condensed,sans-serif;text-transform:uppercase;margin:0 0 12px}.lobby-list-heading h3{margin-bottom:0!important}.lobby-filters{display:flex;gap:8px;flex-wrap:wrap}#lobby-search{margin:0;min-width:0;width:200px;min-height:44px;font-size:14px}#lobby-unready{min-height:44px;border:1px solid #829eab60;padding:8px;font-size:14px}#lobby-unready[aria-pressed=true]{color:var(--mint);border-color:var(--mint)}#online-room .lobby-team{padding:0;border:0;background:none}#online-room details.lobby-team{border-bottom:1px solid #829eab40}.lobby-team>summary{min-height:60px;padding:18px 8px;cursor:pointer;font:700 23px Barlow Condensed,sans-serif}#online-room .lobby-member{display:flex;flex-wrap:wrap;align-items:center;gap:12px;min-height:72px;border-bottom:1px solid #829eab30;padding:10px 0}#online-room .member-identity{display:flex;align-items:center;gap:12px;flex:1;min-width:100px}.member-avatar{color:var(--mint);flex:0 0 34px}.member-avatar img{width:34px;height:34px}.member-identity>div{min-width:0}#online-room .lobby-member strong{display:block;font:600 21px Barlow Condensed,sans-serif;overflow-wrap:anywhere}#online-room .lobby-member small{font-size:12px;color:#b2c3d3}.member-ready,.member-waiting{font-size:13px}.member-ready{color:var(--mint)}.member-waiting{color:#b2c3d3}.member-ready:before{content:"✓ "}.member-waiting:before{content:"○ "}.member-tools{flex:0 0 auto}.member-tools[open]{flex-basis:100%}.member-tools>summary{cursor:pointer;min-width:44px;min-height:44px;text-align:center;font-size:24px;list-style:none}.member-tools>summary::-webkit-details-marker{display:none}.member-tools button{display:block;min-height:44px;font-size:13px}.team-join{min-height:44px;font-size:13px}.team-join:disabled{opacity:.5;cursor:default}#online-room .lobby-launch{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:16px;border-top:1px solid #829eab40;flex-shrink:0;background:#101827}#lobby-ready-count{color:var(--mint);font:600 23px Barlow Condensed,sans-serif}#lobby-hint{color:#b2c3d3;font-size:12px;margin:4px 0 0}.lobby-launch-action{display:flex;gap:12px}#online-room .primary{margin:0;justify-content:center;min-height:48px;padding:10px 20px;font:italic 900 26px Barlow Condensed,sans-serif;text-transform:uppercase}#online-room .primary:disabled{opacity:1;background:#394d65;color:#bdccdd;cursor:default}#online-ready[aria-pressed=true]{background:#24443f;color:var(--mint)}#online-start>span{font:inherit}@media(max-width:850px){#online-room{padding-top:calc(var(--menu-height) + 16px)}.lobby-layout{gap:12px}#lobby-heading{font-size:32px}.lobby-heading-row>div{gap:4px;display:block}.lobby-overview{flex-wrap:wrap;gap:12px;padding:0 0 12px}.party-panel{flex-basis:100%}#lobby-code{font-size:26px}#lobby-rules{flex-basis:180px}#online-room .lobby-main{gap:20px;grid-template-columns:minmax(170px,1fr) minmax(0,1.5fr)}#lobby-own-team{padding-right:12px}.lobby-launch-action{gap:8px}#online-room .primary{font-size:22px;padding:10px}}@media(max-width:650px){.lobby-overview{gap:8px}#lobby-mode-art{width:44px;height:44px;flex-basis:44px}#lobby-mode-name{font-size:18px}#lobby-format{font-size:12px}#lobby-rules{flex-basis:100%;max-height:25vh}#lobby-rules summary{display:flex;align-items:center;gap:10px;list-style:none;padding:8px 0}#online-room .lobby-main{display:block}#lobby-own-team{border:0;padding:0 0 16px}#online-room h3{font-size:23px}#online-room .lobby-member{min-height:48px;padding:4px 0;gap:8px}#online-room .member-identity{gap:8px}#online-room .lobby-member strong{font-size:19px}.member-avatar,.member-avatar img{width:26px;height:26px;flex-basis:26px}.lobby-team>summary{min-height:48px;padding:12px 4px;font-size:21px}.lobby-filters{flex-wrap:nowrap;width:100%}#lobby-search{flex:1;width:100px;font-size:16px}#online-room .lobby-launch{display:block;padding-top:10px}.lobby-launch-action{margin-top:8px}.lobby-launch-action .primary{flex:1;min-width:0;font-size:20px}}@media(max-height:550px)and (orientation:landscape){#online-room{overflow-y:auto}.lobby-layout{height:auto;min-height:100%}#online-room .lobby-main{overflow:visible;min-height:160px}#online-room .lobby-launch{position:sticky;bottom:0}}#lobby-rules summary::-webkit-details-marker,.lobby-team>summary::-webkit-details-marker{display:none}#lobby-rules summary svg{width:22px;height:22px;flex-shrink:0}.lobby-team>summary{display:flex;align-items:center;gap:12px;list-style:none}.team-chevron{display:flex}.team-chevron svg{width:20px;height:20px}.lobby-team[open]>summary .team-chevron{transform:rotate(90deg)}.team-preview-names{flex:1;font:12px Manrope,sans-serif;color:#b2c3d3;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.team-ready-count{margin-left:auto;color:var(--mint);white-space:nowrap;font:600 18px Barlow Condensed,sans-serif}#lobby-own-team h3{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}#lobby-own-team .team-ready-count{flex-basis:100%;text-transform:none}#lobby-roster .team-members{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}#lobby-roster .team-members .lobby-member{border:0;gap:4px}#lobby-roster .team-members .member-ready,#lobby-roster .team-members .member-waiting{flex-basis:100%;padding-left:46px;order:1}#lobby-roster .team-members .member-tools[open]{order:2}@media(max-width:650px){.team-preview-names{display:none}#lobby-own-team .team-ready-count{flex-basis:auto}#lobby-roster .team-members{display:block}#lobby-roster .team-members .lobby-member{gap:8px}#lobby-roster .team-members .member-ready,#lobby-roster .team-members .member-waiting{flex-basis:auto;padding-left:0;order:0}}@media(max-width:650px){#lobby-hint{display:none}#online-room .primary{line-height:1}#online-room .lobby-launch{padding-top:8px}}.arsenal-screen .page-heading{margin-bottom:24px}.arsenal-tabs{width:min(440px,100%)}.arsenal-tabs button{display:flex;align-items:center;justify-content:center;gap:12px;font:600 20px Barlow Condensed,sans-serif;text-transform:uppercase;min-height:48px}.arsenal-tabs button[aria-selected=true]{background:var(--mint);color:#092420}.arsenal-count{font-size:14px;font-weight:500}#arsenal-intro{margin:18px 0 28px;color:#b2c7cf;font-size:14px;line-height:1.6}.arsenal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;list-style:none;padding:0;margin:0}.arsenal-item{display:flex;align-items:center;gap:24px;min-width:0;min-height:116px;padding:16px 20px;border:1px solid #829eab40;border-radius:4px;background:#0c192666;color:#eafff6}.arsenal-item-icon{display:grid;place-items:center;flex:0 0 80px;height:80px;border:1px solid #829eab40;border-radius:4px;background:#080f1b80;color:var(--item-color)}.arsenal-item-icon svg{width:48px;height:48px}.arsenal-item-copy{min-width:0}.arsenal-item h3{margin:0 0 8px;font:700 24px/1.1 Barlow Condensed,sans-serif}.arsenal-item p{margin:0;font-size:15px;line-height:1.5;overflow-wrap:anywhere}.arsenal-item .arsenal-note{margin-top:4px;color:#b2c7cf;font-size:14px}@media(max-width:850px){.arsenal-item{gap:16px;padding:14px}.arsenal-item-icon{flex-basis:64px;height:64px}.arsenal-item-icon svg{width:40px;height:40px}.arsenal-item h3{font-size:21px}}@media(max-width:650px){.arsenal-screen{padding-top:20px}.arsenal-screen .page-heading{margin-bottom:12px}.arsenal-tabs button{font-size:18px;gap:8px;min-height:44px}#arsenal-intro{margin:12px 0 16px}.arsenal-grid{grid-template-columns:minmax(0,1fr);gap:10px}.arsenal-item{min-height:90px;gap:16px;padding:12px}.arsenal-item-icon{flex-basis:56px;height:56px}.arsenal-item h3{font-size:20px;margin-bottom:6px}.arsenal-item p{font-size:14px}.arsenal-item .arsenal-note{font-size:13px}}.mode-page,.private-page{background:#101827}.mode-selection{display:grid;grid-template-columns:minmax(250px,320px) minmax(0,1fr);grid-template-rows:1fr auto;column-gap:clamp(32px,6vw,100px);min-height:calc(100svh - var(--menu-height) - 190px);max-width:1440px;margin:auto}.mode-list{grid-column:1;grid-row:1 / 3;align-self:start;min-height:calc(100svh - var(--menu-height) - 280px);display:flex;flex-direction:column;justify-content:center}.mode-option{display:flex;align-items:center;gap:16px;min-height:108px;min-width:0;padding:8px 16px 8px 8px;border:0;border-bottom:1px solid #829eab35;border-left:3px solid transparent;border-radius:0;background:transparent;text-align:left;color:#c2d0dc}.mode-option .mode-art{width:82px;height:82px;flex-shrink:0;object-fit:cover;border-radius:0}.mode-option strong{font:italic 900 26px/1.1 Barlow Condensed,sans-serif;text-transform:uppercase}.mode-option>svg{width:18px;height:18px;margin-left:auto;flex-shrink:0;opacity:0}.mode-option[aria-pressed=true]{color:var(--mint);border-left-color:var(--mint);background:linear-gradient(90deg,#a5ffdb16,transparent)}.mode-option[aria-pressed=true]>svg,.mode-option:hover>svg{opacity:1}.mode-option:hover{color:#eefff8}.mode-spotlight{display:flex;flex-direction:column;justify-content:center;min-width:0}.mode-scene-frame{overflow:clip}#mode-scene{display:block;width:100%;height:clamp(280px,47vh,560px);object-fit:contain;-webkit-mask-image:radial-gradient(ellipse,black 40%,transparent 73%);mask-image:radial-gradient(ellipse,black 40%,transparent 73%)}.mode-spotlight-copy{max-width:630px;margin:-18px 0 0}#mode-preview-name{font:italic 900 clamp(36px,4vw,60px)/1 "Barlow Condensed",sans-serif;text-transform:uppercase;margin:0 0 16px}#mode-preview-description{max-width:550px;margin:0;color:#b8cbd9;font-size:15px;line-height:1.7}.mode-choice-footer{grid-column:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding-top:32px}.formation-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,3vw,40px);margin-top:24px}.formation-choice{position:relative;scroll-margin-block:16px 100px;min-width:0;padding:0 4px 16px;border:0;border-bottom:4px solid transparent;border-radius:0;background:transparent;color:#b8cbd9;text-align:center}.formation-choice img{display:block;width:100%;height:clamp(100px,14vh,150px);object-fit:contain;-webkit-mask-image:radial-gradient(ellipse,black 38%,transparent 73%);mask-image:radial-gradient(ellipse,black 38%,transparent 73%);opacity:.75;transition:opacity .15s ease}.formation-choice strong{display:flex;align-items:center;justify-content:center;gap:6px;font:italic 900 28px/1.15 Barlow Condensed,sans-serif;text-transform:uppercase}.formation-choice strong .ui-icon{display:none;width:20px;height:20px}.formation-choice small{display:block;margin-top:6px;font:400 14px/1.4 Manrope,sans-serif}.formation-choice[aria-pressed=true]{color:var(--mint);border-bottom-color:var(--mint)}.formation-choice[aria-pressed=true] strong .ui-icon{display:block}.formation-choice[aria-pressed=true] img,.formation-choice:hover img{opacity:1}.formation-choice:focus-visible{outline:2px solid var(--mint);outline-offset:4px}.mode-choice-footer .primary,.private-page .primary{min-height:58px;justify-content:center;padding:14px 24px;border:0;border-radius:3px;box-shadow:none;font:italic 900 28px/1 Barlow Condensed,sans-serif;letter-spacing:0;text-transform:uppercase}.mode-choice-footer .primary{margin:0 0 0 auto;min-width:260px}.private-page .primary>span{font:inherit}#party-entry{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);align-items:center;gap:clamp(40px,8vw,140px);max-width:1240px;min-height:calc(100svh - var(--menu-height) - 220px);margin:auto}.private-create{min-width:0}#private-mode-art .mode-art{display:block;height:clamp(220px,36vh,400px);width:100%;object-fit:contain;-webkit-mask-image:radial-gradient(ellipse,black 35%,transparent 72%);mask-image:radial-gradient(ellipse,black 35%,transparent 72%)}.private-create-copy{max-width:480px;margin:0 auto}.private-page h3{font:italic 900 36px/1 Barlow Condensed,sans-serif;text-transform:uppercase;margin:0 0 18px}.private-page p{color:#b8cbd9;line-height:1.7;font-size:14px}.private-page #private-mode-summary{font:600 20px Barlow Condensed,sans-serif;color:var(--mint);margin:0 0 14px}.private-join{padding-left:clamp(24px,4vw,56px);border-left:1px solid #829eab40}.private-join>p{margin-bottom:28px}.private-page #online-create,.private-page #online-join .primary{width:100%;font-size:28px}.private-page #online-join label{font-size:14px}.private-page #room-code{min-height:60px;font-size:18px}.private-page #online-join{gap:14px}#code-error:empty,#invitation-preview:empty{display:none}#party-entry>#online-status{grid-column:1/-1;margin:0}.private-page .primary:disabled{opacity:1;background:#304257;color:#bdcddd}@media(max-width:850px){.mode-selection{grid-template-columns:220px minmax(0,1fr);column-gap:24px}.mode-option{padding-inline:4px;gap:8px;min-height:90px}.mode-option .mode-art{width:58px;height:58px}.mode-option strong{font-size:23px}#party-entry{gap:32px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media(max-width:650px)and (orientation:portrait){.mode-selection{display:flex;flex-direction:column;min-height:0;gap:20px}.mode-list{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:4px 12px}.mode-option{min-height:66px;padding-right:8px}.mode-option .mode-art{width:44px;height:44px}.mode-option strong{font-size:20px}.mode-option>svg{display:none}#mode-scene{height:clamp(190px,29vh,260px)}.mode-spotlight-copy{margin-top:-12px}#mode-preview-name{font-size:36px;margin-bottom:12px}#mode-preview-description{font-size:14px}.mode-choice-footer{position:sticky;bottom:calc(-1*max(24px,var(--safe-bottom)));margin-inline:calc(-1 * var(--menu-gutter));padding:16px var(--menu-gutter) max(20px,var(--safe-bottom));background:#101827f5;gap:12px}.mode-choice-footer .primary{width:100%;min-width:0;margin:0}.mode-page{padding-top:20px}.mode-page .page-heading{margin-bottom:16px}.mode-page .page-heading h2{font-size:30px}.mode-page .mode-selection{gap:12px}.mode-page .mode-option{min-height:56px}.mode-page .mode-option .mode-art{width:38px;height:38px}.mode-page .mode-option strong{font-size:18px}.formation-choices{gap:6px;margin-top:16px}.formation-choice{padding:0 0 12px}.formation-choice img{height:86px}.formation-choice strong{font-size:22px;gap:3px}.formation-choice strong .ui-icon{width:16px;height:16px}.formation-choice small{margin-top:4px;font-size:13px}#party-entry{display:flex;flex-direction:column;align-items:stretch;gap:24px;min-height:0}#private-mode-art{float:right;width:100px;margin-left:8px}#private-mode-art .mode-art{height:100px}.private-page h3{font-size:30px}.private-page #private-mode-summary{min-height:36px;margin:0 0 14px}.private-join{padding:20px 0 0;border-left:0;border-top:1px solid #829eab40}.private-page #online-create,.private-page #online-join .primary{font-size:25px}}@media(orientation:landscape)and (max-height:600px){.mode-list,.mode-selection{min-height:0}.mode-option{min-height:68px}.mode-option .mode-art{width:54px;height:54px}#mode-scene{height:190px}.formation-choices{gap:8px;margin-top:16px}.formation-choice img{height:74px}.formation-choice strong{font-size:22px}.formation-choice small{font-size:12px}#mode-preview-name{font-size:34px}.mode-choice-footer{position:sticky;bottom:calc(-1*max(24px,var(--safe-bottom)));padding:12px 0 max(20px,var(--safe-bottom));background:#101827f5}#private-mode-art .mode-art{height:160px}#party-entry{align-items:start}}#party-entry{align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-top:32px}.private-selected-mode{display:flex;align-items:center;gap:20px;min-height:140px;margin-bottom:24px}#private-mode-art{flex:0 0 140px;width:140px;margin:0;float:none}#private-mode-art .mode-art{width:140px;height:120px}.private-create-copy{margin:0}.private-page h3{font-size:30px;margin-bottom:28px}.private-page #private-mode-summary{margin:0 0 6px;color:var(--ui-text);min-height:0;text-transform:uppercase}.private-page #private-format-summary{margin:0;color:#eafff6}.private-page .private-source{margin:8px 0 0;color:#90a8b7}.private-page #online-create{margin:0}.private-page #online-join{padding-top:8px}.private-page #room-code{margin-bottom:0;text-align:left;text-transform:none}.private-page #online-join .primary{margin-top:10px}@media(max-width:650px){#party-entry{padding-top:16px;align-items:stretch}.private-selected-mode{gap:12px;min-height:100px;margin-bottom:20px}#private-mode-art{flex-basis:100px;width:100px}#private-mode-art .mode-art{width:100px;height:90px}.private-page h3{font-size:26px;margin-bottom:16px}.private-page #private-mode-summary{font-size:20px}}.menu-dialog{--dialog-cut: 18px;--dialog-inset: 26px;--dialog-shape: polygon( 0 0, calc(100% - var(--dialog-cut)) 0, 100% var(--dialog-cut), 100% 100%, var(--dialog-cut) 100%, 0 calc(100% - var(--dialog-cut)) );isolation:isolate;border:0;border-radius:0;background:#7197a3;clip-path:var(--dialog-shape);overflow:hidden;padding:1px;color:#e7fff7}.menu-dialog:before{content:"";position:absolute;inset:1px;clip-path:var(--dialog-shape);background:#101e2c;z-index:-1;pointer-events:none}.menu-dialog::backdrop{background:#020813b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.menu-dialog .dialog-head{min-height:58px;padding:6px 12px 6px 20px;border-bottom:1px solid #7395a326}.dialog-brand{display:flex;align-items:center;gap:8px;color:#a6f8e4;font:italic 900 18px/1 Barlow Condensed,sans-serif}.dialog-brand img{object-fit:contain}.dialog-heading{flex-shrink:0;padding:24px var(--dialog-inset) 18px}.dialog-heading h2{margin:0;font:italic 900 clamp(28px,4vw,38px)/1.05 "Barlow Condensed",sans-serif;text-transform:uppercase;overflow-wrap:anywhere}.menu-dialog>.dialog-body{padding:0 var(--dialog-inset) 24px}.menu-dialog .dialog-body p{font-size:14px;line-height:1.65}.menu-dialog .dialog-body p:first-child{margin-top:0}.menu-dialog .dialog-actions{padding:16px var(--dialog-inset);gap:12px;background:#0b162340;border-top:1px solid #7395a326}.menu-dialog .dialog-actions>button,.menu-dialog .dialog-actions>form{flex:1;min-width:0}.menu-dialog .dialog-actions>form button{width:100%}.menu-dialog :is(.primary,.secondary){min-height:48px;border-radius:4px;font:700 14px/1.4 Manrope,sans-serif;padding:12px 16px}.menu-dialog .secondary{border:1px solid #65818f99;background:#152635;color:#e7f2f5}.menu-dialog .primary.danger{background:#ff8990;color:#321218}.menu-dialog :is(button,input,select):focus-visible{outline:2px solid #b9ffea;outline-offset:3px}#leave-dialog,#tutorial-complete{width:min(440px,calc(100vw - 32px - var(--safe-left) - var(--safe-right)))}#pause-menu{width:min(380px,calc(100vw - 32px - var(--safe-left) - var(--safe-right)))}#pause-menu .pause-actions{padding:0 var(--dialog-inset) 28px;gap:12px}#pause-menu #resume{margin:0}#pause-menu .pause-link,#pause-menu #pause-title{justify-content:center;text-align:center;border:1px solid #65818f99;border-radius:4px;padding:12px 16px;min-height:48px;font:700 14px/1.4 Manrope,sans-serif}#pause-menu .pause-link .ui-icon{display:none}#pause-menu #pause-title{color:#ff989e;border-color:#d7747c77;background:#ff899008}#controls-dialog{width:min(620px,calc(100vw - 32px - var(--safe-left) - var(--safe-right)))}#controls-dialog>.settings-container{padding:0}#controls-dialog .settings-layout{min-height:0}#controls-dialog .settings-tabs{margin:0 var(--dialog-inset) 20px}#controls-dialog .settings-panes{padding:0 var(--dialog-inset) 24px;max-height:440px}#controls-dialog .dialog-actions>form{flex:0 0 140px}#controls-dialog #preferences-status:empty{display:none}#controls-dialog .dialog-actions{justify-content:flex-end}#controls-dialog .audio-setting{padding-block:16px}.dialog-illustration{display:block;width:150px;height:150px;object-fit:contain;margin:12px auto 24px}.success-dialog .dialog-heading,.success-dialog .dialog-body{text-align:center}.success-dialog .dialog-actions{flex-direction:column}.success-dialog .dialog-actions>button{width:100%}#display-dialog .install-steps{padding:0}#display-dialog .install-steps li{padding:4px 0;line-height:1.6}@media(max-width:600px){.menu-dialog{--dialog-inset: 20px;--dialog-cut: 14px}.dialog-heading{padding-top:20px}#controls-dialog{width:calc(100vw - 40px - var(--safe-left) - var(--safe-right));height:fit-content;max-height:calc(var(--view-height, 100dvh) - 64px - var(--safe-top) - var(--safe-bottom))}#controls-dialog>.settings-container,#controls-dialog .settings-layout,#controls-dialog .settings-panes{flex:0 1 auto;min-height:0}#controls-dialog .settings-panes{max-height:none}#controls-dialog .dialog-actions>form{flex:1}#controls-dialog .dialog-actions{flex-wrap:wrap}#controls-dialog #preferences-status:not(:empty){flex-basis:100%}}@media(max-height:500px){.menu-dialog{--dialog-inset: 20px}.menu-dialog .dialog-head{min-height:44px;padding-block:0}.dialog-heading{padding-block:10px}.dialog-heading h2{font-size:26px}.dialog-illustration{display:none}.menu-dialog .dialog-actions{padding-block:10px}#pause-menu .pause-actions{gap:8px;padding-bottom:16px}#pause-menu :is(#resume,.pause-link,#pause-title){min-height:44px;padding-block:8px}#controls-dialog .settings-tabs{margin:0 12px}#controls-dialog .settings-panes{max-height:none;padding-bottom:12px}}#controls-dialog .settings-tabs{background:none;border:0;border-bottom:1px solid #7395a326;border-radius:0;padding:0;gap:8px}#controls-dialog .settings-tabs button{background:none;border:0;border-bottom:3px solid transparent;border-radius:0;min-height:48px;color:#b6cad4}#controls-dialog .settings-tabs button[aria-selected=true]{border-bottom-color:#9cffe0;color:#b9ffea}@media(orientation:landscape)and (max-height:500px){#controls-dialog .settings-tabs{gap:0;margin-block:0;align-self:stretch;overflow-y:auto}#controls-dialog .settings-tabs button{min-height:40px;padding-block:8px}#controls-dialog .dialog-actions{flex-wrap:nowrap;gap:12px}#controls-dialog #preferences-status:not(:empty){flex:1;font-size:10px}#controls-dialog .dialog-actions>form{flex:0 0 130px}#controls-dialog .dialog-actions button{min-height:44px;padding-block:8px}}.menu-dialog :is(.primary,.secondary){justify-content:center;text-align:center}#controls-dialog .audio-setting{grid-template-columns:minmax(0,1fr);gap:0;padding:8px 0 18px;border:0}#controls-dialog .audio-setting>div:first-child{font-size:14px}#controls-dialog .settings-tabs{gap:12px;margin-bottom:16px}#controls-dialog .settings-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;padding:6px 0;font-size:12px}#controls-dialog .settings-tabs .ui-icon{width:19px;height:19px}#controls-dialog .dialog-actions{flex-direction:column;align-items:stretch;gap:8px}#controls-dialog .dialog-actions>form{flex:none}#controls-dialog #preferences-status{flex:none;text-align:center;font-size:10px}@media(max-width:360px){#controls-dialog .settings-tabs{gap:8px}#controls-dialog .settings-tabs button{gap:4px;font-size:11px}#controls-dialog .settings-tabs .ui-icon{width:16px;height:16px}}@media(orientation:landscape)and (max-height:500px){#controls-dialog .dialog-actions{flex-direction:row;align-items:center}#controls-dialog .dialog-actions>form{flex:0 0 130px}#controls-dialog .settings-tabs{margin-bottom:0}#controls-dialog .settings-tabs button{justify-content:flex-start}}#tutorial-panel,.touch-mode #tutorial-panel{top:calc(24px + var(--safe-top));right:auto;left:50%;transform:translate(-50%);width:min(380px,calc(100vw - 32px - var(--safe-left) - var(--safe-right)));display:block;padding:16px 20px;border:1px solid #7197a366;border-radius:0;border-left:3px solid var(--mint);background:#101e2cf5;pointer-events:none}#tutorial-menu{display:none}.tutorial-meta{display:flex;align-items:center;flex-wrap:nowrap;justify-content:flex-start;gap:12px}.tutorial-label{color:var(--mint);font:italic 800 17px/1 Barlow Condensed,sans-serif;text-transform:uppercase}#tutorial-progress{color:#a6bdc9;font-size:11px;font-variant-numeric:tabular-nums}#tutorial-skip{display:grid;place-items:center;margin:-10px -14px -10px auto;padding:10px;width:44px;height:44px;color:#9fb7c4;pointer-events:auto}#tutorial-skip .ui-icon{width:18px;height:18px}#tutorial-heading{position:static;width:auto;height:auto;overflow:visible;clip-path:none;margin:14px 0 8px;font:italic 900 30px/1.05 Barlow Condensed,sans-serif;text-transform:uppercase;color:#e7fff7}#tutorial-instruction{margin:0;color:#c3d6dd;font-size:13px;line-height:1.6;text-wrap:pretty}.tutorial-steps{display:flex;gap:5px;margin-top:18px}.tutorial-steps>span{flex:1;height:3px;background:#36505d;transition:background .16s ease}.tutorial-steps>[data-state=current]{background:#e7fff7}.tutorial-steps>[data-state=complete]{background:var(--mint)}.tutorial-actions{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin-top:6px}#tutorial-safe{color:#91aab7;font-size:11px}#tutorial-status{color:var(--mint);font-size:12px}#tutorial-panel[data-satisfied=true] #tutorial-safe{display:none}#tutorial-next{width:auto;min-height:44px;margin:0 0 0 auto;padding:8px 14px;gap:12px;font-size:13px;box-shadow:none;pointer-events:auto}#tutorial-next .ui-icon{width:18px;height:18px}#tutorial-recharge{margin:12px 0 0;height:5px;border:0;border-radius:4px;overflow:hidden}#tutorial-recharge::-webkit-progress-bar{background:#36505d}#tutorial-recharge::-webkit-progress-value{background:var(--mint)}#tutorial-recharge::-moz-progress-bar{background:var(--mint)}@media(max-width:650px)and (orientation:portrait){#tutorial-panel,.touch-mode #tutorial-panel{top:calc(16px + var(--safe-top));left:calc(16px + var(--safe-left));right:calc(16px + var(--safe-right));width:auto;transform:none;padding:12px 16px}.tutorial-active:has(#tutorial-panel:not([hidden])) #hud-settings{display:none}#tutorial-menu{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:10px;margin:-10px 0 -10px auto;pointer-events:auto;color:#9fb7c4}#tutorial-menu .ui-icon{width:18px;height:18px}#tutorial-skip{flex:0 0 44px;margin-left:-12px}.tutorial-meta{gap:8px}#tutorial-progress{white-space:nowrap}#tutorial-heading{font-size:27px;margin-top:10px}.tutorial-steps{margin-top:12px}}@media(orientation:landscape)and (max-height:500px){#tutorial-panel,.touch-mode #tutorial-panel,.tutorial-active[data-tutorial-step=bounce] #tutorial-panel{top:calc(8px + var(--safe-top));left:50%;right:auto;transform:translate(-50%);width:min(340px,calc(100vw - 170px - var(--safe-left) - var(--safe-right)));padding:10px 14px}#tutorial-heading{font-size:23px;margin:8px 0 5px}#tutorial-instruction{font-size:12px;line-height:1.45}.tutorial-steps{margin-top:10px}.tutorial-actions{min-height:24px;margin-top:4px}#tutorial-safe{font-size:10px}}@media(prefers-reduced-motion:reduce){.tutorial-steps>span{transition:none}}@media(orientation:landscape)and (max-height:360px){#tutorial-panel[data-satisfied=false] .tutorial-actions{display:none}#tutorial-heading{margin-top:4px}.tutorial-steps{margin-top:6px}}#match-status{position:fixed;top:calc(20% + var(--safe-top));left:0;width:100%;padding:0 24px;box-sizing:border-box;z-index:8;pointer-events:none;color:#e7fff7;text-align:center;text-shadow:0 2px 20px #030a12,0 2px 4px #030a12}#match-status small{display:block;font:600 18px/1.2 Barlow Condensed,sans-serif;letter-spacing:.16em;text-transform:uppercase}#match-status strong{display:block;font:800 clamp(64px,12vw,104px)/1 "Barlow Condensed",sans-serif}#match-status[data-kind=boss],#match-status[data-kind=danger]{color:#ff929e}#match-status[data-kind=zone]{color:#d0acff}#match-status[data-kind=revived]{color:var(--mint)}#match-life-cue{position:fixed;inset:0;z-index:7;pointer-events:none;opacity:0;box-shadow:inset 0 0 16vmin #ff557b88}#match-life-cue[data-state=revived]{box-shadow:inset 0 0 16vmin #8affdf88}.team-marker,.base-marker{position:fixed;z-index:8;transform:translate(-50%,-50%);color:var(--mint);pointer-events:none;text-align:center;width:36px;height:36px}.marker-symbol{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#07111cbb;box-shadow:0 0 14px #0005}.marker-symbol svg{width:18px;height:18px}.team-marker small{position:absolute;top:39px;left:50%;transform:translate(-50%);max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;text-shadow:0 1px 4px #000}.marker-arrow{display:none;position:absolute;inset:0}[data-offscreen=true] .marker-arrow{display:block}.marker-arrow:after{content:"";position:absolute;left:40px;top:14px;border-left:6px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent}.base-marker{width:56px;height:5px;background:#07111ccc}.base-marker[data-ally=false]{color:#ff929e}.base-marker:after{content:"";display:block;width:var(--health);height:100%;background:currentColor}.base-marker>*{display:none}#app[data-match-hud]:not([data-match-hud=classic]) :is(.leaderboard,#leader-toggle,#leader-direction){display:none}#spectator-controls{position:fixed;left:50%;bottom:calc(28px + var(--safe-bottom));transform:translate(-50%);z-index:8;display:flex;align-items:center;gap:16px;padding:6px;width:min(340px,calc(100vw - 32px));color:#e7fff7;background:#0b1725ed;border-bottom:2px solid var(--mint);pointer-events:auto}#spectator-controls>div{flex:1;min-width:0;text-align:center}#spectator-controls small{display:block;font-size:10px;color:#a9bfcd}#spectator-controls strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font:800 24px/1.2 Barlow Condensed,sans-serif}#spectator-controls button{flex:0 0 44px;padding:10px}#app[data-match-hud] .online-banner{display:none;top:auto;bottom:calc(var(--dock-bottom, 16px) + var(--stick-size, 0px) + 12px);left:calc(12px + var(--safe-left));transform:none;max-width:min(360px,calc(100vw - 24px))}#app[data-match-hud] .online-banner:is(:has(#online-lobby:not([hidden])),:has(#online-status:not(:empty))){display:flex}#app[data-match-hud] :is(#online-exit,#online-population){display:none}#app[data-match-hud]:not([data-match-hud=classic]) #leader-direction{display:none}#app:has(#spectator-controls:not([hidden])) #desktop-dash{display:none}.ally-direction{--direction-color: var(--mint);transform:translate(-50%,-50%)}.player-direction .marker-arrow{display:block;right:auto;bottom:auto}.player-direction .marker-arrow:after{content:none}.player-direction .marker-symbol{width:auto;height:auto;border-radius:0;background:none;box-shadow:none}.revival-progress{display:none}.revival-marker .marker-symbol{font:700 12px/1 Manrope,sans-serif}.revival-marker .revival-progress{display:block;position:absolute;inset:-2px;width:40px;height:40px;fill:none;stroke:#8affdf26;stroke-width:2;transform:rotate(-90deg)}.revival-marker .revival-progress-fill{stroke:var(--mint);stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--revival-progress))}#revival-countdown{position:fixed;left:50%;bottom:calc(112px + var(--safe-bottom));transform:translate(-50%);z-index:8;pointer-events:none;text-align:center;color:#e7fff7;text-shadow:0 2px 8px #030a12}#revival-countdown small{display:block;font-size:11px}#revival-countdown strong{display:block;font:800 44px/1.2 Barlow Condensed,sans-serif;font-variant-numeric:tabular-nums}#revival-countdown[data-imminent=true]{color:var(--mint)}.spectator-hud :is(#desktop-dash,.edge-progress,#active-boosters,#combat-notice,#damage-wash,#upgrade-panel,#pending-upgrades){display:none}#match-overview{position:fixed;top:calc(94px + var(--safe-top));right:calc(16px + var(--safe-right));width:min(300px,calc(100vw - 32px));max-height:calc(100dvh - 160px);overflow:auto;z-index:12;padding:16px;background:#0b1725f2;border:1px solid #7197a344;color:#e7fff7;pointer-events:auto}#match-overview header{display:flex;align-items:center;justify-content:space-between;gap:16px}#match-overview header strong{font-size:14px}#match-overview dl{display:grid;grid-template-columns:1fr auto;gap:16px;margin:16px 0 0;font-size:12px}#match-overview dt{color:#a9bfcd}#match-overview dd{margin:0;font-variant-numeric:tabular-nums}#match-status[data-kind=destroyed]{color:#ff929e}#match-status[data-kind=zone-warning]{color:#d0acff}