:root{--bg:#070706;--panel:#11110edb;--panel-deep:#0a0a08e6;--panel-border:#d6cdb433;--line:#d6cdb433;--line-strong:#d6cdb473;--text:#dcd6c6;--bone:#ece4cf;--muted:#8d877a;--soft:#b3ac9d;--amber:#ffb35c;--accent:var(--amber);--hot:#d9822b;--danger:#c8402a;--ready:#8fbf4a;--bar:#a39c86;--ink:#16140f;--radius:3px;--stencil:"Saira Stencil One", "Barlow Condensed", sans-serif;--gutter:clamp(16px, 1.8vw, 32px);--panel-w:clamp(410px, 29vw, 500px);--label-w:clamp(88px, 6.4vw, 106px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}button,input,select{font-family:inherit}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font:500 15px/1.35 Barlow Condensed,system-ui,sans-serif;overflow:hidden}#view{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}[hidden]{display:none}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--amber);outline-offset:2px}kbd{background:#0000004d;border-radius:3px;margin-left:4px;padding:2px 5px;font:600 10px/1 ui-monospace,monospace}svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.frame{--cut:16px;--frame-w:1px;--frame-line:var(--line);--frame-fill:var(--panel);--chamfer:polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut));isolation:isolate;position:relative}.frame:before,.frame:after{content:"";z-index:-1;clip-path:var(--chamfer);pointer-events:none;position:absolute}.frame:before{background:var(--frame-line);inset:0}.frame:after{inset:var(--frame-w);background:var(--frame-fill);-webkit-backdrop-filter:blur(14px)}.slashes{background:repeating-linear-gradient(-63deg, transparent 0 .17em, var(--amber) .17em .42em);clip-path:polygon(.3em 0,100% 0,calc(100% - .3em) 100%,0 100%);flex:none;width:2.1em;height:.8em;display:inline-block}.slashes.dim{background:repeating-linear-gradient(-63deg,#0000 0 .17em,#d6cdb459 .17em .42em)}.bar{color:var(--ink);background:repeating-linear-gradient(97deg,#0000000d 0 2px,#0000 2px 9px),linear-gradient(90deg,#b9b19a,#8f8873 70%,#8f88738c);justify-content:space-between;align-items:center;gap:12px;margin:0 -4px;padding:5px 12px 4px;display:flex}.bar h3{font:400 clamp(19px, 1.45vw, 24px) / 1.1 var(--stencil);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.bar h3 span{font-size:.8em}button.link{color:var(--amber);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:0 0;border:none;padding:4px 0;font-size:13px;font-weight:700;line-height:1}.bar button.link{color:var(--ink)}button.link:disabled{opacity:.4;cursor:default}button.link.danger{color:#e2765f}.segmented{border:1px solid var(--line-strong);background:#0000004d;display:flex}.segmented button{min-width:0;color:var(--bone);cursor:pointer;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;background:0 0;border:none;flex:1;padding:9px 6px 8px;font-size:15px;font-weight:700;line-height:1}.segmented button+button{border-left:1px solid var(--line-strong)}.segmented button[aria-pressed=true]{background:var(--amber);color:var(--ink)}.segmented button:hover:not([aria-pressed=true]):not(:disabled){background:#ffb35c1f}.stepper-ui{border:1px solid var(--line-strong);background:#0000004d;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;height:40px;display:grid}.stepper-ui output{text-align:center;color:var(--bone);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:700;overflow:hidden}.stepper-ui button,.selector button{height:100%;color:var(--bone);cursor:pointer;background:0 0;border:0;padding:0 0 3px;font-size:26px;line-height:0}.stepper-ui button:hover:not(:disabled),.selector button:hover:not(:disabled){color:var(--amber)}.stepper-ui button:disabled,.selector button:disabled{opacity:.25;cursor:default}.stepper-ui.disabled output{color:var(--soft)}.cta{--cut:14px;min-height:64px;color:var(--amber);cursor:pointer;font:400 clamp(24px, 2.5vw, 44px) / 1 var(--stencil);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;isolation:isolate;filter:drop-shadow(0 0 10px #ffb35c2e);background:0 0;border:0;justify-content:center;align-items:center;gap:.45em;padding:10px 34px 8px;display:inline-flex;position:relative}.cta:before,.cta:after{content:"";z-index:-1;pointer-events:none;clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));position:absolute}.cta:before{background:var(--amber);inset:0}.cta:after{background:linear-gradient(#241b0feb,#120f0af0);inset:2px}.cta:hover:not(:disabled):after{background:linear-gradient(#463016f0,#24190df2)}.cta:active:not(:disabled){transform:translateY(1px)}.cta:disabled{opacity:.4;cursor:default;filter:none}.cta.secondary{color:var(--bone);filter:none;font-size:clamp(22px,2vw,36px)}.cta.secondary:before{background:var(--line-strong)}.cta.secondary:after{background:#10100de6;inset:1.5px}.cta kbd{letter-spacing:0;color:var(--soft);border:1px solid var(--line);background:#00000059;padding:4px 6px;font:600 12px/1 ui-monospace,monospace}.chev{align-items:center;gap:.06em;display:inline-flex}.chev:before,.chev:after{content:"";clip-path:polygon(0 0,45% 0,100% 50%,45% 100%,0 100%,55% 50%);background:currentColor;width:.38em;height:.62em}.chev.back{transform:scaleX(-1)}.chev.back:after,.chev.single:after{display:none}#hud{pointer-events:none;position:fixed;inset:0}#hud>*,#side>*{pointer-events:auto}.topbar{top:0;left:var(--gutter);right:calc(var(--gutter) + 52px);border-bottom:1px solid var(--line);pointer-events:none;align-items:center;gap:24px;height:76px;display:flex;position:absolute}.topbar>*{pointer-events:auto}.topbar:before{content:"";z-index:-1;inset:0 calc(-1 * var(--gutter) - 52px) -24px calc(-1 * var(--gutter));pointer-events:none;background:linear-gradient(#070706d9,#07070673 65%,#0000);position:absolute}.brand{align-items:center;gap:14px;min-width:0;display:flex}.brand h1{font:400 clamp(26px, 2.6vw, 44px) / 1 var(--stencil);letter-spacing:.03em;color:var(--bone);white-space:nowrap;margin:0}.brand h1 span{color:var(--amber)}.brand .slashes{font-size:clamp(22px,2.2vw,36px)}.brand-sub{color:var(--soft);letter-spacing:.32em;text-transform:uppercase;white-space:nowrap;margin:0 0 0 10px;font-size:13px;font-weight:600;line-height:1.25;display:grid}.tag{text-transform:uppercase;letter-spacing:.12em;border:1px solid var(--line);color:var(--muted);align-self:center;padding:2px 6px;font-size:10px;font-weight:700}.steps{gap:4px;margin-left:auto;display:flex}.steps button{--notch:16px;isolation:isolate;min-width:clamp(132px,13vw,220px);color:var(--bone);font:400 clamp(17px, 1.6vw, 28px) / 1 var(--stencil);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:10px 30px 8px 34px;position:relative}.steps button:before,.steps button:after{content:"";z-index:-1;clip-path:polygon(0 0, calc(100% - var(--notch)) 0, 100% 50%, calc(100% - var(--notch)) 100%, 0 100%, var(--notch) 50%);position:absolute}.steps button:before{background:var(--line-strong);inset:0}.steps button:after{background:#0e0e0ce0;inset:1.5px 2px}.steps button span{opacity:.85;margin-right:.3em}.steps button[aria-current=step]{color:var(--ink)}.steps button[aria-current=step]:before,.steps button[aria-current=step]:after{background:var(--amber)}.steps button:hover:not(:disabled):not([aria-current]):after{background:#322616e6}.steps button:disabled{color:var(--muted);cursor:default}.garage-panel{--cut:20px;top:90px;left:var(--gutter);width:var(--panel-w);max-height:calc(100dvh - 104px);display:flex;position:absolute}.garage-panel .scroll{scrollbar-width:thin;scrollbar-color:#d6cdb440 transparent;width:100%;min-height:0;padding:12px 22px 14px;overflow-y:auto}.panel-head{grid-template-columns:1fr auto;align-items:center;margin-bottom:8px;display:grid}.panel-head h2{font:400 clamp(44px, 4.4vw, 76px) / .95 var(--stencil);letter-spacing:.02em;color:var(--bone);text-transform:uppercase;margin:0}.panel-head .slashes{margin-right:8px;font-size:clamp(30px,2.8vw,46px)}.panel-head p{color:var(--soft);letter-spacing:.34em;text-transform:uppercase;grid-column:1/-1;margin:4px 0 0;font-size:13px;font-weight:600}#loadout{margin:6px 0 8px;padding:0;list-style:none}#loadout li{grid-template-columns:var(--label-w) minmax(0, 1fr) auto;border-bottom:1px solid #d6cdb41f;align-items:center;gap:4px 10px;padding:5px 0;display:grid}#loadout li:last-child{border-bottom:0}#loadout .slot{color:var(--bone);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}#loadout .slot svg{width:26px;height:26px;color:var(--soft);flex:none}.selector{border:1px solid var(--line-strong);background:#00000052;grid-template-columns:30px minmax(0,1fr) 30px;align-items:center;height:36px;display:grid}.selector b{text-align:center;color:var(--bone);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(15px,1.05vw,17px);font-weight:700;overflow:hidden}#loadout .aside{text-align:right;justify-self:end;min-width:0}#loadout .empty{color:var(--muted);font-style:normal}.traits{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;gap:1px;font-size:12px;font-weight:600;display:grid}.traits b{color:var(--soft);margin-left:4px}#loadout .part-chassis{grid-template-columns:var(--label-w) minmax(0, 1fr);padding:4px 0 10px}#loadout .part-chassis .slot{font:400 clamp(24px, 1.9vw, 32px) / 1 var(--stencil);letter-spacing:.04em}#loadout .part-chassis .slot svg{display:none}#loadout .part-chassis .selector{border:2px solid var(--amber);height:46px;box-shadow:0 0 14px -6px var(--amber);grid-template-columns:40px minmax(0,1fr) 40px}#loadout .part-chassis .selector b{font:400 clamp(22px, 1.8vw, 30px) / 1 var(--stencil)}#loadout .part-chassis .aside{display:none}#loadout .blurb{text-align:center;color:var(--soft);letter-spacing:.1em;text-transform:uppercase;grid-column:2;font-size:12px;font-weight:600}#loadout .test-fire{white-space:nowrap;cursor:pointer;color:#160800;letter-spacing:.06em;text-transform:uppercase;clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);background:linear-gradient(#ff8a2a,#e8560a);border:0;align-items:center;gap:5px;padding:4px 4px 4px 8px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}#loadout .test-fire:active{transform:translateY(1px)}#loadout .test-fire kbd{color:#160800;background:#00000038;margin:0}.paint{grid-template-columns:var(--label-w) minmax(0, 1fr);border-top:1px solid #d6cdb41f;align-items:start;gap:10px;padding-top:10px;display:grid}.row-label{font:400 clamp(22px, 1.7vw, 28px) / 1 var(--stencil);letter-spacing:.04em;color:var(--bone);text-transform:uppercase;margin:6px 0 0}.presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.presets button{color:var(--soft);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;text-align:center;background:0 0;border:0;gap:6px;padding:0;font-size:13px;font-weight:700;line-height:1;display:grid}.presets button i{aspect-ratio:3/2;border:1px solid var(--line-strong);display:block;position:relative;box-shadow:inset 0 0 12px #00000073}.presets button:hover i{border-color:var(--bone)}.presets button[aria-checked=true]{color:var(--bone)}.presets button[aria-checked=true] i{outline:2px solid var(--amber);outline-offset:2px}.presets button[aria-checked=true] i:after{content:"";background:var(--amber);clip-path:polygon(0 0,100% 0,100% 100%);width:20px;height:18px;position:absolute;top:-2px;right:-2px}.presets button[aria-checked=true] i:before{content:"";z-index:1;border:solid var(--ink);border-width:0 0 2px 2px;width:7px;height:4px;position:absolute;top:1px;right:1px;transform:rotate(-45deg)}.paint-custom{margin:10px 0 12px calc(var(--label-w) + 10px);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;display:grid}.swatches{gap:8px;display:flex}.swatches label{cursor:pointer;justify-items:center;gap:3px;display:grid}.swatches span{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:700}.swatches input[type=color]{border:1px solid var(--line-strong);cursor:pointer;background:0 0;width:30px;height:22px;padding:0}.swatches input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.swatches input[type=color]::-webkit-color-swatch{border:none}#finish button{padding:7px 4px 6px;font-size:13px}#stats{gap:4px;margin:8px 0 0;padding:0;list-style:none;display:grid}#stats li{grid-template-columns:22px 88px minmax(0,1fr) 76px;align-items:center;gap:10px;display:grid}#stats svg{width:20px;height:20px;color:var(--soft)}#stats span{color:var(--bone);letter-spacing:.08em;text-transform:uppercase;font-size:15px;font-weight:700}.meter{background:linear-gradient(90deg, var(--amber) 0 var(--fill), #d6cdb421 var(--fill));height:9px;-webkit-mask:repeating-linear-gradient(90deg,#000 0 22px,#0000 22px 25px);mask:repeating-linear-gradient(90deg,#000 0 22px,#0000 22px 25px)}#stats b{text-align:right;color:var(--bone);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:15px;font-weight:700}.view-hint{bottom:calc(var(--gutter) + 14px);left:calc(var(--gutter) + var(--panel-w) + 7vw);color:var(--soft);letter-spacing:.32em;text-transform:uppercase;text-shadow:0 1px 3px #000;pointer-events:none;align-items:center;gap:14px;font-size:14px;font-weight:600;display:flex;position:absolute}.view-hint .drag{letter-spacing:0;align-items:center;gap:10px;font-size:20px;display:inline-flex}.view-hint .drag svg{width:26px;height:30px}.view-hint .actions{pointer-events:auto;gap:6px;margin-left:8px;display:flex}.view-hint .actions button{border:1px solid var(--line-strong);color:var(--soft);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:#0e0e0cbf;padding:7px 10px 6px;font-size:12px;font-weight:700;line-height:1}.view-hint .actions button[aria-pressed=true]{border-color:var(--amber);color:var(--amber)}#choose-mode{right:calc(var(--gutter) + 8px);bottom:calc(var(--gutter) + 8px);gap:.55em;min-height:86px;padding:14px 44px 12px 48px;font-size:clamp(30px,2.9vw,50px);position:absolute}.mode-screen{top:92px;left:max(27vw,300px);right:calc(var(--gutter) + 2vw);grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);align-content:start;gap:22px;display:none;position:absolute;bottom:136px}.screen-title{align-items:center;gap:18px;display:flex}.screen-title:after{content:"";border-top:1px solid var(--line-strong);flex:1;max-width:420px}.screen-title h2{font:400 clamp(46px, 4.8vw, 84px) / 1 var(--stencil);letter-spacing:.04em;color:var(--bone);text-transform:uppercase;text-shadow:0 2px 12px #0009;white-space:nowrap;margin:0}.screen-title .slashes{font-size:clamp(32px,3vw,52px)}.screen-title.small{gap:12px}.screen-title.small:after{max-width:none}.screen-title.small h3{font:400 clamp(24px, 2vw, 34px) / 1 var(--stencil);letter-spacing:.04em;color:var(--bone);text-transform:uppercase;margin:0}.screen-title.small .slashes{font-size:clamp(20px,1.6vw,28px)}.mode-choices{border:0;grid-template-columns:1fr 1fr;gap:clamp(14px,1.8vw,30px);min-width:0;margin:0;padding:0;display:grid}.mode-choice{--cut:16px;min-height:clamp(130px,19vh,196px);color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:clamp(56px,5vw,84px) minmax(0,1fr);align-items:center;gap:clamp(14px,1.6vw,28px);padding:24px clamp(18px,2.4vw,40px);display:grid}.mode-choice>svg{aspect-ratio:1;stroke-width:1.3px;width:100%;height:auto;color:var(--bone)}.mode-choice>span{border-left:1px solid var(--line-strong);padding-left:clamp(14px,1.6vw,28px)}.mode-choice b{font:400 clamp(34px, 3.3vw, 58px) / 1 var(--stencil);letter-spacing:.03em;color:var(--bone);text-transform:uppercase;display:block}.mode-choice b+span{color:var(--soft);letter-spacing:.05em;text-transform:uppercase;margin-top:12px;font-size:clamp(14px,1.1vw,18px);font-weight:600;line-height:1.3;display:block}.mode-choice:hover:not([aria-pressed=true]){--frame-line:#d6cdb480}.mode-choice[aria-pressed=true]{--frame-line:var(--amber);--frame-w:2px;--frame-fill:linear-gradient(160deg, #302415eb, #14120eeb);filter:drop-shadow(0 0 12px #ffb35c47)}.mode-choice .tick{background:var(--amber);width:40px;height:36px;color:var(--ink);clip-path:polygon(0 0,100% 0,100% 100%,22% 100%,0 78%);place-items:center;display:none;position:absolute;top:12px;right:12px}.mode-choice .tick svg{stroke-width:3px;width:26px;height:26px}.mode-choice[aria-pressed=true] .tick{display:grid}.settings-panel{--cut:16px;flex-direction:column;align-self:start;min-height:0;max-height:100%;padding:20px clamp(20px,2.2vw,36px) 14px;display:flex}.settings-rows{scrollbar-width:thin;scrollbar-color:#d6cdb440 transparent;min-height:0;margin-top:8px;padding-right:6px;display:grid;overflow-y:auto}.setting{border-bottom:1px solid #d6cdb424;grid-template-columns:36px minmax(0,1fr) min(48%,540px);align-items:center;gap:16px;min-height:54px;padding:6px 0;display:grid}.setting>svg{width:30px;height:30px;color:var(--bone)}.setting>span{color:var(--bone);letter-spacing:.05em;text-transform:uppercase;font-size:clamp(16px,1.25vw,21px);font-weight:600}.setting select.stepper{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.setting .stepper-ui{justify-self:center;width:70%}.setting .segmented button{padding:10px 6px 9px;font-size:clamp(14px,1.2vw,19px)}.setting.switch input{appearance:none;border:1px solid var(--line-strong);cursor:pointer;background:linear-gradient(90deg,#d6cdb429 0 50%,#0000 50%) no-repeat,#0000004d;justify-self:center;width:70%;height:40px;margin:0;position:relative}.setting.switch input:after{content:"Off";color:var(--soft);letter-spacing:.06em;text-transform:uppercase;place-items:center;font-size:17px;font-weight:700;display:grid;position:absolute;inset:0}.setting.switch input:checked{background:var(--amber)}.setting.switch input:checked:after{content:"On";color:var(--ink)}.setting.switch input:disabled{cursor:default}.match-settings.locked .segmented,.match-settings.locked .stepper-ui,.match-settings.locked .setting.switch input,.match-settings.locked .team-name input{opacity:.6}.match-settings.locked .segmented button{cursor:default}.settings-note{color:var(--soft);letter-spacing:.03em;margin:10px 0 0;font-size:14px}.team-names{grid-template-columns:1fr 1fr;gap:10px;padding:10px 0 2px 52px;display:grid}.team-name input{width:100%;font:inherit;letter-spacing:.06em;text-transform:uppercase;color:var(--bone);border:1px solid var(--line-strong);border-left:5px solid var(--team);background:#00000059;outline:none;padding:8px 10px;font-size:15px;font-weight:700}.team-name input:focus{border-color:var(--team)}.team-name input:disabled{opacity:1}body[data-play-mode=practice] .match-settings,body[data-play-mode=online] .practice-settings{display:none}.flow-actions{left:max(27vw,300px);right:calc(var(--gutter) + 2vw);bottom:calc(var(--gutter) + 12px);justify-content:space-between;align-items:end;gap:16px;display:none;position:absolute}#mode-back{min-width:clamp(170px,14vw,250px)}#mode-continue{justify-content:space-between;min-width:clamp(240px,21vw,360px)}.ready-heading{font:400 clamp(56px, 6vw, 104px) / 1 var(--stencil);letter-spacing:.03em;color:var(--bone);text-transform:uppercase;text-shadow:0 2px 14px #000000b3;background:linear-gradient(90deg,#0a0a08b3 60%,#0000);align-items:center;gap:18px;margin:0;padding:4px 34px 0 0;display:none;position:absolute;top:98px;left:0}.hazard{background:repeating-linear-gradient(-60deg, #13110d 0 13px, var(--amber) 13px 29px);clip-path:polygon(0 0,100% 0,calc(100% - 22px) 100%,0 100%);align-self:stretch;width:clamp(70px,6vw,104px);margin-bottom:4px}#side{top:112px;right:var(--gutter);pointer-events:none;width:clamp(400px,34vw,590px);max-height:calc(100dvh - 272px);display:flex;position:fixed}#lobby{--cut:18px;width:100%;display:flex}#lobby .scroll{scrollbar-width:thin;width:100%;min-height:0;padding:0 0 16px;overflow-y:auto}.lobby-head{border-bottom:1px solid var(--line);background:#0000004d;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:16px;padding:16px 20px 14px 26px;display:grid}.lobby-head h3{text-overflow:ellipsis;min-width:0;font:400 clamp(26px, 2.3vw, 40px) / 1 var(--stencil);letter-spacing:.04em;color:var(--bone);text-transform:uppercase;white-space:nowrap;margin:0 0 4px;overflow:hidden}.lobby-code{justify-items:center;gap:4px;display:grid}.lobby-code small{color:var(--soft);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700}.lobby-code b{border:1px solid var(--line-strong);min-width:96px;color:var(--bone);letter-spacing:.04em;text-align:center;background:#0006;padding:8px 10px 6px;font-size:clamp(16px,1.3vw,24px);font-weight:700;line-height:1}.chip{border:1px solid var(--line-strong);height:40px;color:var(--bone);cursor:pointer;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:#0000004d;align-items:center;gap:8px;padding:0 12px;font-size:15px;font-weight:700;display:inline-flex}.chip svg{width:18px;height:18px}.chip:hover{border-color:var(--amber);color:var(--amber)}.name-field{color:var(--soft);letter-spacing:.12em;text-transform:uppercase;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin:14px 20px 0 26px;font-size:13px;font-weight:700;display:grid}.name-field input{letter-spacing:.05em;text-transform:uppercase;min-width:0;color:var(--bone);border:1px solid var(--line);background:#00000059;outline:none;padding:7px 10px 6px;font-size:17px;font-weight:700}.name-field input:focus{border-color:var(--amber)}#lobby-players{gap:6px;margin:12px 20px 0 26px;padding:0;list-style:none;display:grid}#lobby-players li{border:1px solid var(--line);background:#d6cdb40a;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:16px;min-height:60px;padding:0 14px 0 0;display:grid}#lobby-players li.me{border-color:#ffb35c8c}#lobby-players li.away{opacity:.55}#lobby-players .paint{border-right:1px solid var(--line);flex-direction:column;align-self:stretch;display:flex;overflow:hidden}#lobby-players .paint i{flex:1;display:block}#lobby-players .paint i:first-child{flex:3}#lobby-players .who{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--bone);letter-spacing:.04em;text-transform:uppercase;font-size:clamp(18px,1.5vw,25px);font-weight:700;line-height:1.05;overflow:hidden}#lobby-players em{vertical-align:3px;letter-spacing:.08em;text-transform:uppercase;color:var(--amber);border:1px solid var(--amber);margin-left:8px;padding:3px 6px 2px;font-size:12px;font-style:normal;line-height:1;display:inline-block}#lobby-players em.you{background:var(--amber);color:var(--ink)}#lobby-players .kit{text-overflow:ellipsis;color:var(--muted);letter-spacing:.08em;font-size:12px;font-weight:600;display:block;overflow:hidden}#lobby-players .state{color:var(--soft);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:8px;font-size:clamp(14px,1.2vw,19px);font-weight:700;display:inline-flex}#lobby-players .state:after{content:"";box-sizing:border-box;border:2px solid;border-radius:50%;width:20px;height:20px}#lobby-players .state.ready{color:var(--ready)}#lobby-players .state.ready:after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m5 10.5 3.2 3L15 6.5' fill='none' stroke='%2316140f' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% no-repeat, var(--ready);border:0}#lobby-players .state.busy{color:var(--amber)}#lobby-players .state.busy:after{border-style:dotted}#lobby-players li.team-head{background:color-mix(in srgb, var(--team) 22%, transparent);border:0;border-left:5px solid var(--team);grid-template-columns:minmax(0,1fr) auto auto;min-height:40px;margin-top:6px;padding:0 10px 0 14px}#lobby-players li.team-head b{color:var(--bone);letter-spacing:.08em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}#lobby-players li.team-head span,#lobby-players li.team-head small{color:var(--soft);text-transform:uppercase;letter-spacing:.06em;font-size:13px}#lobby-players li.team-head button,#lobby-players li.team-tools button{border:1px solid var(--team,var(--line-strong));color:var(--bone);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#0000004d;padding:6px 12px;font-size:13px;font-weight:700;line-height:1}#lobby-players li.team-head button:disabled{opacity:.35;cursor:default}#lobby-players li.bot-seat{border:1px dashed color-mix(in srgb, var(--team) 50%, transparent);min-height:44px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;background:0 0;grid-template-columns:minmax(0,1fr) auto;padding:0 14px;font-size:15px;font-weight:700}#lobby-players li.team-tools{background:0 0;border:0;justify-content:flex-end;min-height:0;padding:0;display:flex}.lobby-review{border-top:1px solid var(--line);gap:6px;margin:16px 20px 0 26px;padding-top:16px;display:grid}.lobby-review>div{grid-template-columns:clamp(118px,9vw,150px) minmax(0,1fr);gap:4px;display:grid}.lobby-review dt,.lobby-review dd{border:1px solid var(--line);background:#d6cdb40a;align-items:center;min-height:44px;margin:0;display:flex}.lobby-review dt{color:var(--soft);letter-spacing:.08em;text-transform:uppercase;gap:10px;padding:0 12px;font-size:14px;font-weight:700}.lobby-review dt svg{flex:none;width:22px;height:22px}.lobby-review dd{color:var(--bone);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;padding:2px 14px 0;font-size:clamp(16px,1.45vw,24px);font-weight:700;overflow:hidden}#lobby-status{min-height:18px;color:var(--soft);overflow-wrap:anywhere;margin:12px 20px 0 26px;font-size:14px}#lobby-leave{margin:6px 20px 0 26px}.ready-actions{left:var(--gutter);right:var(--gutter);bottom:calc(var(--gutter) + 8px);pointer-events:none;justify-content:space-between;align-items:end;gap:16px;display:none;position:absolute}.ready-actions>*{pointer-events:auto}#ready-back{min-width:clamp(170px,14vw,250px)}.ready-go{align-items:end;gap:12px;display:flex}.ready-btn{--cut:16px;min-width:clamp(320px,29vw,500px);min-height:clamp(80px,10vh,104px);color:var(--ink);filter:drop-shadow(0 0 14px #ffb35c4d);justify-content:space-between;padding:8px 40px 4px clamp(110px,9vw,150px);font-size:clamp(42px,4.4vw,76px)}.ready-btn:before{background:linear-gradient(90deg, transparent 0 clamp(80px, 7vw, 116px), var(--amber) 0), repeating-linear-gradient(-60deg, #13110d 0 14px, var(--amber) 14px 32px)}.ready-btn:after{display:none}.ready-btn:hover:not(:disabled){filter:drop-shadow(0 0 18px #ffb35c80)}.ready-btn small,.ready-btn .ready-tick{display:none}.ready-btn[aria-pressed=true]{color:#dfeccb;filter:none;grid-template-rows:auto auto;grid-template-columns:auto auto 1fr;column-gap:16px;padding-left:40px;display:inline-grid}.ready-btn[aria-pressed=true]:before{background:var(--ready)}.ready-btn[aria-pressed=true]:after{background:linear-gradient(#2f3a22,#20281a);display:block;inset:2px}.ready-btn[aria-pressed=true] .ready-tick{stroke-width:3.2px;width:.62em;height:.62em;color:var(--ready);display:block}.ready-btn[aria-pressed=true] small{letter-spacing:.14em;color:#b9c7a3;grid-column:1/-1;margin-top:4px;font:600 13px/1 Barlow Condensed,sans-serif;display:block}.ready-btn[aria-pressed=true] .chev{display:none}.ready-btn:disabled{filter:none}body[data-step=garage] .garage-panel,body[data-step=garage] .view-hint,body[data-step=garage] #choose-mode{display:flex}body:not([data-step=garage]) .garage-panel,body:not([data-step=garage]) .view-hint,body:not([data-step=garage]) #choose-mode{display:none}body[data-step=mode] .mode-screen{display:grid}body[data-step=mode] .flow-actions,body[data-step=ready] .ready-actions,body[data-step=ready] .ready-heading{display:flex}body:not([data-step=ready]) #side{display:none}body[data-step=mode] #hud:before,body[data-step=ready] #hud:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0707061a 10%,#070706a8 40%,#070706b8);position:absolute;inset:0}body[data-step=ready] #hud:before{background:linear-gradient(90deg,#0000 50%,#0707068c)}#mute{top:20px;right:var(--gutter);z-index:110;border:1px solid var(--line-strong);width:38px;height:38px;color:var(--soft);cursor:pointer;background:#0e0e0cd9;place-items:center;padding:0;display:grid;position:fixed}#mute:hover,#mute:focus-visible{color:var(--bone)}#mute[aria-pressed=true]{color:var(--amber);border-color:var(--amber)}#mute svg{stroke-width:1.8px;width:20px;height:20px}#mute .speaker{fill:currentColor}#mute[aria-pressed=false] .cross,#mute[aria-pressed=true] .waves{display:none}#loading{z-index:100;color:var(--soft);background:linear-gradient(90deg, #070706b3, #0707060d 60%), linear-gradient(0deg, #070706f2, transparent 45%), radial-gradient(ellipse 50% 60% at 62% 45%, #ff964624, transparent 70%), url(/textures/loading-rooftop.jpg) center / cover, var(--bg);transition:opacity .6s;position:fixed;inset:0}.load-title{font:400 clamp(40px, 6vw, 104px) / 1 var(--stencil);letter-spacing:.03em;color:var(--bone);text-shadow:0 2px 18px #0009;animation:6s step-end infinite lamp-stutter;position:absolute;top:clamp(24px,4vh,44px);left:clamp(24px,3vw,52px)}.load-title span{color:var(--amber)}@keyframes lamp-stutter{0%,61%,63.5%,66%,to{opacity:1}62%,65%{opacity:.35}64%{opacity:.12}}.load-status{width:min(880px,100vw - 64px);position:absolute;bottom:clamp(24px,4.5vh,48px);left:clamp(24px,3vw,52px)}#loading .load-status p{font:400 clamp(28px, 3.5vw, 60px) / 1.05 var(--stencil);letter-spacing:.03em;color:var(--bone);text-transform:uppercase;text-shadow:0 2px 12px #000000b3;margin:0 0 14px}.load-meter{align-items:center;gap:24px;display:flex}.load-bar{background:#d6cdb438;flex:1;max-width:760px;height:7px;overflow:hidden}.load-bar i{height:100%;width:var(--progress,0%);background:var(--amber);transition:width .25s;display:block;box-shadow:0 0 10px #ffb35c80}.load-bar.indeterminate i{width:30%;animation:1.2s ease-in-out infinite alternate loading-travel}@keyframes loading-travel{0%{transform:translate(0)}to{transform:translate(233%)}}.load-pct{min-width:3.2em;color:var(--amber);font-variant-numeric:tabular-nums;font-size:clamp(22px,2vw,34px);font-weight:700}.load-bar.indeterminate+.load-pct{visibility:hidden}.load-tip{color:var(--soft);letter-spacing:.05em;text-transform:uppercase;margin-top:14px;font-size:clamp(16px,1.5vw,24px);font-weight:600;display:block}.load-tip kbd{font:inherit;color:var(--bone);background:0 0;margin:0;padding:0}.load-summary{color:var(--bone);letter-spacing:.05em;text-transform:uppercase;text-shadow:0 1px 6px #000;font-size:clamp(16px,1.5vw,26px);font-weight:700;position:absolute;bottom:clamp(30px,6vh,64px);right:clamp(24px,3vw,52px)}#loading.done{opacity:0;pointer-events:none}#loading.error .load-status p{color:#ff9a80;text-transform:none;font:600 22px/1.3 Barlow Condensed,sans-serif}@media (prefers-reduced-motion:reduce){.load-bar.indeterminate i,.load-title{animation:none}}#net-debug{z-index:5;border:1px solid var(--line);background:#000000bf;gap:6px;width:260px;padding:10px 12px;font-size:12px;display:grid;position:fixed;bottom:110px;left:20px}#net-debug header{text-transform:uppercase;letter-spacing:.1em;color:var(--amber);font-size:11px;font-weight:800}#net-debug header small{color:var(--muted);margin-left:6px}#net-debug label{color:var(--muted);align-items:center;gap:6px;display:flex}#net-debug input[type=number]{width:64px;color:var(--text);border:1px solid var(--line);background:#ffffff14;padding:3px 5px}#net-debug pre{color:#cfe7ff;white-space:pre;margin:4px 0 0;font:11px/1.5 ui-monospace,monospace}@media (max-height:860px) and (min-width:901px){.panel-head h2{font-size:clamp(40px,3.6vw,60px)}.panel-head{margin-bottom:8px}#loadout li{padding:5px 0}.paint-custom{margin-bottom:10px}#stats{gap:4px}.mode-choice{min-height:120px;padding-block:18px}.setting{min-height:52px;padding:5px 0}}@media (max-width:1500px) and (min-width:901px){.view-hint{bottom:calc(var(--gutter) + 110px);left:calc(var(--gutter) + var(--panel-w) + 3vw)}.paint-custom{margin-left:0}}@media (max-width:1180px) and (min-width:901px){.brand-sub,.brand .tag{display:none}}@media (max-width:900px){:root{--gutter:14px}.topbar{gap:10px;height:60px}.brand-sub,.brand .tag,.brand .slashes{display:none}.brand h1{font-size:20px}.steps button{--notch:10px;min-width:0;padding:9px 16px 7px 18px;font-size:15px}.garage-panel{top:auto;bottom:calc(var(--gutter) + 72px);left:var(--gutter);right:var(--gutter);width:auto;max-height:52dvh}body[data-step] .view-hint{display:none}#choose-mode{left:var(--gutter);right:var(--gutter);bottom:var(--gutter);min-height:60px;font-size:26px}.mode-screen{top:72px;left:var(--gutter);right:var(--gutter);bottom:92px}.mode-choices{grid-template-columns:1fr;gap:10px}.mode-choice{min-height:0;padding:16px 18px}.setting{grid-template-columns:28px minmax(0,1fr) 54%;gap:10px}.setting .stepper-ui,.setting.switch input{width:100%}.flow-actions,.ready-actions{left:var(--gutter);right:var(--gutter);bottom:var(--gutter)}.cta,.cta.secondary{min-height:56px;padding:8px 18px 6px;font-size:22px}#mode-back,#ready-back{min-width:0}.ready-heading{font-size:40px;top:70px}.ready-btn{min-width:0;min-height:56px;padding-left:76px;font-size:30px}.ready-btn:before{background:linear-gradient(90deg, transparent 0 56px, var(--amber) 0), repeating-linear-gradient(-60deg, #13110d 0 10px, var(--amber) 10px 22px)}#side{top:124px;left:var(--gutter);right:var(--gutter);width:auto;max-height:calc(100dvh - 210px)}.lobby-head{grid-template-columns:1fr auto}.lobby-head .chip{grid-column:1/-1;justify-self:start}body[data-step=mode] #hud:before{background:#070706b8}}@media (max-width:520px){.brand{display:none}.steps{margin:0 auto 0 0}.screen-title h2{font-size:36px}.mode-choice b{font-size:30px}.steps{gap:2px}.steps button{padding:8px 12px 6px 14px;font-size:13px}.steps button span{display:none}#loadout li,#loadout .part-chassis,.paint{grid-template-columns:82px minmax(0,1fr)}#loadout .aside{grid-column:2;justify-self:start}#loadout .slot{font-size:15px}.paint-custom{grid-template-columns:1fr;margin-left:0}.setting>svg{display:none}.setting{grid-template-columns:minmax(0,1fr) 58%}.setting>span{font-size:15px}.team-names{padding-left:0}}#side[hidden],#net-debug[hidden],#lobby[hidden],.cta[hidden],.setting[hidden],.team-names[hidden],.body-pick[hidden]{display:none}@font-face{font-family:Saira Stencil One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/saira-stencil-one-vietnamese-400-normal-CgSoN2dm.woff2)format("woff2"),url(/assets/saira-stencil-one-vietnamese-400-normal-C-B0jM97.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Saira Stencil One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/saira-stencil-one-latin-ext-400-normal-DMIlmdX4.woff2)format("woff2"),url(/assets/saira-stencil-one-latin-ext-400-normal-CR3hwvrm.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Saira Stencil One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/saira-stencil-one-latin-400-normal-CaP09Fmm.woff2)format("woff2"),url(/assets/saira-stencil-one-latin-400-normal-BhLFNLer.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-condensed-vietnamese-500-normal-DjeaNLFD.woff2)format("woff2"),url(/assets/barlow-condensed-vietnamese-500-normal-CsrJDWc5.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-condensed-latin-ext-500-normal-yA5ONLQ9.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-500-normal-B1RE8WP7.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-condensed-latin-500-normal-BgYH2mbd.woff2)format("woff2"),url(/assets/barlow-condensed-latin-500-normal-HIEiP5Ov.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-vietnamese-600-normal-A5AYRdjN.woff2)format("woff2"),url(/assets/barlow-condensed-vietnamese-600-normal-CNlPk46_.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-ext-600-normal-18ESti3H.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-600-normal-Clv9cIcR.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@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");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-vietnamese-700-normal-DYeBwlKR.woff2)format("woff2"),url(/assets/barlow-condensed-vietnamese-700-normal-DhIzd8Tb.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-ext-700-normal-CwuXbfVR.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-700-normal-BIHFfxf0.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2)format("woff2"),url(/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}#game-hud{pointer-events:none;font-variant-numeric:tabular-nums;--steel-hi:#3a3933;--steel-lo:#22211e;--ink:#e7e0cc;--stamp:#b3ac98;--lamp:#ffb35c;--amber:#ffb35c;--red:#e0482e;--green:#93c457;--grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.5  0 0 0 0 0.48  0 0 0 0 0.42  0 0 0 0.55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--scratch:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='120'><g stroke='rgba(255,250,235,0.07)' stroke-width='0.6' fill='none'><path d='M10 20 L70 31'/><path d='M120 8 L210 22'/><path d='M40 90 L95 84'/><path d='M150 70 L230 102'/><path d='M5 60 L30 58'/><path d='M180 40 L200 46'/></g></svg>");position:fixed;inset:0}#game-hud[hidden]{display:none}#game-hud .stamp{font:400 11px / 1 var(--stencil);letter-spacing:.14em;text-transform:uppercase;color:var(--stamp);text-shadow:0 1px #000000b3,0 -1px #ffffff0d}#game-hud kbd{letter-spacing:.04em;color:#1b1a17;background:linear-gradient(#cfc8b4,#a49d89);border:0;border-radius:2px;padding:2px 4px;font:700 10px/1 Barlow Condensed,sans-serif;box-shadow:0 1px #0009}.plate,.dash{background:var(--scratch), var(--grain), linear-gradient(180deg, var(--steel-hi), var(--steel-lo));border:1px solid #0b0b0a;border-radius:3px;box-shadow:inset 0 1px #fffaeb17,inset 0 -2px #00000080,0 8px 22px #0000008c}.hud-score{gap:2px;min-width:150px;padding:10px 14px;display:grid;position:absolute;top:18px;left:18px}.hud-score>b{color:var(--ink);letter-spacing:.01em;font:700 46px/.95 Barlow Condensed,sans-serif}.hud-score .row{align-items:baseline;gap:8px;display:flex}.hud-score .row b{color:var(--ink);font:700 18px/1 Barlow Condensed,sans-serif}.hud-score .combo{font:400 14px / 1 var(--stencil);color:var(--amber);letter-spacing:.08em;transition:opacity .2s}#lives{gap:5px;margin-top:6px;display:flex}#lives[hidden]{display:none}#lives i{opacity:.25;background:linear-gradient(#9b9686,#5e5a50);border-radius:6px 6px 3px 3px;width:12px;height:18px;box-shadow:inset 0 1px #ffffff4d,0 1px 2px #0009}#lives i.on{opacity:1}#ticker{letter-spacing:.04em;text-transform:uppercase;color:#cfc8b4;gap:3px;width:300px;margin:0;padding:0;font:600 13px/1.25 Barlow Condensed,sans-serif;list-style:none;display:grid;position:absolute;top:150px;left:18px}#ticker li{white-space:nowrap;background:#0e0d0bb8;border-left:3px solid #6f6a5d;width:-moz-fit-content;width:fit-content;max-width:100%;padding:3px 8px;animation:.35s steps(6,end) ticker-in,.6s ease-in 5.4s forwards ticker-out;overflow:hidden}#ticker li time{color:var(--stamp);margin-right:8px}#ticker li.good{border-left-color:var(--amber)}#ticker li.bad{border-left-color:var(--red)}@keyframes ticker-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes ticker-out{to{opacity:0;transform:translate(-8px)}}#match-timer{justify-items:center;gap:1px;min-width:120px;padding:6px 18px 7px;display:grid;position:absolute;top:16px;left:50%;transform:translate(-50%)}#match-timer[hidden]{display:none}#match-timer .phase{font:400 11px / 1 var(--stencil);letter-spacing:.18em;text-transform:uppercase;color:var(--stamp)}#match-timer b{color:var(--ink);letter-spacing:.06em;font:700 30px/1 Barlow Condensed,sans-serif}#match-timer .lamp{width:9px;height:9px;position:absolute;top:8px;right:8px}#match-timer.urgent b{color:var(--red)}#match-timer.urgent .lamp{background:var(--red);box-shadow:0 0 10px var(--red);animation:.5s steps(2,end) infinite strobe}.scope{background:var(--grain), linear-gradient(180deg, #2f2e29, #1b1a17);border:1px solid #0b0b0a;border-radius:6px;padding:8px;position:absolute;top:16px;right:64px;box-shadow:inset 0 1px #fffaeb14,0 8px 22px #0000008c}#minimap{background:#0c0a06;border-radius:3px;width:220px;height:180px;display:block;box-shadow:inset 0 0 18px #000000e6}.scope-label{font:400 10px / 1 var(--stencil);letter-spacing:.16em;text-transform:uppercase;color:var(--stamp);background:#1b1a17;padding:0 4px;position:absolute;bottom:-6px;left:12px}#scoreboard{gap:2px;width:236px;margin:0;padding:8px 10px;list-style:none;display:grid;position:absolute;top:230px;right:64px}#scoreboard[hidden]{display:none}#scoreboard li{color:#cfc8b4;text-transform:uppercase;letter-spacing:.03em;grid-template-columns:18px 6px 1fr auto;align-items:center;gap:8px;padding:3px 4px;font:600 14px/1.1 Barlow Condensed,sans-serif;display:grid}#scoreboard li.me{color:var(--ink);background:#ffb35c1f}#scoreboard li.away{opacity:.45}#scoreboard li.out{opacity:.4;text-decoration:line-through}#scoreboard li.bounty .who:after{content:" ◎";color:var(--red)}#scoreboard .rank{font:400 11px / 1 var(--stencil);color:var(--stamp)}#scoreboard i{border-radius:1px;width:6px;height:14px}#scoreboard .who{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#scoreboard b{color:var(--ink);font-weight:700}#scoreboard .pips{gap:3px;display:flex}#scoreboard .pip{opacity:.3;background:#5e5a50;border-radius:3px 3px 1px 1px;width:6px;height:10px}#scoreboard .pip.on{opacity:1;background:#a8a291}#scoreboard .who small{color:var(--stamp);font-size:10px}#scoreboard li.team{color:#fff;background:color-mix(in srgb, var(--team) 70%, #000);border-left:4px solid var(--team);letter-spacing:.08em;grid-template-columns:1fr auto;margin-top:4px;padding:3px 6px}#scoreboard li.team:first-child{margin-top:0}#scoreboard li.team b{color:#fff}#scoreboard li.team.mine .who:after{content:" · you";opacity:.8;font-size:11px}#team-score{pointer-events:none;grid-template-columns:1fr 1fr;column-gap:150px;display:grid;position:absolute;top:16px;left:50%;transform:translate(-50%)}#team-score[hidden]{display:none}#team-score .side{color:#fff;background:linear-gradient(180deg, color-mix(in srgb, var(--team) 85%, #000), color-mix(in srgb, var(--team) 55%, #000));border:1px solid #0b0b0a;grid-template-columns:auto auto;align-items:center;column-gap:10px;min-width:150px;padding:4px 12px;display:grid;box-shadow:0 2px 8px #0009}#team-score .side:first-child{border-radius:3px 0 0 3px;justify-content:end}#team-score .side:last-child{border-radius:0 3px 3px 0;grid-template-columns:auto auto;justify-content:start}#team-score .side:last-child span{order:2}#team-score span{font:400 13px / 1 var(--stencil);letter-spacing:.14em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;max-width:130px;overflow:hidden}#team-score b{font:700 28px/1 Barlow Condensed,sans-serif}#team-score small{justify-self:inherit;text-transform:uppercase;letter-spacing:.08em;opacity:.85;grid-column:1/-1;font:600 11px/1 Barlow Condensed,sans-serif}#team-score .side.mine{outline-offset:-3px;outline:2px solid #fff3d6}.dash{--dash-scale:1;transform:translateX(-50%) scale(var(--dash-scale));border-radius:6px 6px 3px 3px;grid-template-columns:132px 112px 104px 196px 120px;align-items:center;gap:14px;padding:12px 22px 10px;display:grid;position:absolute;bottom:14px;left:50%}.dash.jolt{animation:.32s cubic-bezier(.2,.7,.3,1) jolt}@keyframes jolt{0%{transform:translateX(-50%) scale(var(--dash-scale))}18%{transform:translate(calc(-50% + var(--jx,4px)), var(--jy,3px)) rotate(var(--jr,.6deg)) scale(var(--dash-scale))}45%{transform:translate(calc(-50% - var(--jx,4px) * .5), calc(var(--jy,3px) * -.4)) rotate(calc(var(--jr,.6deg) * -.5)) scale(var(--dash-scale))}to{transform:translateX(-50%) scale(var(--dash-scale))}}.rivet{background:radial-gradient(circle at 35% 35%,#8b877a,#3a3833 70%);border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:0 1px 1px #000000b3}.rivet.tl{top:6px;left:7px}.rivet.tr{top:6px;right:7px}.rivet.bl{bottom:6px;left:7px}.rivet.br{bottom:6px;right:7px}.gauge{justify-items:center;gap:2px;display:grid;position:relative}.gauge svg{background:radial-gradient(circle at 50% 40%,#1d1c19,#0d0c0b 70%);border-radius:50%;width:124px;height:124px;box-shadow:0 0 0 4px #4a4842,0 0 0 5px #121110,inset 0 3px 10px #000000e6}.gauge.small svg{width:96px;height:96px}.gauge .ticks line{stroke:#cfc8b4;stroke-width:1.2px}.gauge .ticks line.major{stroke-width:2.2px}.gauge .labels text{fill:#a8a291;text-anchor:middle;font:600 9px Barlow Condensed,sans-serif}.gauge .needle{stroke:#f0e9d4;stroke-width:2.4px;stroke-linecap:round;filter:drop-shadow(0 1px 1px #000000e6)}.gauge .hub{fill:#55524a;stroke:#121110;stroke-width:1.5px}.gauge .load{fill:none;stroke:var(--amber);stroke-width:4px;opacity:.75}.gauge .redline{fill:none;stroke:var(--red);stroke-width:5px;opacity:.8}.gauge .readout{justify-items:center;line-height:1;display:grid;position:absolute;top:72px}.gauge .readout b{color:var(--ink);font:700 22px/1 Barlow Condensed,sans-serif}.gauge .readout small{color:var(--stamp);letter-spacing:.1em;text-transform:uppercase;font:600 9px/1 Barlow Condensed,sans-serif}.gauge .crack{opacity:0;pointer-events:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'><g stroke='rgba(240,235,220,0.55)' stroke-width='0.7' fill='none'><path d='M30 18 L52 46 L48 70 L64 96'/><path d='M52 46 L80 40 L104 52'/><path d='M48 70 L22 84'/><path d='M80 40 L86 18'/></g></svg>") 50%/cover;border-radius:50%;width:124px;height:124px;transition:opacity .3s;position:absolute;top:0}.gauge.small .crack{width:96px;height:96px}#game-hud[data-damage=heavy] .gauge .crack{opacity:.8}.armor-panel{justify-items:center;gap:4px;display:grid}#armor-diagram{width:84px;height:100px}#armor-diagram path{fill:#5a6a3a;stroke:#121110;stroke-width:1.4px;transition:fill .3s}#armor-diagram path[data-state=worn]{fill:#8c7a2e}#armor-diagram path[data-state=bad]{fill:#9a4a22}#armor-diagram path[data-state=gone]{fill:#2a2522;stroke-dasharray:3 2}#armor-diagram path.hit{animation:.45s ease-out plate-hit}@keyframes plate-hit{0%{fill:#fff2c8}}#armor-diagram.refill path{animation:.9s ease-out plate-weld}@keyframes plate-weld{0%{fill:#b8ff9a}35%{fill:#8fcf62}}#boost-gauge.refill{animation:.8s ease-out gauge-refill}@keyframes gauge-refill{0%{filter:brightness(2.2)sepia(.6)}to{filter:none}}.armor-readout{align-items:baseline;gap:6px;display:flex}.armor-readout b{color:var(--ink);font:700 22px/1 Barlow Condensed,sans-serif}.armor-strip{background:#0d0c0b;width:92px;height:5px;box-shadow:inset 0 1px 2px #000c}.armor-strip i{background:#8fa856;width:100%;height:100%;transition:width .12s ease-out,background .2s;display:block}.armor-strip i[data-level=mid]{background:#c9a227}.armor-strip i[data-level=low]{background:var(--red)}.lamps{gap:7px;display:grid}.lamp-unit{grid-template-columns:24px 1fr auto;align-items:center;gap:8px;display:grid;position:relative}.lamp{background:radial-gradient(circle at 40% 35%,#4a4436,#1c1a15 70%);border-radius:50%;width:18px;height:18px;transition:background .12s,box-shadow .12s;display:block;box-shadow:0 0 0 3px #4a4842,0 0 0 4px #121110,inset 0 -2px 4px #000000b3}.lamp-unit .ring{background:conic-gradient(var(--amber) calc(var(--p,1) * 360deg), transparent 0);opacity:.35;border-radius:50%;width:24px;height:24px;margin-top:-12px;position:absolute;top:50%;left:-3px;-webkit-mask:radial-gradient(circle,#0000 10px,#000 11px);mask:radial-gradient(circle,#0000 10px,#000 11px)}.lamp-unit.on .lamp{background:radial-gradient(circle at 40% 35%, #fff1c9, var(--lamp) 45%, #8a4d14 90%);box-shadow:0 0 0 3px #4a4842,0 0 0 4px #121110,0 0 14px #ffb35cbf}.lamp-unit.on .ring{opacity:0}#recover-lamp{--lamp:var(--green)}.arms{gap:7px;display:grid}.arm{grid-template-columns:24px 1fr 44px auto}.arm.none{opacity:.25}.arm.none .ring{display:none}.arm .stamp{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.arm .ammo{justify-content:flex-end;align-items:center;gap:2px;height:10px;display:flex}.arm .ammo i{background:#a8a291;border-radius:1px;width:5px;height:9px}.arm .ammo i.spent{background:#3b3934}.arm .ammo b{background:#0d0c0b;width:40px;height:5px;display:block;box-shadow:inset 0 1px 2px #000c}.arm .ammo b u{background:var(--amber);height:100%;display:block}.arm .ammo b u.hot{background:var(--red)}.arm.empty .lamp{background:radial-gradient(circle at 40% 35%,#5a2a20,#1c1210 70%)}.arm.empty .stamp{color:#7d5c50}.arm.charging .ring{opacity:1;background:conic-gradient(#ff6a2a calc(var(--p,0) * 360deg), transparent 0)}.arm.charging .lamp{background:radial-gradient(circle at 40% 35%,#fff4dc,#ff7a2e 45%,#7a2a0c 90%)}.arm.full .lamp{animation:80ms steps(2,end) infinite tremble;box-shadow:0 0 0 3px #4a4842,0 0 0 4px #121110,0 0 20px #ff6e28f2}@keyframes tremble{50%{transform:translate(.6px,-.4px)}}#recover-lamp .ring{background:conic-gradient(var(--green) calc(var(--p,1) * 360deg), transparent 0)}#recover-lamp.on .lamp{background:radial-gradient(circle at 40% 35%, #efffd8, var(--green) 45%, #3e5a1c 90%);box-shadow:0 0 0 3px #4a4842,0 0 0 4px #121110,0 0 14px #93c457b3}#recover-lamp.urge .lamp{animation:.6s steps(2,end) infinite strobe}#crit-lamp .stamp{color:#7d6a5c}#crit-lamp.on .lamp{background:radial-gradient(circle at 40% 35%, #ffd2c6, var(--red) 45%, #5c1408 90%);animation:.5s steps(2,end) infinite strobe;box-shadow:0 0 0 3px #4a4842,0 0 0 4px #121110,0 0 16px #e0482ed9}#crit-lamp.on .stamp{color:var(--red)}@keyframes strobe{50%{filter:brightness(.35)}}#game-hud[data-damage=heavy] .lamp-unit.on:not(#crit-lamp) .lamp{animation:1.7s step-end infinite flicker}@keyframes flicker{0%,to{filter:none}8%{filter:brightness(.3)}10%{filter:none}52%{filter:brightness(.5)}55%{filter:none}}.help{text-align:left;color:#8d877a;letter-spacing:.04em;text-transform:uppercase;max-width:220px;font:600 12px/1.9 Barlow Condensed,sans-serif;position:absolute;bottom:20px;left:20px}#banner{opacity:0;transition:opacity .2s,transform .2s;position:absolute;top:24%;left:50%;transform:translate(-50%,-8px)}#banner.show{opacity:1;transform:translate(-50%)}#banner-text{white-space:nowrap;font:400 30px / 1 var(--stencil);letter-spacing:.12em;text-transform:uppercase;color:#ece5d0;text-shadow:0 2px #000c;background:#100f0dd1;border-top:4px solid #0000;border-bottom:4px solid #0000;border-image:repeating-linear-gradient(-45deg,#c9a227 0 10px,#141310 10px 20px) 4;padding:6px 22px 5px;display:block}#banner[data-tone=bad] #banner-text{color:#f0a58f;border-image:repeating-linear-gradient(-45deg,#b5381f 0 10px,#141310 10px 20px) 4}#banner[data-tone=good] #banner-text{color:#ffd59a}#banner[data-tone=info] #banner-text{background:#100f0db3;border-color:#0000;border-image:;font-size:19px}#popups{position:absolute;inset:0;overflow:hidden}.popup{font:400 68px / 1 var(--stencil);letter-spacing:.05em;color:#ffd59a;text-shadow:0 3px #000000e6,0 0 8px #0009;white-space:nowrap;animation:1.3s ease-out forwards rise;position:absolute;transform:translate(-50%,-50%)}.popup.bad{color:#f07c62}.popup.hit{color:#ece5d0;font-size:54px}@keyframes rise{0%{opacity:0;margin-top:10px}15%{opacity:1}to{opacity:0;margin-top:-60px}}#flash{opacity:0;position:absolute;inset:0}#flash.zap{background:radial-gradient(circle,#a0c8ff00 45%,#a0c8ff59);animation:.35s ease-out fade}#flash.hurt{background:radial-gradient(circle,#c8321e00 45%,#c8321e8c);animation:.4s ease-out hurt}@keyframes fade{0%{opacity:1}to{opacity:0}}@keyframes hurt{0%{opacity:var(--hit,.6)}to{opacity:0}}#grime{pointer-events:none;opacity:var(--grime,0);background:var(--grain), radial-gradient(ellipse at center, #0000 55%, #120c08d9);mix-blend-mode:multiply;transition:opacity .6s;position:absolute;inset:0}#game-hud.low-hp:after{content:"";pointer-events:none;background:radial-gradient(circle,#c8281400 58%,#c8281438);animation:1s ease-in-out infinite pulse;position:absolute;inset:0}@keyframes pulse{50%{opacity:.35}}#spectate{border-left:3px solid var(--red);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;background:#100f0dd9;padding:6px 14px;font:600 15px/1.2 Barlow Condensed,sans-serif;position:absolute;top:84px;left:50%;transform:translate(-50%)}#spectate[hidden]{display:none}#struggle{border-left:3px solid var(--red);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;background:#100f0dd9;justify-items:center;gap:6px;padding:8px 16px 10px;font:600 18px/1.2 Barlow Condensed,sans-serif;display:grid;position:absolute;top:40%;left:50%;transform:translate(-50%)}#struggle[hidden]{display:none}#struggle i{background:#0d0c0b;width:180px;height:6px;display:block}#struggle b{height:100%;width:var(--p,0%);background:var(--amber);transition:width 80ms;display:block}#spectate b{color:var(--amber)}#replay{z-index:-1;position:absolute;inset:0}#replay[hidden]{display:none}#replay:before,#replay:after{content:"";background:#050505;height:11vh;animation:.25s ease-out bars;position:absolute;left:0;right:0}#replay:before{top:0}#replay:after{bottom:0}@keyframes bars{0%{height:0}}.replay-caption{z-index:1;white-space:nowrap;text-transform:uppercase;align-content:center;justify-items:center;gap:4px;height:11vh;display:grid;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.replay-caption .rec{font:400 13px / 1 var(--stencil);letter-spacing:.2em;color:var(--stamp);align-items:center;gap:8px;display:flex}.replay-caption .rec i{background:var(--red);width:9px;height:9px;box-shadow:0 0 8px var(--red);border-radius:50%;animation:1s step-end infinite rec}@keyframes rec{50%{opacity:.15}}.replay-caption p{font:400 26px / 1 var(--stencil);letter-spacing:.08em;color:var(--ink);margin:0}.replay-caption small{letter-spacing:.08em;color:var(--stamp);font:600 12px/1 Barlow Condensed,sans-serif}#game-hud.replaying .dash,#game-hud.replaying .scope,#game-hud.replaying .help,#game-hud.replaying #banner,#game-hud.replaying #spectate,#game-hud.replaying #struggle,#game-hud.replaying #grime,#game-hud.replaying.low-hp:after{display:none}#net-overlay{color:#ffe6dc;font:400 15px / 1 var(--stencil);letter-spacing:.1em;text-transform:uppercase;background:#5a160ce6;padding:8px 16px;position:absolute;top:84px;left:50%;transform:translate(-50%)}#net-overlay[hidden]{display:none}#results{pointer-events:auto;color:#24221d;background:var(--grain), linear-gradient(180deg, #d9d2bd, #c4bca4);border-radius:2px;width:min(460px,100vw - 32px);padding:20px 22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-.4deg);box-shadow:0 14px 40px #000000b3}#results[hidden]{display:none}#results h2{font:400 26px / 1.1 var(--stencil);letter-spacing:.1em;text-transform:uppercase;margin:0 0 2px}#results .reason{text-transform:uppercase;letter-spacing:.08em;color:#5a5446;margin:0 0 12px;font:600 14px/1.2 Barlow Condensed,sans-serif}#results .cols,#results li{grid-template-columns:6px 1fr 34px 34px 46px 46px;align-items:center;gap:8px;display:grid}#results .cols{font:400 10px / 1 var(--stencil);letter-spacing:.1em;text-transform:uppercase;color:#6a6352;border-bottom:1px solid #24221d59;padding:0 8px 4px}#results .cols span:nth-child(n+3),#results li small,#results li b{text-align:right}#results ol{gap:2px;margin:6px 0 0;padding:0;list-style:none;display:grid}#results li{text-transform:uppercase;padding:5px 8px;font:600 16px/1.1 Barlow Condensed,sans-serif}#results li:first-child{background:#c9a22747}#results li.me{outline:1px dashed #24221d99}#results li.out{opacity:.5;text-decoration:line-through}#results i{width:6px;height:14px}#results small{color:#5a5446}#results em{color:#6a6352;font-size:11px;font-style:normal}#results li.team{color:#fff;background:color-mix(in srgb, var(--team) 75%, #000);letter-spacing:.08em;margin-top:6px}#results li.team:first-child{background:color-mix(in srgb, var(--team) 75%, #000);margin-top:0}#results.teams li:not(.team):first-child,#results.teams li:nth-child(2){background:0 0}#results li.team i{background:var(--team)}#results p{color:#5a5446;text-transform:uppercase;letter-spacing:.06em;margin:12px 0 0;font:600 12px/1.2 Barlow Condensed,sans-serif}.name-tags{pointer-events:none;position:fixed;inset:0;overflow:hidden}.name-tags[hidden]{display:none}.name-tag{white-space:nowrap;letter-spacing:.08em;text-transform:uppercase;color:#e7e0cc;border:1px solid #0b0b0a;border-top:2px solid var(--tag,#8d877a);background:linear-gradient(#3a3933eb,#1e1d1aeb);border-radius:2px;justify-items:center;gap:3px;padding:2px 7px 3px;font:700 12px/1.1 Barlow Condensed,sans-serif;transition:opacity .15s;display:grid;position:absolute;top:0;left:0;box-shadow:0 2px 6px #0009}.name-tag.watched{color:#fff3d6;border-top-width:3px;padding:3px 10px 4px;font-size:16px}.name-tag.watched .tag-hp{width:76px;height:4px}.name-tag.team{color:#fff;background:linear-gradient(180deg, color-mix(in srgb, var(--tag) 70%, #000), color-mix(in srgb, var(--tag) 40%, #000));border-color:#0b0b0a;border-top-width:3px;border-top-color:var(--tag)}.name-tag.ally:before{content:"▼";color:var(--tag);text-shadow:0 1px 2px #000;font-size:10px;line-height:1;position:absolute;bottom:-13px;left:50%;transform:translate(-50%)}.name-tag.edge{padding:2px 6px;font-size:11px}.name-tag.edge .tag-hp{display:none}.name-tag.edge:before{content:"➤";transform:translate(-50%, -50%) rotate(var(--dir,0deg)) translateX(52px);font-size:14px;top:50%;bottom:auto;left:50%}.name-tag.bounty{color:#ffe0d6;border-top-color:#e0482e}.name-tag.bounty:before{content:"Bounty";letter-spacing:.12em;color:#ff6a4a;font:400 10px/1 Saira Stencil One,sans-serif}.tag-hp{background:#0d0c0b;width:58px;height:3px;display:block;overflow:hidden}.tag-hp i{background:#8fa856;width:100%;height:100%;display:block}.tag-hp i[data-level=mid]{background:#c9a227}.tag-hp i[data-level=low]{background:var(--red)}@media (max-width:1100px){.help{display:none}}@media (max-width:760px){.popup{font-size:40px}.popup.hit{font-size:32px}.help,#ticker{display:none}.replay-caption p{font-size:17px}.replay-caption small{display:none}#minimap{width:150px;height:122px}.scope{top:60px;right:16px}#scoreboard{display:none}.dash{--dash-scale:.86;transform:translateX(-50%) scale(var(--dash-scale));transform-origin:bottom;grid-template-columns:96px 80px 76px 150px 100px;gap:8px;padding:10px 14px 8px}.gauge svg,.gauge .crack{width:92px;height:92px}.gauge.small svg,.gauge.small .crack{width:72px;height:72px}.gauge .readout{top:52px}}#ping{justify-items:center;gap:1px;width:36px;padding:4px 0 3px;display:grid;position:absolute;top:60px;right:16px}#ping[hidden]{display:none}#ping b{color:var(--ink);font-variant-numeric:tabular-nums;font:700 16px/1 Barlow Condensed,sans-serif}#ping small{font:400 8px / 1 var(--stencil);letter-spacing:.14em;text-transform:uppercase;color:var(--stamp)}#ping[data-tone=good] b{color:var(--green)}#ping[data-tone=fair] b{color:var(--amber)}#ping[data-tone=poor] b{color:var(--red)}@media (max-width:760px){#ping{top:16px;right:60px}}.dash{background:var(--scratch), var(--grain), linear-gradient(180deg, #35362b, #1d1e19);border:2px solid #706753;box-shadow:inset 0 0 0 2px #191915,0 8px 22px #000000b3}.armor-panel,.arms,.lamps{border-left:1px solid #dcd2b440;padding-left:10px}.hud-score,.scope{border:1px solid #706753}@media (max-width:760px){.arm{grid-template-columns:20px minmax(0,1fr) auto;gap:2px 5px}.arm .lamp,.arm .ring{grid-row:1/3}.arm .ammo{grid-area:2/2}.arm kbd{grid-area:1/3/3}}@media (max-width:520px){.dash{--dash-scale:.72}.hud-score{min-width:96px;padding:7px 10px}.hud-score>b{font-size:32px}#match-timer{min-width:100px}.scope{top:82px}}@media (max-width:390px){.dash{--dash-scale:.6}}@media (min-width:761px){.hud-score{align-items:center;gap:14px;min-width:0;padding:9px 22px 8px;display:flex;top:14px;left:14px}#game-hud .hud-score>.stamp,#game-hud .hud-score .row .stamp{letter-spacing:.06em;color:var(--ink);font:700 clamp(17px,1.4vw,24px)/1 Barlow Condensed,sans-serif}.hud-score>b{min-width:1.6em;font-size:clamp(32px,2.6vw,46px)}.hud-score .row{border-left:2px solid #817965;align-items:center;gap:12px;padding-left:16px}.hud-score .row b{font-size:clamp(32px,2.6vw,46px)}#lives{margin:0 0 0 4px}.hud-score:before,.hud-score:after,#match-timer:before,#match-timer:after{content:"";background:radial-gradient(circle at 35% 35%,#8b877a,#3a3833 70%);border-radius:50%;width:7px;height:7px;margin-top:-3.5px;position:absolute;top:50%;box-shadow:0 1px 1px #000000b3}.hud-score:before,#match-timer:before{left:6px}.hud-score:after,#match-timer:after{right:6px}#match-timer{border:1px solid #706753;min-width:clamp(150px,12vw,210px);padding:6px 26px 5px;top:14px}#match-timer b{letter-spacing:.04em;font-size:clamp(32px,2.8vw,48px)}#match-timer .phase{font-size:10px}#match-timer .lamp{top:7px;right:18px}.scope{border-radius:3px;padding:9px;top:14px;right:64px}#minimap{aspect-ratio:220/180;outline:1px solid #ffb35c40;width:clamp(170px,12vw,220px);height:auto}#ticker{top:86px}.dash{background:var(--scratch), var(--grain), linear-gradient(180deg, #3a3d2b, #23251c 70%, #1d1f17);transform-origin:bottom;border-radius:4px;grid-template-columns:minmax(150px,1fr) minmax(90px,.6fr) auto auto minmax(300px,1.9fr) minmax(120px,.7fr);align-items:stretch;gap:0;width:min(100vw - 16px,1680px);padding:12px 24px;bottom:8px}.dash>*{align-self:center}.armor-panel{order:-3;display:contents}.armor-readout{border-right:1px solid #dcd2b440;order:-3;align-content:center;align-self:stretch;justify-items:center;gap:2px;padding:0 18px;display:grid}#game-hud .armor-readout .stamp{letter-spacing:.08em;color:var(--ink);font:700 clamp(18px,1.5vw,26px)/1 Barlow Condensed,sans-serif}.armor-readout b{font-family:var(--stencil);letter-spacing:.02em;font-size:clamp(48px,4.4vw,76px);font-weight:400;line-height:.95}.armor-strip{background:repeating-linear-gradient(-55deg,#141310 0 5px,#3a3527 5px 10px);order:-3;grid-area:1/1;place-self:end center;width:min(150px,80%);height:9px;margin-bottom:-2px}.armor-strip i{background:repeating-linear-gradient(-55deg,#141310 0 5px,#c9a227 5px 10px)}.armor-strip i[data-level=mid]{background:repeating-linear-gradient(-55deg,#141310 0 5px,#d98a35 5px 10px)}.armor-strip i[data-level=low]{background:repeating-linear-gradient(-55deg, #141310 0 5px, var(--red) 5px 10px)}.armor-readout,.armor-strip{grid-area:1/1}.armor-readout{padding-bottom:14px}#armor-diagram{aspect-ratio:90/110;order:-2;grid-area:1/2;justify-self:center;width:clamp(70px,5.4vw,92px);height:auto;margin:0 14px}#speedo{border-left:1px solid #dcd2b440;order:-1;grid-row:1;align-content:center;align-self:stretch;padding:0 14px}#speedo svg,#speedo .crack{width:clamp(84px,6.2vw,108px);height:clamp(84px,6.2vw,108px)}#speedo .readout{top:auto;bottom:26px}#boost-gauge{border-left:1px solid #dcd2b440;order:0;grid-row:1;align-content:center;align-self:stretch;padding:0 18px}#boost-gauge svg,#boost-gauge .crack{width:clamp(100px,7.6vw,132px);height:clamp(100px,7.6vw,132px)}#game-hud #boost-gauge .stamp,#game-hud #speedo .stamp{letter-spacing:.1em;color:var(--ink);font:700 15px/1 Barlow Condensed,sans-serif}.arms{border-left:1px solid #dcd2b440;order:1;grid-row:1;grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;align-self:stretch;gap:6px;padding:0 16px}.arm{grid-template-rows:34px auto 12px auto;grid-template-columns:1fr;justify-items:center;gap:5px;min-width:0}.lamp-unit .lamp{width:26px;height:26px}.lamp-unit .ring{width:34px;height:34px;margin:-17px 0 0 -17px;top:17px;left:50%;-webkit-mask:radial-gradient(circle,#0000 15px,#000 16px);mask:radial-gradient(circle,#0000 15px,#000 16px)}#game-hud .arm .stamp,#game-hud .lamps .stamp{letter-spacing:.06em;color:var(--ink);max-width:100%;font:700 clamp(13px,1.1vw,18px)/1 Barlow Condensed,sans-serif}.arm .ammo{justify-content:center;max-width:70px}#game-hud .dash kbd{min-width:34px;font:400 15px / 1 var(--stencil);text-align:center;color:#1b1a17;background:linear-gradient(#d8d1bd,#9d9682);border-radius:3px;padding:7px 8px 5px;box-shadow:0 2px #4a4538,0 3px 4px #0009}.lamps{border-left:1px solid #dcd2b440;order:2;grid-row:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;align-self:stretch;padding:0 6px 0 14px}.lamps .lamp-unit{grid-template-rows:34px auto auto;grid-template-columns:1fr;justify-items:center;gap:5px}#game-hud #crit-lamp .stamp{color:var(--stamp)}.rivet{width:9px;height:9px}.help{bottom:calc(20px + clamp(124px,10vw,168px));left:16px}}
