:root{--cursor-default:image-set(url(/cursors/arrow-1x-bef2b0d0a123.png) 1x, url(/cursors/arrow-2x-3189aee452bf.png) 2x) 4 3, default;--cursor-pointer:image-set(url(/cursors/arrow-1x-bef2b0d0a123.png) 1x, url(/cursors/arrow-2x-3189aee452bf.png) 2x) 4 3, pointer;--cursor-not-allowed:image-set(url(/cursors/not-allowed-1x-b436e3541832.png) 1x, url(/cursors/not-allowed-2x-77b911e39f46.png) 2x) 4 3, not-allowed;--cursor-grab:image-set(url(/cursors/grab-1x-b0de46bd7dcf.png) 1x, url(/cursors/grab-2x-62536a3b7fc7.png) 2x) 4 3, grab;--cursor-grabbing:image-set(url(/cursors/grabbing-1x-1bfe12c9b012.png) 1x, url(/cursors/grabbing-2x-cb904de7d00d.png) 2x) 4 3, grabbing}html{cursor:var(--cursor-default)}a[href],summary,label[for]{cursor:var(--cursor-pointer)}input:not([type=button],[type=checkbox],[type=radio],[type=range],[type=submit]),textarea,[contenteditable=true]{cursor:text}#mouse-capture-status{z-index:var(--view-layer-notice);left:calc((100% - var(--panel-width)) / 2);max-width:min(480px, calc(100% - var(--panel-width) - 32px));color:var(--ink);text-align:center;pointer-events:none;background:#10161bee;border-radius:6px;margin:0;padding:10px 16px;position:fixed;bottom:110px;transform:translate(-50%)}#game-area{background:#000;width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}#game-viewport{contain:layout paint;--panel-width:0px;--hud-safe-top:max(12px, env(safe-area-inset-top,0px));--hud-layer-damage:1;--hud-layer-navigation:2;--hud-layer-marker:3;--hud-layer-feedback:4;--hud-layer-reticle:5;--hud-layer-modal:12;--view-layer-hud:1;--view-layer-end:2;--view-layer-notice:3;--hud-glass-bg:#0000000d;--hud-glass-blur:blur(10px);--hud-text-shadow:0 1px 2px #00000073;text-shadow:var(--hud-text-shadow);position:absolute;inset:0;container-type:inline-size}#damage-overlay,#damage-direction{z-index:var(--hud-layer-damage)}#hit-marker{z-index:var(--hud-layer-feedback)}#crosshair{z-index:var(--hud-layer-reticle)}#match-status{top:var(--hud-safe-top);z-index:var(--hud-layer-navigation);font-variant-numeric:tabular-nums;pointer-events:none;justify-items:start;min-width:132px;padding:8px 16px 10px;display:grid;position:fixed;left:26px}@container (width<=1040px){#match-status{top:calc(var(--hud-safe-top) + 60px)}}#round-clock{transform-origin:0;font-size:clamp(24px,2.2cqi,38px);font-weight:700;line-height:1.1}#round-clock[data-state=ending]{color:#ff6b5b}#round-clock[data-state=ending][data-beat=odd]{animation:.4s cubic-bezier(.2,.8,.2,1) clock-beat-odd}#round-clock[data-state=ending][data-beat=even]{animation:.4s cubic-bezier(.2,.8,.2,1) clock-beat-even}@keyframes clock-beat-odd{0%{transform:scale(1.14)}}@keyframes clock-beat-even{0%{transform:scale(1.14)}}#player-score{margin-top:2px;font-size:clamp(14px,1.05cqi,18px);font-weight:600}#objective{color:var(--dim);letter-spacing:.08em;text-transform:uppercase;font-size:11px}#forfeit-notice{z-index:var(--hud-layer-navigation);top:calc(var(--hud-safe-top) + 70px);left:calc(50% - var(--panel-width) / 2);text-align:center;white-space:nowrap;pointer-events:none;justify-items:center;gap:2px;padding:10px 22px 12px;display:grid;position:fixed;transform:translate(-50%)}#forfeit-title{letter-spacing:.08em;text-transform:uppercase;font-size:clamp(14px,1.15cqi,20px);font-weight:700}#forfeit-detail{letter-spacing:.04em;color:#fffc;font-variant-numeric:tabular-nums;font-size:clamp(12px,.95cqi,16px)}#match-feed{z-index:var(--hud-layer-navigation);pointer-events:none;justify-items:start;gap:4px;max-width:min(36cqi,420px);margin:0;padding:0;list-style:none;display:grid;position:fixed;top:50%;left:26px;transform:translateY(-50%)}.match-feed-line{overflow-wrap:anywhere;font-size:clamp(12px,.95cqi,16px);font-weight:500;line-height:1.4}.match-feed-line[data-kind=disconnected],.match-feed-line[data-kind=left]{color:#ffffffbf}#start-countdown{--start-fade-in:.12s;--start-fade-out:.18s;--start-size:clamp(58px, 4.4cqi, 84px);z-index:var(--hud-layer-navigation);top:calc(var(--hud-safe-top) + 70px);left:calc(50% - var(--panel-width) / 2);width:var(--start-size);aspect-ratio:1;pointer-events:none;visibility:hidden;transition:visibility 0s linear var(--start-fade-out);place-items:center;display:grid;position:fixed;transform:translate(-50%)}#start-countdown[data-state=shown]{visibility:visible;transition:none}#start-countdown:before,#start-countdown-value{opacity:0;transition:opacity var(--start-fade-out) ease-in}#start-countdown[data-state=shown]:before,#start-countdown[data-state=shown] #start-countdown-value{opacity:1;transition:opacity var(--start-fade-in) ease-out}#start-countdown:before{content:"";background:var(--hud-glass-bg);-webkit-backdrop-filter:var(--hud-glass-blur);backdrop-filter:var(--hud-glass-blur);border:1.5px solid #ffffff8c;position:absolute;inset:14.65%;transform:rotate(45deg)}#start-countdown-value{font-size:calc(var(--start-size) * .44);font-variant-numeric:tabular-nums;font-weight:800;line-height:1;display:inline-block;position:relative}#start-countdown[data-beat=odd] #start-countdown-value{animation:.32s cubic-bezier(.2,.8,.2,1) start-beat-odd}#start-countdown[data-beat=even] #start-countdown-value{animation:.32s cubic-bezier(.2,.8,.2,1) start-beat-even}#start-countdown[data-beat=odd]:before{animation:.32s cubic-bezier(.2,.8,.2,1) start-pulse-odd}#start-countdown[data-beat=even]:before{animation:.32s cubic-bezier(.2,.8,.2,1) start-pulse-even}@keyframes start-beat-odd{0%{opacity:.35;transform:scale(1.3)}}@keyframes start-beat-even{0%{opacity:.35;transform:scale(1.3)}}@keyframes start-pulse-odd{0%{transform:rotate(45deg)scale(1.14)}}@keyframes start-pulse-even{0%{transform:rotate(45deg)scale(1.14)}}@media (prefers-reduced-motion:reduce){#start-countdown,#start-countdown[data-state=shown],#start-countdown:before,#start-countdown-value,#start-countdown[data-state=shown]:before,#start-countdown[data-state=shown] #start-countdown-value{transition:none}#start-countdown[data-beat] #start-countdown-value,#start-countdown[data-beat]:before,#round-clock[data-beat]{animation:none}}#down-notice{bottom:max(28%,236px);left:calc(50% - var(--panel-width) / 2);z-index:var(--hud-layer-navigation);text-align:center;pointer-events:none;background:linear-gradient(90deg,#0000,#10181fd6 18% 82%,#0000);justify-items:center;gap:6px;min-width:min(440px,100% - 32px);padding:12px 48px 14px;display:grid;position:fixed;transform:translate(-50%)}#down-title{color:#ff7a6b;letter-spacing:.06em;text-transform:uppercase;font-size:clamp(16px,1.4cqi,26px);font-weight:700}#down-detail{color:#ffffffe0;font-variant-numeric:tabular-nums;letter-spacing:.16em;text-transform:uppercase;font-size:clamp(12px,.9cqi,16px)}.hud-glass-card{background:var(--hud-glass-bg);-webkit-backdrop-filter:var(--hud-glass-blur);backdrop-filter:var(--hud-glass-blur)}#compass{z-index:var(--hud-layer-navigation);top:var(--hud-safe-top);left:calc(50% - var(--panel-width) / 2);width:min(620px, calc(100% - var(--panel-width) - 32px));contain:layout paint;pointer-events:none;color:#edf8fa;height:48px;position:fixed;overflow:hidden;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}#compass:after{z-index:2;content:"";border-bottom:5px solid #79d9ef;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}#compass-tape{will-change:transform;width:1px;height:44px;position:absolute;top:0;left:50%}#compass-heading{z-index:3;color:#fff;font-variant-numeric:tabular-nums;place-items:center;min-width:52px;font-size:16px;font-weight:700;line-height:18px;display:grid;position:absolute;top:4px;left:50%;transform:translate(-50%)}.compass-mark{background:#edf8fa8f;width:1px;height:5px;position:absolute;top:34px;transform:translate(-50%)}.compass-mark--medium{background:#edf8fac2;height:9px;top:30px}.compass-mark--major{background:#edf8fa;height:13px;top:26px}.compass-mark[data-active]{background:#fff;box-shadow:0 0 5px #ffffffb3}.compass-direction{color:#dcecef;text-align:center;min-width:32px;font-size:16px;font-weight:650;line-height:18px;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.compass-direction[data-primary]{color:#fff;font-size:18px;font-weight:750}#settings-dialog fieldset{border:0;min-width:0;margin:0;padding:0}.settings-graphics{gap:10px;display:grid}.settings-graphics p{margin:4px 0 12px}#scoreboard{text-shadow:none;z-index:var(--hud-layer-modal);top:50%;left:calc(50% - var(--panel-width) / 2);width:min(81.25rem, calc(100% - var(--panel-width) - 3rem));pointer-events:none;max-height:min(84dvh,53.75rem);display:grid;position:fixed;transform:translate(-50%,-50%)}#scoreboard[hidden]{display:none}#scoreboard,#final-board-body{box-sizing:border-box;color:var(--ink);font-family:var(--font-game);font-variant-numeric:tabular-nums;grid-template-rows:auto minmax(0,1fr)}#final-board-body{width:min(81.25rem,100vw - 3rem);max-height:min(78dvh,53.75rem);display:grid}.scoreboard-header{grid-template-columns:1fr auto;align-items:end;gap:.25rem 1.125rem;margin-bottom:.875rem;display:grid}.scoreboard-title{text-transform:uppercase;letter-spacing:.02em;margin:0;font-size:clamp(1.5rem,2.3vw,2.75rem);font-weight:700;line-height:1.05}.scoreboard-objective{color:var(--dim);text-align:right;text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.75rem}.scoreboard-cards{--board-row:clamp(1.875rem, 5.2dvh, 3.625rem);--board-head:clamp(1.875rem, 3.6dvh, 2.875rem);flex-direction:column;min-height:0;display:flex}.scoreboard-band{scrollbar-gutter:stable;flex:none;overflow:hidden}.scoreboard-card{scrollbar-gutter:stable;pointer-events:auto;flex:0 auto;min-height:0;overflow:hidden auto}.scoreboard-unseen{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.scoreboard-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%}.scoreboard-table th,.scoreboard-table td{box-sizing:border-box;height:var(--board-row);vertical-align:middle;white-space:nowrap;padding:0 1.125rem}.scoreboard-table thead>tr>*{height:var(--board-head);color:#ffffffbf;letter-spacing:.06em;text-transform:uppercase;text-align:left;background:#263038eb;font-size:clamp(.625rem,.82vw,.9375rem);font-weight:500}.scoreboard-team td,.scoreboard-team th{background-color:#263038d1;background-clip:padding-box}.scoreboard-team tr:first-child>*{height:calc(var(--board-row) + .5rem);border-top:.5rem solid #0000}.scoreboard-table tbody .scoreboard-side{vertical-align:top;height:auto}.scoreboard-side{text-align:left;width:25%}.scoreboard-team .scoreboard-side{padding-top:1.125rem}.scoreboard-side-name{text-transform:uppercase;font-size:clamp(.9375rem,1.5vw,1.75rem);font-weight:600;display:block}.scoreboard-team[data-relation=ally] .scoreboard-side-name{color:var(--tone-ally)}.scoreboard-team[data-relation=enemy] .scoreboard-side-name{color:var(--tone-enemy)}.scoreboard-side-score{align-items:center;gap:1.375rem;margin-top:.875rem;padding-left:1.375rem;display:flex}.scoreboard-emblem{aspect-ratio:1;width:clamp(1.75rem,2.4vw,2.875rem)}.scoreboard-side-score strong{color:#fff;font-size:clamp(2rem,3vw,3.625rem);font-weight:700;line-height:1}.scoreboard-player{text-align:left;text-overflow:ellipsis;overflow:hidden}.scoreboard-table tbody .scoreboard-player{font-size:clamp(.8125rem,1.12vw,1.3125rem);font-weight:500}.scoreboard-place{color:#ffffffd9;min-width:3ch;margin-right:.875rem;display:inline-block}.scoreboard-number{text-align:left;width:12%}.scoreboard-table tbody .scoreboard-number{font-size:clamp(.8125rem,1.12vw,1.3125rem);font-weight:500}.scoreboard-team tr[data-tone=self]>:not(.scoreboard-side){color:var(--tone-self);background-color:#3a4650eb}.scoreboard-empty{color:var(--dim)}.scoreboard-team tr[data-presence=reconnecting]>:not(.scoreboard-side){opacity:.55}.scoreboard-team tr[data-presence=left]>:not(.scoreboard-side){opacity:.35}.scoreboard-presence{vertical-align:middle;margin-left:.625rem;display:inline-block}.scoreboard-presence[data-presence=reconnecting]{border:2px solid #ffffff4d;border-top-color:#ffffffe6;border-radius:50%;width:.8em;height:.8em;animation:.9s linear infinite scoreboard-reconnecting}.scoreboard-presence[data-presence=left]{letter-spacing:.08em;text-transform:uppercase;color:#ffffffb3;font-size:.72em}@keyframes scoreboard-reconnecting{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.scoreboard-presence[data-presence=reconnecting]{animation:none}}@media (max-width:760px){#scoreboard{width:calc(100% - 1.5rem);left:50%}.scoreboard-header{grid-template-columns:1fr}.scoreboard-objective{text-align:left}.scoreboard-table th,.scoreboard-table td{padding-inline:.5rem}.scoreboard-side{width:30%}}#game-viewport{--end-hud-fade:.15s;--end-wash-in:.45s;--end-title-in:.5s;--end-leave:.2s;--end-board-in:.38s;--end-ease-out:cubic-bezier(.22, 1, .36, 1);--end-ease-in:cubic-bezier(.4, 0, 1, 1)}#hud{z-index:var(--view-layer-hud);pointer-events:none;transition:opacity var(--end-hud-fade) var(--end-ease-out), visibility 0s;position:absolute;inset:0}:where(#hud)>:where(*){pointer-events:auto}#game-viewport:is([data-end=outcome],[data-end=board]) #hud{opacity:0;visibility:hidden;transition:opacity var(--end-hud-fade) var(--end-ease-in), visibility 0s linear var(--end-hud-fade)}#match-end{z-index:var(--view-layer-end);pointer-events:none;text-shadow:none;color:#f4f7f8;font-family:var(--font-game);visibility:hidden;opacity:0;transition:opacity var(--end-leave) var(--end-ease-in), visibility 0s linear var(--end-leave);--end-rgb:150 156 164;--end-title-top:#fff;--end-title-bottom:#f1e9e9;grid-template-columns:minmax(0,1fr);place-items:center;display:grid;position:absolute;inset:0}#match-end[data-tone=victory]{--end-rgb:54 158 204;--end-title-top:#9be8ff;--end-title-bottom:#4fc6f2}#match-end[data-tone=defeat]{--end-rgb:206 82 82;--end-title-top:#ff9a94;--end-title-bottom:#f06363}#game-viewport:is([data-end=outcome],[data-end=board]) #match-end{visibility:visible;opacity:1;transition:none}#end-wash{background:linear-gradient(to bottom, rgb(var(--end-rgb) / 12%) 0%, rgb(var(--end-rgb) / 30%) 45%, rgb(var(--end-rgb) / 62%) 100%);position:absolute;inset:0}#game-viewport[data-end=outcome] #end-wash{animation:end-wash-in var(--end-wash-in) var(--end-ease-out) both}#game-viewport[data-end=board] #end-wash{opacity:.35;transition:opacity var(--end-board-in) var(--end-ease-out)}#outcome{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;width:100%;display:grid;position:relative;transform:translateY(-12%)}#game-viewport[data-end=board] #outcome{opacity:0;transition:opacity var(--end-leave) var(--end-ease-in)}#outcome-title{--title-fit:1;white-space:nowrap;width:min(77.5rem,92%);font-size:calc(clamp(3.5rem, 8.4vw, 10.5rem) * var(--title-fit));letter-spacing:.02em;text-transform:uppercase;background:linear-gradient(to bottom, var(--end-title-top), var(--end-title-bottom));color:#0000;filter:drop-shadow(0 .25rem 1.125rem #00000047);-webkit-background-clip:text;background-clip:text;margin:0;padding:clamp(.875rem,2.4vh,1.875rem) 0;font-weight:700;line-height:1;position:relative}.outcome-title-words{width:max-content;display:inline-block}#outcome-title:before,#outcome-title:after{content:"";background:linear-gradient(90deg,#0000,#ffffff73 20% 80%,#0000);height:1px;position:absolute;left:0;right:0}#outcome-title:before{top:0}#outcome-title:after{bottom:0}#outcome-reason{letter-spacing:.04em;text-transform:uppercase;color:#ffffffeb;margin:clamp(.625rem,1.6vh,1.125rem) 0 0;font-size:clamp(.8125rem,1.25vw,1.5rem);font-weight:500}#outcome-standing{margin-top:clamp(1.75rem,6vh,4.5rem)}.outcome-versus{grid-template-columns:1fr auto 1fr;align-items:end;gap:clamp(1.5rem,5vw,6rem);display:grid}.outcome-side{justify-items:center;gap:.25rem;display:grid}.outcome-side-name{text-transform:uppercase;font-size:clamp(1rem,1.9vw,2.25rem);font-weight:600}.outcome-side[data-relation=ally] .outcome-side-name{color:var(--tone-ally)}.outcome-side[data-relation=enemy] .outcome-side-name{color:var(--tone-enemy)}.outcome-side-score{font-variant-numeric:tabular-nums;font-size:clamp(3rem,4.6vw,5.75rem);font-weight:700;line-height:1}.outcome-vs{text-transform:uppercase;margin-bottom:clamp(1.125rem,2.4vw,2.875rem);font-size:clamp(1.125rem,2vw,2.375rem);font-weight:600}.outcome-ranking{font-variant-numeric:tabular-nums;gap:.125rem;width:min(28.75rem,86vw);margin:0;padding:0;font-size:clamp(.8125rem,1.1vw,1.25rem);list-style:none;display:grid}.outcome-rank{text-align:left;background:#0000002e;grid-template-columns:3ch 1fr auto;gap:1rem;padding:.25rem .75rem;display:grid}.outcome-rank[data-whose=self]{color:var(--tone-self);background:#ffffff1a}.outcome-rank-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.outcome-rank-place,.outcome-rank-score{font-weight:700}#game-viewport[data-end=outcome] #outcome-title{animation:end-title-in var(--end-title-in) var(--end-ease-out) 60ms both}#game-viewport[data-end=outcome] #outcome-title:before,#game-viewport[data-end=outcome] #outcome-title:after{animation:end-line-in var(--end-title-in) var(--end-ease-out) 60ms both}#game-viewport[data-end=outcome] #outcome-reason{animation:end-rise-in var(--end-title-in) var(--end-ease-out) .2s both}#game-viewport[data-end=outcome] #outcome-standing{animation:end-rise-in var(--end-title-in) var(--end-ease-out) .32s both}#final-board{pointer-events:auto;place-content:center;padding:0 clamp(1rem,4vw,4rem);display:none;position:absolute;inset:0}#game-viewport[data-end=board] #final-board{animation:end-rise-in var(--end-board-in) var(--end-ease-out) both;display:grid}#final-board-body[hidden],#game-viewport:is([data-end=outcome],[data-end=board]) #scoreboard{display:none}#end-announcement{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}#final-board-footer{justify-content:space-between;align-items:center;gap:1rem;margin:.875rem 0 0;display:flex}#final-board-return{letter-spacing:.04em;text-transform:uppercase;color:#fffc;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(.75rem,.95vw,1rem)}@keyframes end-wash-in{0%{opacity:0}}@keyframes end-title-in{0%{opacity:0;transform:translateY(.875rem)scale(1.06)}}@keyframes end-line-in{0%{opacity:0;transform:scaleX(.2)}}@keyframes end-rise-in{0%{opacity:0;transform:translateY(1rem)}}@media (prefers-reduced-motion:reduce){#game-viewport{--end-wash-in:.12s;--end-title-in:.12s;--end-board-in:.12s}#game-viewport[data-end=outcome] #outcome-title,#game-viewport[data-end=outcome] #outcome-title:before,#game-viewport[data-end=outcome] #outcome-title:after,#game-viewport[data-end=outcome] #outcome-reason,#game-viewport[data-end=outcome] #outcome-standing,#game-viewport[data-end=board] #final-board{animation-name:end-wash-in;animation-delay:0s}}#settings-dialog:has(.binding-editor){width:min(51.25rem,100vw - 2rem)}.binding-editor{--binding-accent:#a9e8df}.binding-note{color:#a9b8c4;margin:1.25rem 0 0;font-size:.75rem;line-height:1.5}.binding-groups{gap:1.5rem;display:grid}.binding-group-title{color:#a8dccf;letter-spacing:.16em;text-transform:uppercase;margin:0 0 .625rem;font-size:.75rem;font-weight:700}.binding-cards{gap:.5rem;display:grid}.binding-row{background:#ffffff08;border:1px solid #ffffff12;grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:center;gap:.625rem 1.5rem;padding:.875rem 1.125rem;display:grid}.binding-row:focus-within{border-color:#ffffff2e}.binding-action{color:#e8eff3;font-size:.8125rem}.binding-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:.375rem;display:grid}.binding-slot{align-items:stretch;min-width:0;display:flex}.binding-empty{color:#526574;justify-content:center;align-items:center;display:flex}.binding-status{color:#b7c9d3;border:1px solid #344b59;flex-wrap:wrap;align-items:center;gap:.375rem .75rem;margin-top:.75rem;padding:.75rem .875rem;font-size:.8125rem;display:flex}.binding-status:empty{border:0;margin:0;padding:0}.binding-status strong{color:#e7f2f7;flex-basis:100%;font-weight:500}.binding-status.is-listening{border-color:var(--binding-accent);z-index:1;background:#21383e;position:sticky;top:0;box-shadow:0 .5rem 1.25rem #10181fcc}@media (max-width:600px){.binding-row{grid-template-columns:minmax(0,1fr)}}[role=tabpanel]:not([hidden]){gap:.5rem;display:grid}.setting{background:var(--surface-card);border:1px solid var(--surface-card-border);padding:.875rem 1.125rem}.setting-group>.setting+.setting{border-top-width:0}.setting-slider,.setting-select{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));align-items:center;gap:.625rem 1.5rem;display:grid}.setting-range{grid-template-columns:minmax(0,1fr) 6ch;align-items:center;gap:1rem;display:grid}.setting-select-trigger{width:100%}.setting-select-help{grid-column:1/-1;margin-top:0}.setting-range output{text-align:right}.setting-check{cursor:var(--cursor-pointer);flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:1rem;display:flex}.settings-section{margin-top:1rem}.settings-section-title{color:#a8dccf;letter-spacing:.16em;text-transform:uppercase;margin:0 0 .625rem;font-size:.75rem;font-weight:700}.setting[data-availability=desktop-only] .setting-check,.setting[data-availability=unsupported] .setting-check{opacity:.5;cursor:var(--cursor-not-allowed)}.setting-color-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.setting-color-swatch{gap:.625rem}.setting-color-chip{border:1px solid #ffffff59;border-radius:.1875rem;width:1.125rem;height:1.125rem}.setting-color-hex{font-variant-numeric:tabular-nums;letter-spacing:.04em;text-transform:uppercase}.setting-color-popover{box-sizing:content-box;gap:.625rem;width:12.5rem;display:grid}.setting-color-popover .react-colorful{width:100%}.setting-color-input{font-variant-numeric:tabular-nums;letter-spacing:.04em;text-transform:uppercase}.setting-help{color:var(--dim);margin:.375rem 0 0;font-size:.75rem;line-height:1.5}.account-session-card{justify-content:space-between;align-items:center;gap:1rem 1.5rem;padding:.875rem 1.125rem;display:flex}.account-session-copy{min-width:0}.account-session-card .setting-help{margin-top:.25rem}@media (max-width:600px){.account-session-card{flex-direction:column;align-items:stretch}}#connection-menu[hidden],#connection-form[hidden]{display:none!important}#connection-menu:has(.menu-root){background:#000;padding:0;display:block}.menu-root{--menu-gutter:clamp(1.5rem, 4.5vw, 5.5rem);--menu-option:#182a309c;--menu-option-hover:#29434b;--menu-ground-top:#1c1d20;--menu-ground-middle:#0b0b0c;--menu-ground-bottom:#000;color:#e9eff2;min-height:100%;font-size:.875rem}[data-slot=dialog-content],[data-slot=dropdown-menu-content],[data-slot=popover-content],[data-slot=select-content]{font-size:.875rem}.game-menu{background:linear-gradient(180deg, var(--menu-ground-top) 0%, var(--menu-ground-middle) 58%, var(--menu-ground-bottom) 100%);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.menu-header,.menu-footer{padding:clamp(1.25rem, 4vh, 2.75rem) var(--menu-gutter);flex-wrap:wrap;flex:none;align-items:center;gap:1.5rem;display:flex}.menu-brand{align-items:baseline;gap:.75em;display:flex}.menu-wordmark{color:#fff;letter-spacing:.16em;font-size:clamp(1.5rem,2.4vw,2.375rem);font-weight:800;line-height:1}.menu-build{color:#fff;opacity:.5;letter-spacing:.2em;font-size:clamp(.75rem,1.1vw,1rem);font-weight:700;line-height:1}.menu-account{flex-wrap:wrap;align-items:center;gap:1rem;margin-left:auto;display:flex}.menu-level{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.04em;border:0;font-size:.875rem;font-weight:600;line-height:1}span.menu-level{border-radius:var(--radius-md);justify-content:center;align-items:center;height:2.25rem;padding-inline:1rem;display:inline-flex}.menu-currency{align-items:center;gap:1.25rem;margin:0;padding:0;list-style:none;display:flex}.menu-currency-item{display:flex}.menu-currency-balance{--currency-tint:#fff3;isolation:isolate;color:#fff;letter-spacing:.04em;align-items:center;gap:.5rem;padding-inline:.75rem;font-size:.875rem;font-weight:600;display:flex;position:relative}.menu-currency-balance.is-coins{--currency-tint:#f5a6236b}.menu-currency-balance.is-gems{--currency-tint:#9268ea73}.menu-currency-balance:before{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(90deg, var(--currency-tint), #0000);opacity:.35;transition:opacity .18s ease-out;position:absolute;inset:0}button.menu-currency-balance:hover,button.menu-currency-balance:focus-visible,button.menu-currency-balance:active{color:#fff;background-color:#0000}button.menu-currency-balance:hover:before,button.menu-currency-balance:focus-visible:before{opacity:1}span.menu-currency-balance{height:2.25rem}.menu-currency-icon{width:1.25rem;height:1.25rem}@media (prefers-reduced-motion:reduce){.menu-currency-balance:before{transition:none}}.menu-content{box-sizing:border-box;width:100%;min-height:0;padding:clamp(1.5rem, 6vh, 5rem) var(--menu-gutter);flex:1;position:relative;overflow-y:auto}.menu-root h1{margin:0;font-size:clamp(1.6875rem,4vw,3rem);font-weight:700}.menu-root h2{margin:.75rem 0;font-size:1.4375rem;line-height:1.3}.menu-root p{line-height:1.6}.menu-root a:not([data-slot]){color:inherit;text-decoration:none}.menu-kicker{color:#a8dccf;text-transform:uppercase;letter-spacing:.16em;font-size:.75rem}.menu-muted{color:#b2c2c8;font-size:.875rem}.menu-lead{font-size:1.375rem}.menu-main-options{gap:.75rem;max-width:23.4375rem;display:grid}.menu-main-options a{background:var(--menu-option);padding:1.125rem 1.5rem;font-size:clamp(1.5rem,3vw,2.125rem);display:block}.menu-main-options a:hover,.menu-main-options a:focus-visible{background:var(--menu-option-hover);border-color:#b5f7e5}.menu-main-options.is-described{gap:.5rem;max-width:27.5rem}.is-described .menu-option{background:var(--menu-option);position:relative}.is-described .menu-option:hover,.is-described .menu-option:focus-within{background:var(--menu-option-hover)}.menu-main-options.is-described a,.menu-main-options.is-described .menu-option-action{background:0 0;padding:.875rem 1.25rem;font-size:clamp(1rem,1.4vw,1.25rem);transition:padding-bottom .18s ease-out}.menu-option-action{text-align:left;border-radius:0;width:100%;height:auto;font-weight:400;display:block}.is-described .menu-option a:after,.is-described .menu-option-action:after{content:"";position:absolute;inset:0}.menu-option-reveal{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .18s ease-out,opacity .18s ease-out;display:grid}.menu-option-reveal>div{min-height:0;overflow:hidden}.menu-root .menu-option-detail{color:#b2c2c8;margin:0;padding:0 1.25rem .875rem;font-size:.75rem;line-height:1.5}.menu-option:hover .menu-option-reveal,.menu-option:focus-within .menu-option-reveal{opacity:1;grid-template-rows:1fr}.is-described .menu-option:has(>.menu-option-reveal):hover a{padding-bottom:.25rem}.is-described .menu-option:has(>.menu-option-reveal):focus-within a{padding-bottom:.25rem}.is-described .menu-option:has(>.menu-option-reveal):hover .menu-option-action{padding-bottom:.25rem}.is-described .menu-option:has(>.menu-option-reveal):focus-within .menu-option-action{padding-bottom:.25rem}@media (hover:none){.menu-option-reveal{opacity:1;grid-template-rows:1fr}.is-described .menu-option:has(>.menu-option-reveal) a{padding-bottom:.25rem}.is-described .menu-option:has(>.menu-option-reveal) .menu-option-action{padding-bottom:.25rem}}@media (prefers-reduced-motion:reduce){.menu-option-reveal,.menu-main-options.is-described a,.menu-main-options.is-described .menu-option-action{transition:none}}.stats{gap:1.75rem;max-width:80rem;display:grid}.menu-root .stats-group-title{color:#a8dccf;letter-spacing:.16em;text-transform:uppercase;margin:0 0 .625rem;font-size:.75rem;font-weight:700}.stats-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,11rem),1fr));gap:.5rem;margin:0;display:grid}.stat-card{background:var(--menu-option);border:1px solid #ffffff14;flex-direction:column;gap:.5rem;padding:.875rem 1rem;display:flex}.stat-label{color:#b2c2c8;letter-spacing:.1em;text-transform:uppercase;font-size:.6875rem}.menu-root .stat-value{text-align:right;font-variant-numeric:tabular-nums;color:#fff;margin:0;font-size:clamp(1.125rem,1.6vw,1.5rem);font-weight:700;line-height:1.2}.menu-tabs{padding:0 var(--menu-gutter);border-bottom:1px solid #ffffff14;flex:none;display:flex;overflow-x:auto}.menu-tabs a{white-space:nowrap;letter-spacing:.05em;border-bottom:.1875rem solid #0000;padding:1.375rem 1.5rem;font-size:.875rem;font-weight:700;display:block}.menu-tabs-list{display:flex}.menu-tab-end{margin-left:auto;display:flex}.menu-tabs .menu-social-tab{align-items:center;gap:.625rem;display:flex}.menu-social-icon{flex:none;width:1.25rem;height:1.25rem}.menu-party-invitations{color:#061014;text-align:center;background:#b5f7e5;border-radius:62.4375rem;min-width:1.25rem;padding:1px .375rem;font-size:.6875rem;line-height:1.125rem}.menu-tabs a[aria-current=page]{background:#263d4359;border-color:#b5f7e5}.menu-tabs a:hover,.menu-tabs a:focus-visible{background:#263d43}.menu-settings-page{flex-direction:column;flex:1;min-height:0;display:flex}.menu-tabs .menu-tab{letter-spacing:.05em;text-transform:uppercase;background:0 0;border-bottom:.1875rem solid #0000;border-radius:0;height:auto;padding:1.375rem 1.5rem;font-size:.875rem;font-weight:700}.menu-tabs .menu-tab[aria-selected=true]{background:#263d4359;border-color:#b5f7e5}.menu-tabs .menu-tab:hover,.menu-tabs .menu-tab:focus-visible{background:#263d43}.menu-settings-fields{max-width:47.5rem}.menu-auth{max-width:33.75rem;padding:.75rem 0 2.5rem}.menu-empty{max-width:40.625rem;padding:1.5rem 0}.menu-server{background:#13242bdd;border:1px solid #435e66;gap:1rem;max-width:40.625rem;padding:1.5rem;display:grid}.menu-server input{box-sizing:border-box;color:#e9eff2;width:100%;font:inherit;background:#0c1217;border:1px solid #728d91;padding:.75rem}.server-directory{gap:1rem;width:min(57.5rem,100%);display:grid}.server-directory ul{gap:.625rem;margin:0;padding:0;list-style:none;display:grid}.server-directory-row article{background:#13242bdd;border:1px solid #435e66;grid-template-columns:minmax(0,1fr) auto;gap:.75rem 1.25rem;padding:1.25rem;display:grid}.server-directory-row[data-selected=true] article{border-color:#8edcc8}.server-directory-row[data-party-destination=true] article{box-shadow:inset .1875rem 0 #d7aa76}.server-directory-row header{align-items:baseline;gap:.875rem;display:flex}.server-directory-row h2,.server-directory-row p{margin:0}.server-directory-status{color:#8edcc8;letter-spacing:.1em;text-transform:uppercase;font-size:.75rem}.server-directory-row:not([data-entry=open]) .server-directory-status{color:#d7aa76}.server-directory-details{color:#b2c2c8;font-size:.8125rem}.server-directory-actions,.party-actions{flex-wrap:wrap;gap:.625rem;display:flex}.party-page,.party-empty,.party-section{gap:1rem;display:grid}.party-page,.party-empty{width:min(47.5rem,100%)}.party-section{background:#13242bdd;border:1px solid #435e66;padding:1.25rem}@media (max-height:809.98px){.party-page{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;column-gap:2rem;width:min(97.5rem,100%)}.party-page>.party-members{grid-area:1/1/span 6}.party-page>:not(.party-members){grid-column:2}}.party-section h2,.party-section p{margin:0}.party-pending{gap:.625rem;margin:0;padding:0;list-style:none;display:grid}.party-pending li{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.party-role{color:#d7aa76;letter-spacing:.1em;text-transform:uppercase;font-size:.6875rem}.party-presence{color:#9aa3ad;letter-spacing:.1em;text-transform:uppercase;font-size:.6875rem}.party-member-card .party-member-tags{flex-wrap:wrap;gap:.625rem;margin:.25rem 0 0;display:flex}.party-member-name{align-items:center;gap:.5rem;display:inline-flex}.party-leader-icon{color:#d7aa76;flex:none;width:1.1em;height:1.1em}.party-member-tags:empty{display:none}.party-member-card[data-presence=reconnecting] strong{opacity:.55}.party-invite-form{grid-template-columns:minmax(11.25rem,1fr) auto;gap:.5rem .75rem;width:min(33.75rem,100%);display:grid}.party-invite-form label,.server-directory-row label,.server-directory-row input{grid-column:1/-1}.server-directory-row input{box-sizing:border-box;color:#e9eff2;width:100%;font:inherit;background:#0c1217;border:1px solid #728d91;padding:.625rem .75rem}.menu-server-form #connection-form{box-sizing:border-box;border-radius:.125rem;width:min(38.75rem,100%)}.menu-server-form #connection-title,.menu-server-form #menu-settings{display:none}.menu-settings{margin-left:auto}.menu-footer{color:#a4b8bd;letter-spacing:.12em;font-size:.75rem}.studio-intro{z-index:10;-webkit-user-select:none;user-select:none;background:#000;position:fixed;inset:0}.studio-intro-stage{opacity:0;place-items:center;display:grid;position:absolute;inset:0}.menu-root .studio-intro-title{margin:0;line-height:0}.studio-intro-title img{width:min(58vw,100rem);height:auto;display:block}.studio-intro-skip{text-align:center;letter-spacing:.22em;text-transform:uppercase;color:#ffffff80;margin:0;font-size:.6875rem;position:absolute;inset:auto 0 max(1.5rem,4.5vh)}@media (max-width:600px){.menu-header{gap:.75rem}.menu-account{width:100%;margin-left:0}.menu-tabs a,.menu-tabs .menu-tab{padding:1.125rem .9375rem}.server-directory-row article{grid-template-columns:1fr}.server-directory-row label,.server-directory-row input{grid-column:auto}.party-invite-form{grid-template-columns:1fr}.party-invite-form label{grid-column:auto}}@media (max-height:1079.98px){.menu-header,.menu-footer{padding-block:1.25rem}.menu-content{padding-block:1.5rem}.menu-tabs a,.menu-tabs .menu-tab{padding-block:1rem}}@media (max-height:809.98px){.menu-main-options.is-described{gap:.25rem}.menu-main-options.is-described a,.menu-main-options.is-described .menu-option-action{padding-block:.5rem}.quick-play-group ul{flex-wrap:wrap;gap:.5rem;padding:0;list-style:none;display:flex}}.player-name{align-items:baseline;gap:.38em;min-width:0;display:inline-flex}.player-clan-tag{color:var(--primary);letter-spacing:.04em;flex:none;font-weight:700}.player-username{text-overflow:ellipsis;min-width:0;overflow:hidden}.menu-field-meta{color:var(--muted-foreground);justify-content:space-between;gap:1rem;font-size:.75rem;display:flex}.menu-field-error{color:var(--destructive);margin:0;font-size:.8rem}.launch-status{gap:.625rem;display:grid}.launch-steps{text-transform:uppercase;letter-spacing:.08em;flex-wrap:wrap;gap:.375rem 1.125rem;margin:0;padding:0;font-size:.8125rem;list-style:none;display:flex}.launch-steps li{color:#6f8188}.launch-steps li[data-step=done]{color:#a8dccf}.launch-steps li[data-step=current]{color:#fff;font-weight:700}.launch-line{margin:0;font-size:1.125rem}.launch-clock{color:#b2c2c8;font-variant-numeric:tabular-nums;margin:0;font-size:.875rem}.launch-actions{gap:.625rem;display:flex}.loadouts{--loadout-ease:var(--motion-ease-out);--loadout-fold:.42s;transition:grid-template-columns var(--loadout-fold) var(--loadout-ease), column-gap var(--loadout-fold) var(--loadout-ease);grid-template-columns:minmax(0,18.75rem) minmax(0,68.75rem);align-items:start;gap:clamp(1.25rem,3vw,3rem);display:grid}.loadouts:not([data-view=classes]){grid-template-columns:minmax(0, 0) minmax(0, var(--loadout-page-width,68.75rem));column-gap:0}.loadout-classes{grid-template-columns:minmax(0,1fr);justify-self:end;gap:.5rem;width:18.75rem;transition:opacity .26s ease-out 80ms;display:grid}.loadouts:not([data-view=classes]) .loadout-classes{opacity:0;transition-duration:.18s;transition-delay:0s}.loadout-class-row{position:relative}.loadout-class{background:var(--menu-option);white-space:nowrap;border-radius:0;justify-content:flex-start;width:100%;height:auto;padding:.875rem 3.5rem .875rem 1.25rem;font-size:clamp(1rem,1.4vw,1.25rem);font-weight:400}.loadout-class-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.loadout-class-row:hover .loadout-class,.loadout-class-row:focus-within .loadout-class,.loadout-class[data-shown=true]{background:var(--menu-option-hover)}.loadout-class-options{opacity:0;transition:opacity .12s ease-out;position:absolute;top:50%;right:.75rem;translate:0 -50%}.loadout-class-row:hover .loadout-class-options,.loadout-class-row:focus-within .loadout-class-options,.loadout-class-options[data-state=open]{opacity:1}@media (hover:none){.loadout-class-options{opacity:1}}.loadout-class-edit{opacity:.6;transition:opacity .12s ease-out;position:absolute;top:50%;right:.75rem;translate:0 -50%}.loadout-class-row:hover .loadout-class-edit,.loadout-class-row:focus-within .loadout-class-edit{opacity:1}.loadout-favourite{color:#b5f7e5;margin-left:.625rem;display:inline-flex}.loadout-favourite-icon{width:1.0625rem;height:1.0625rem}.loadout-cards{--layout-overflow:beside;grid-template-columns:minmax(0,1fr);gap:.625rem;width:100%;max-width:26.25rem;display:grid}.loadout-card{flex-direction:column;grid-column:1/-1;gap:.5rem;min-height:6.875rem;padding:.875rem 1rem;display:flex}.loadout-card-row{grid-column:1/-1;width:100%;position:relative}.loadout-card-row>.loadout-card{z-index:1;grid-column:auto;position:relative}.loadout-card-row:after{content:"";position:absolute;inset:0 -.625rem 0 100%}.loadout-customize-card{z-index:0;color:#b5f7e5;opacity:0;pointer-events:none;width:3.375rem;transition:translate .18s var(--loadout-ease), opacity .14s ease-out, background-color .16s ease-out, border-color .16s ease-out, box-shadow .16s ease-out;justify-content:center;align-items:center;display:flex;position:absolute;inset:0 auto 0 calc(100% + .625rem);translate:-1.125rem}.loadout-card-row:hover>.loadout-customize-card,.loadout-card-row:focus-within>.loadout-customize-card{opacity:1;pointer-events:auto;translate:0}.loadout-card-row:hover>.loadout-card,.loadout-card-row:focus-within>.loadout-card,.loadout-customize-card:hover,.loadout-customize-card:focus-visible{background:var(--menu-option-hover);border-color:#b5f7e5}.loadout-customize-icon{width:1.375rem;height:1.375rem}a.loadout-card{transition:background-color .16s ease-out,border-color .16s ease-out,box-shadow .16s ease-out}a.loadout-card:hover,a.loadout-card:focus-visible{background:var(--menu-option-hover);border-color:#b5f7e5}.loadout-card.is-primary,.loadout-card.is-secondary{min-height:10rem}.menu-root .loadout-item{margin:0;font-size:.9375rem;line-height:1.3}.menu-root .loadout-item.is-empty{color:#8a9aa1}.loadout-icon{object-fit:contain;object-position:center;opacity:1;align-self:center;width:min(100%,12rem);height:4.5rem;margin-top:auto;transition:opacity .16s ease-out;display:block}.loadout-preview>.menu-muted{max-width:47.5rem}.loadout-slot{animation:loadout-slide-in .28s var(--loadout-ease);gap:1.25rem}.loadout-tabs{background:0 0;border-bottom:1px solid #ffffff14;border-radius:0;justify-content:flex-start;width:100%;height:auto;padding:0;overflow-x:auto}.loadout-tab{height:auto;box-shadow:none;color:#b2c2c8;letter-spacing:.05em;text-transform:uppercase;background:0 0;border:0;border-bottom:.1875rem solid #0000;border-radius:0;flex:none;padding:.875rem 1.25rem;font-size:.8125rem;font-weight:700;transition:background-color .16s ease-out,border-color .16s ease-out,color .16s ease-out}.loadout-tab:hover,.loadout-tab:focus-visible{color:#fff;background:#263d43}.loadout-tab[data-state=active]{color:#fff;box-shadow:none;background:#263d4359;border-bottom-color:#b5f7e5}.loadout-weapons{grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:.625rem;margin:0;padding:0;list-style:none;display:grid}.loadout-weapon{flex-direction:column;min-height:9.375rem;transition:background-color .16s ease-out,border-color .16s ease-out;display:flex;overflow:hidden}.loadout-weapon-pick{white-space:normal;text-align:left;border-radius:0;flex-direction:column;flex:1;justify-content:flex-start;align-items:stretch;gap:.5rem;width:100%;height:auto;min-height:9.25rem;padding:1rem;display:flex}.loadout-weapon:not([data-playable=true]){gap:.5rem;padding:1rem}.loadout-weapon-heading{align-items:center;gap:.75rem;min-height:1.25rem;display:flex}.loadout-weapon-heading .loadout-item{flex:1;min-width:0}.loadout-weapon-state{flex:none;justify-content:center;align-items:center;width:1.125rem;height:1.125rem;display:inline-flex}.loadout-lock-icon{width:1.125rem;height:1.125rem}.loadout-weapon-state.is-equipped:before{content:"";background:#b5f7e5;border-radius:62.4375rem;width:.4375rem;height:.4375rem;box-shadow:0 0 0 .125rem #0000,0 0 0 .1875rem #72c7e7}.loadout-weapon>.loadout-weapon-pick:hover,.loadout-weapon>.loadout-weapon-pick:focus-visible{background:0 0}.loadout-weapon[data-playable=true]:hover,.loadout-weapon:focus-within,.loadout-weapon[data-equipped=true]{background:var(--menu-option-hover);border-color:#b5f7e5}.loadout-weapon[data-locked=true]{color:#8a9aa1}.loadout-weapon[data-locked=true] .loadout-icon{opacity:.36}@keyframes loadout-slide-in{0%{opacity:0;translate:1.5rem}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.loadouts,.loadout-classes,.loadouts:not([data-view=classes]) .loadout-classes,.loadout-class-options,a.loadout-card,.loadout-customize-card,.loadout-weapon,.loadout-icon,.loadout-tab{transition:none}.loadout-slot{animation:none}}@media (hover:none),(max-width:600px){.loadout-card-row{grid-template-columns:minmax(0,1fr) 3.375rem;gap:.5rem;display:grid}.loadout-card-row>.loadout-card{grid-area:1/1}.loadout-card-row:after{display:none}.loadout-customize-card{opacity:1;pointer-events:auto;grid-area:1/2;width:auto;position:static;translate:0}}@media (max-width:900px){.loadouts,.loadouts:not([data-view=classes]){grid-template-columns:minmax(0,1fr)}.loadout-classes{justify-self:stretch;width:auto}.loadouts:not([data-view=classes]) .loadout-classes{display:none}}.loadout-removals{background:var(--menu-option-hover);border:1px solid #b5f7e5;border-radius:0;grid-column:1/-1;justify-content:space-between;align-items:start;gap:1rem;padding:.75rem 1rem;font-size:.8125rem;display:flex}.loadout-removals-list{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}@media (max-height:809.98px){.loadout-cards{gap:.375rem}.loadout-card{min-height:4.25rem;padding-block:.5rem}.loadout-card.is-primary,.loadout-card.is-secondary{min-height:7.5rem}.loadout-icon{height:3.25rem}}.weapon-customization,.gunsmith-page{--wc-accent:#b5f7e5;--wc-label:#b2c2c8;--wc-muted:#8a9aa1;--wc-cross:#ffffff1f;--wc-track:#ffffff14;--wc-fill:#6fb3ad;--wc-gain:#4ade80;--wc-loss:#f0525a;--wc-gap:clamp(.625rem, 2.2vh, 1.25rem);--wc-slot-gap:clamp(.375rem, 1vw, 1.5rem);--wc-panel-gap:clamp(1rem, 2.5vw, 2.5rem);--wc-bars-width:clamp(12.5rem, 18vw, 17.5rem);--wc-figures-width:7rem;--wc-stats-gap:.625rem;--wc-beside:calc(var(--wc-bars-width) + var(--wc-stats-gap) + var(--wc-figures-width) + var(--wc-panel-gap));--wc-card:min(clamp(5.25rem, 11.5vh, 7.5rem), calc((100cqi - var(--wc-beside) - (var(--wc-slot-count) - 1) * var(--wc-slot-gap)) / var(--wc-slot-count)))}.weapon-customization{gap:var(--wc-gap);width:100%;animation:loadout-slide-in .28s var(--loadout-ease);display:grid}.weapon-customization-heading h2,.weapon-customization-class{margin:0}.weapon-customization-heading h2{letter-spacing:.02em;font-size:clamp(1.625rem,min(4.2vw,6vh),3.75rem);line-height:1}.weapon-customization-class{color:var(--wc-muted);letter-spacing:.08em;text-transform:uppercase;margin-top:.375rem;font-size:clamp(.75rem,min(1.1vw,1.7vh),1.0625rem)}.weapon-customization-tabs{gap:var(--wc-gap)}.gunsmith-page .focus-page-content{gap:var(--wc-gap);padding-top:0}.weapon-customization-stage{place-items:center;min-height:clamp(8.75rem,24vh,16.25rem);margin:0;display:grid}.weapon-customization-image{object-fit:contain;filter:drop-shadow(0 1.125rem 1.75rem #00000073);-webkit-user-select:none;user-select:none;width:min(100%,36rem);height:auto;max-height:13.5rem;display:block}.gunsmith-page .weapon-customization-stage{flex:1 1 0;min-height:0}.gunsmith-page .weapon-customization-image{height:100%}.weapon-customization-panel{align-items:end;gap:var(--wc-panel-gap);flex:none;grid-template-columns:minmax(0,1fr) auto;display:grid;container-type:inline-size}.weapon-customization-panel[hidden]{display:none}.weapon-slot-label{color:var(--wc-label);letter-spacing:.05em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;margin:0;font-size:.8125rem;font-weight:700;overflow:hidden}.weapon-slot-label .weapon-stats-toggle{height:auto;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;background:0 0;border-radius:0;gap:.375rem;padding:0}.weapon-stats-toggle:after{content:"";border:.25rem solid #0000;border-top:0;border-bottom-color:currentColor;transition:transform .14s ease-out}.weapon-stats-toggle[aria-expanded=true]:after{transform:rotate(180deg)}.weapon-slot-label .weapon-stats-toggle:hover,.weapon-slot-label .weapon-stats-toggle:focus-visible{color:var(--wc-accent);background:0 0}.weapon-slots{grid-auto-columns:var(--wc-card);gap:var(--wc-slot-gap);grid-auto-flow:column;margin:0;padding:0;list-style:none;display:grid}.weapon-slot{gap:.5rem;min-width:0;display:grid}.weapon-slot-tile{width:var(--wc-card);height:var(--wc-card);place-items:center;padding:.5rem;display:grid;position:relative}.weapon-slot[data-state=empty] .weapon-slot-tile:before{content:"";background:linear-gradient(to top right, transparent calc(50% - 1px), var(--wc-cross) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)), linear-gradient(to bottom right, transparent calc(50% - 1px), var(--wc-cross) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px));position:absolute;inset:24%}.weapon-slot[data-state=equipped] .weapon-slot-tile{border-color:var(--wc-accent);background:var(--menu-option-hover)}.weapon-slot[data-state=closed] .weapon-slot-tile{color:var(--wc-muted);border-style:dashed}.weapon-slot-choice{white-space:normal;min-width:0;font-size:calc(var(--wc-card) * .1);text-align:center;overflow-wrap:break-word;line-height:1.25}.weapon-stats{gap:.5rem;display:grid}.weapon-stats-body{--wc-text:calc(var(--wc-card) * .0917);gap:var(--wc-stats-gap);height:var(--wc-card);display:flex}.weapon-stat-bars,.weapon-figures{height:100%;padding:var(--wc-text) 1rem;grid-template-columns:minmax(0,1fr);align-content:space-between;gap:0;margin:0;display:grid}.weapon-stat-bars{width:var(--wc-bars-width)}.weapon-stat{font-size:var(--wc-text);grid-template-columns:7.5em minmax(0,1fr);align-items:center;gap:.75rem;display:grid}.weapon-stat-name,.weapon-figure-name{color:var(--wc-label);font-size:var(--wc-text);letter-spacing:.05em;text-transform:uppercase;line-height:1.15}.weapon-stat-value{margin:0}.weapon-stat-bar{--wc-change:var(--wc-fill);height:calc(var(--wc-card) * .075);background:linear-gradient(90deg, var(--wc-fill) 0 var(--stat-low), var(--wc-change) var(--stat-low) var(--stat-high), var(--wc-track) var(--stat-high));-webkit-mask:repeating-linear-gradient(90deg,#000 0 .1875rem,#0000 .1875rem .3125rem);mask:repeating-linear-gradient(90deg,#000 0 .1875rem,#0000 .1875rem .3125rem)}.weapon-stat-bar[data-change=gain]{--wc-change:var(--wc-gain)}.weapon-stat-bar[data-change=loss]{--wc-change:var(--wc-loss)}.weapon-figures{width:var(--wc-figures-width)}.weapon-figure-value{font-size:calc(var(--wc-card) * .125);font-variant-numeric:tabular-nums;margin:0;font-weight:700;line-height:1.15}.weapon-figure-unit{color:var(--wc-muted);font-size:var(--wc-text);font-weight:400}.weapon-figure-delta[data-change=gain]{color:var(--wc-gain)}.weapon-figure-delta[data-change=loss]{color:var(--wc-loss)}@media (prefers-reduced-motion:reduce){.weapon-customization{animation:none}}@media (max-width:900px){.weapon-customization,.gunsmith-page{--wc-beside:0px}.weapon-customization-panel{grid-template-columns:minmax(0,1fr)}.weapon-stat-bars{flex:1;width:auto}}.weapon-offered{gap:.5rem;display:grid}.weapon-attached{font-variant-numeric:tabular-nums}.weapon-details[hidden]{display:none}.weapon-details{grid-template-columns:repeat(auto-fill,minmax(18em,1fr));gap:.25rem 1.5rem;margin:0;font-size:.75rem;display:grid}.weapon-detail{grid-template-columns:9.5em minmax(0,1fr);gap:.5rem;display:grid}.weapon-detail-name{color:var(--wc-label);letter-spacing:.05em;text-transform:uppercase}.weapon-detail-value{font-variant-numeric:tabular-nums;margin:0}.weapon-slot-tile:is(button){cursor:var(--cursor-pointer);color:inherit;font:inherit}.weapon-slot-tile:is(button):hover,.weapon-slot-tile:is(button):focus-visible,.weapon-slot-tile:is(button)[aria-expanded=true]{border-color:var(--wc-accent)}.weapon-offers{gap:.5rem;display:grid}.weapon-offer-list{overscroll-behavior-x:contain;scrollbar-width:none;overflow-x:auto}.weapon-offer-list::-webkit-scrollbar{display:none}.weapon-offer-tile{width:var(--wc-card);height:var(--wc-card);cursor:var(--cursor-default);text-align:center;align-content:center;justify-items:center;gap:.25rem;padding:.5rem;display:grid}.weapon-offer-tile:hover,.weapon-offer-tile:focus-visible{border-color:var(--wc-label)}.weapon-offer-name{overflow-wrap:anywhere;font-size:.75rem;line-height:1.25}.weapon-offer-tag{color:var(--wc-accent);letter-spacing:.05em;text-transform:uppercase;font-size:.625rem}.weapon-offer[data-state=equipped] .weapon-offer-tile{border-color:var(--wc-accent);background:var(--menu-option-hover)}.weapon-offer[data-state=refused] .weapon-offer-tile{opacity:.55}.weapon-offer-reason,.weapon-offer-note{color:var(--wc-muted);font-size:.625rem;line-height:1.2}.weapon-offer-status{min-height:1.3em;color:var(--wc-label);margin:0;font-size:.75rem}.weapon-detail[data-change=changed] .weapon-detail-value{color:var(--wc-accent)}.weapon-equip-status{min-height:1.3em;margin:0;font-size:.75rem}.weapon-equip-status[data-state=refused]{color:var(--wc-loss)}.custom-build-places{border:0;gap:.375rem;margin:0;padding:0;display:grid}.custom-build-place{align-items:center;gap:.5rem;font-size:.875rem;display:flex}.custom-builds{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.custom-build{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.25rem .75rem;display:grid}.custom-build-name{font-weight:600}.custom-build-summary{opacity:.75;grid-column:1;font-size:.75rem}.custom-build[data-state=empty] .custom-build-name{opacity:.6}.custom-build-actions,.custom-build-rename{grid-area:1/2/span 2;align-items:center;gap:.375rem;display:flex}.reticle-tile{align-content:start;padding:.375rem}.reticle-picture{aspect-ratio:1;pointer-events:none;width:64%}.reticle-style{align-content:end;gap:.625rem;width:min(18.75rem,34cqi);display:grid}.reticle-preview{justify-items:center;gap:.25rem;margin:0;display:grid}.reticle-preview img{aspect-ratio:1;width:min(10rem,100%)}.reticle-preview figcaption{color:var(--wc-label);font-size:.75rem}.reticle-note{margin:0;font-size:.75rem}.reticle-field{border:0;gap:.375rem;min-width:0;margin:0;padding:0;display:grid}.reticle-field:disabled{opacity:.5}.reticle-colour-row{align-items:center;gap:.5rem;display:flex}.reticle-colour-swatch{border:1px solid var(--wc-muted);width:2.25rem;height:1.75rem;cursor:var(--cursor-pointer);background:0 0;flex:none;padding:0}.reticle-colour-code{text-transform:lowercase;flex:1;min-width:0;font-family:ui-monospace,monospace}.reticle-opacity{color:var(--wc-label);font-variant-numeric:tabular-nums;gap:.125rem;font-size:.75rem;display:grid}.reticle-sizes{flex-wrap:wrap;gap:.25rem;display:flex}.reticle-sizes button{font-variant-numeric:tabular-nums;flex:1;min-width:3.5em}@media (max-width:900px){.reticle-style{width:auto}}.sticker-tile{align-content:start;padding:.375rem}.sticker-picture{aspect-ratio:1;object-fit:contain;pointer-events:none;width:70%}.sticker-side{align-content:end;gap:.625rem;width:min(18.75rem,34cqi);display:grid}.sticker-slots{grid-template-columns:repeat(5,minmax(0,1fr));gap:.375rem;margin:0;padding:0;list-style:none;display:grid}.sticker-slot{gap:.25rem;min-width:0;display:grid}.sticker-slot-pick{aspect-ratio:1;border:1px solid var(--wc-muted);place-items:center;min-width:0;padding:.25rem;display:grid}.sticker-slot[data-state=chosen] .sticker-slot-pick{border-color:var(--wc-accent)}.sticker-slot-pick .sticker-picture{width:100%}.sticker-slot-empty{color:var(--wc-label);text-align:center;font-size:1rem}.sticker-slot-remove{min-width:0;padding:.125rem;font-size:1rem;line-height:1}.focus-page{flex-direction:column;flex:1;min-height:0;display:flex}.focus-page-tabs-root{flex:1;gap:0;min-height:0}.focus-page-heading{margin:0}.focus-page-heading .menu-wordmark{text-transform:uppercase}.focus-page-tab-list{background:0 0;border-radius:0;height:auto;padding:0}.focus-page-tab-list .menu-tab{box-shadow:none;color:inherit;border:0;border-bottom:.1875rem solid #0000;flex:none}.focus-page-content[data-overflow=fit]{flex-direction:column;display:flex;overflow:hidden}.focus-page-actions{flex-wrap:wrap;gap:.75rem;margin-left:auto;display:flex}.item-viewport{touch-action:none;-webkit-user-select:none;user-select:none;place-self:stretch stretch;width:100%;height:100%;min-height:0;position:relative}.item-viewport[data-state=shown]{cursor:var(--cursor-grab)}.item-viewport[data-held]{cursor:var(--cursor-grabbing)}.item-viewport-icon,.item-viewport-canvas{transition:opacity var(--motion-appear) var(--motion-ease-out);position:absolute;inset:0}.item-viewport-icon{object-fit:contain;filter:drop-shadow(0 1.125rem 1.75rem #00000073);width:min(100%,36rem);height:100%;max-height:13.5rem;margin:auto}.item-viewport-canvas{opacity:0;width:100%;height:100%;display:block}.item-viewport[data-state=shown] .item-viewport-canvas{opacity:1}.item-viewport[data-state=shown] .item-viewport-icon{opacity:0}@media (prefers-reduced-motion:reduce){.item-viewport-icon,.item-viewport-canvas{transition:none}}.menu-content>.operator-page,.menu-content>.menu-lobby{grid-template-columns:minmax(0,27.5rem) minmax(0,1fr);gap:.75rem clamp(1.25rem,3vw,3rem);height:100%;display:grid}.menu-content>.operator-page{grid-template-rows:minmax(0,1fr) auto}.menu-content>.menu-lobby{grid-template-rows:minmax(0,1fr)}.menu-lobby>.menu-main-options{align-self:start}.operator-roster{grid-row:1/span 2;align-content:start;gap:.625rem;min-height:0;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.operator-card{transition:background-color .16s ease-out,border-color .16s ease-out;overflow:hidden}.operator-pick{white-space:normal;text-align:left;border-radius:0;justify-content:space-between;align-items:center;gap:1rem;width:100%;height:auto;min-height:4.5rem;padding:1rem 1.25rem;font-size:clamp(1rem,1.4vw,1.25rem);display:flex}.operator-card:hover,.operator-card:focus-within,.operator-card[data-equipped=true]{background:var(--menu-option-hover);border-color:#b5f7e5}.operator-card>.operator-pick:hover,.operator-card>.operator-pick:focus-visible{background:0 0}.operator-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.menu-root .operator-worn{color:#b5f7e5;letter-spacing:.06em;text-transform:uppercase;flex:none;font-size:.8125rem}.operator-stage,.lobby-operator{flex-direction:column;gap:.5rem;min-width:0;min-height:0;margin:0;display:flex}.operator-stage>.item-viewport,.lobby-operator>.item-viewport{flex:1}.operator-status{text-align:center;grid-column:2;min-height:1.3em;margin:0;font-size:.75rem}.operator-status[data-state=refused]{color:#f0525a}@media (prefers-reduced-motion:reduce){.operator-card{transition:none}}.level-timeline{cursor:var(--cursor-grab);-webkit-user-select:none;user-select:none}.level-timeline:active{cursor:var(--cursor-grabbing)}.level-timeline [data-slot=carousel-content]{touch-action:pan-y pinch-zoom}.level-slot{flex-basis:8.25rem;gap:.875rem;display:grid}.level-card{background:var(--menu-option);color:#fff;border:1px solid #ffffff14;place-items:center;height:7.5rem;font-size:2rem;font-weight:700;line-height:1;display:grid}.level-slot:after{content:"";background:radial-gradient(circle,#b5f7e5 .25rem,#0000 .3125rem) calc(50% + .5rem)/.625rem .625rem no-repeat,linear-gradient(#ffffff26,#ffffff26) 50%/100% .125rem no-repeat;height:.625rem;margin-left:-1rem}.stats-board{grid-template-columns:minmax(0,1fr) minmax(15rem,20rem);align-items:stretch;gap:1.75rem;display:grid}.stats-figures{align-content:start;gap:1.75rem;display:grid}.menu-root .stats-board .stats-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card[data-availability=coming]{opacity:.5}.stats-board>.stats-group{flex-direction:column;display:flex}.stats-body{background:var(--menu-option);border:1px solid #ffffff14;flex:1;min-height:22rem;position:relative}.stats-body-figure{width:calc(100% - 2rem);height:calc(100% - 4.25rem);position:absolute;top:1rem;left:1rem}.stats-body-part{fill:color-mix(in srgb, #b5f7e5 calc(var(--hit-weight) * 100%), #2f4148);stroke:#0000;stroke-width:3px;transition:stroke .12s}.stats-body-part[data-shown=true]{stroke:#fff}.stats-body-caption{color:#b2c2c8;font-variant-numeric:tabular-nums;text-align:center;margin:0;font-size:.75rem;position:absolute;bottom:.875rem;left:1rem;right:1rem}@media (max-width:980px){.stats-board{grid-template-columns:minmax(0,1fr)}.stats-body{min-height:30rem}}@media (max-width:640px){.menu-root .stats-board .stats-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.stat-history{justify-items:start;gap:.75rem;display:grid}.stat-matches{gap:.5rem;width:100%;margin:0;padding:0;list-style:none;display:grid}.stat-match{background:var(--menu-option);color:#b2c2c8;border:1px solid #ffffff14;grid-template-columns:minmax(12rem,1.4fr) repeat(3,minmax(max-content,.6fr));align-items:center;gap:.625rem 1.125rem;padding:.875rem 1rem;font-size:.75rem;display:grid}.stat-match-heading{color:#fff;flex-wrap:wrap;align-items:center;gap:.375rem .625rem;display:flex}.stat-match-heading strong{color:var(--menu-accent)}.stat-outcome{color:#b2c2c8;letter-spacing:.08em;text-transform:uppercase;border:1px solid;padding:.125rem .375rem;font-size:.625rem;font-weight:700}.stat-outcome.is-win{color:#7de2a6}.stat-outcome.is-loss{color:#f28a8a}@media (max-width:780px){.stat-match{grid-template-columns:minmax(0,1fr) max-content}}.social-page{gap:1.5rem;display:grid}.social-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;width:100%;display:flex}.social-filter-controls{align-items:center;gap:.625rem;margin-left:auto;display:flex}.social-search{width:clamp(12.5rem,24vw,18.75rem)}.social-list{gap:.75rem;padding:0;list-style:none;display:grid}.social-friends-list{width:100%;max-width:47.5rem}.social-row{border:1px solid #ffffff24;border-radius:.5rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.social-friend-card{box-sizing:border-box;border-color:var(--surface-card-border);border-radius:0;width:100%}.social-row p{margin:.25rem 0}.social-reason{flex-basis:100%}.social-toolbar>nav{flex-wrap:wrap}@media (max-width:760px){.social-filter-controls{width:100%;margin-left:0}.social-search{flex:1;width:auto}}.private-match-options{margin-top:.875rem}.private-match-options a,.private-match-options .menu-option-action{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.menu-root .menu-option-value{color:#b5f7e5;letter-spacing:.06em;text-transform:uppercase;font-size:.8125rem}.private-match-options .menu-option[aria-disabled=true]{opacity:.5}.private-match-options .menu-option[aria-disabled=true] .menu-option-action:disabled{opacity:1}.private-match-options .menu-option[aria-current=true]{box-shadow:inset .1875rem 0 #b5f7e5}.private-match-layout{grid-template-columns:minmax(17.5rem,27.5rem) minmax(0,45rem);align-items:start;gap:clamp(1.25rem,3vw,3rem);margin-top:.875rem;display:grid}.private-match-layout>.private-match-options{margin-top:0}@media (max-width:900px){.private-match-layout{grid-template-columns:minmax(0,1fr)}}.private-match-column{flex-direction:column;flex:1;gap:.5rem;max-width:27.5rem;margin-top:.875rem;display:flex}.private-match-column>.private-match-options{margin-top:0}.menu-content>.private-match{flex-direction:column;min-height:100%;display:flex}.private-match>.quick-play-body{flex-direction:column;flex:1;display:flex}.private-match-column>.map-preview{margin-top:auto}@media (max-height:809.98px){.private-match-column>.map-preview{aspect-ratio:21/9}}.is-described .menu-option.private-start{background:var(--menu-option-hover)}.private-start .menu-option-reveal{opacity:1;grid-template-rows:1fr}.private-start .menu-option-detail{font-variant-numeric:tabular-nums}.menu-main-options.is-described .private-start .menu-option-action{padding-bottom:.25rem}.private-start-command{z-index:1;position:relative}.menu-root .private-start-command-action{letter-spacing:.08em;text-transform:uppercase;background:#0000002e;border:0;border-top:1px solid #ffffff1f;border-radius:0;justify-content:center;width:100%;height:auto;padding:.625rem 1.25rem;font-size:.875rem;display:flex}.menu-root .private-start-command-action:hover,.menu-root .private-start-command-action:focus-visible{background:#ffffff14}.loading-screen{z-index:20;color:#e9eff2;background:radial-gradient(at top,#243c46,#0b1013 70%);align-items:end;display:grid;position:fixed;inset:0;overflow:hidden}.loading-art{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s ease-out;position:absolute;inset:0}.loading-art[data-loaded=true]{opacity:1}.loading-screen:after{content:"";pointer-events:none;background:linear-gradient(#00000026 0%,#0003 45%,#000000d1 100%);position:absolute;inset:0}.loading-panel{z-index:1;gap:.625rem;width:min(35rem,100% - 3rem);margin:0 0 clamp(2rem,7vh,4.5rem) clamp(1.5rem,5vw,4.5rem);display:grid;position:relative}.menu-root .loading-mode{color:#b5f7e5;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.8125rem}.menu-root .loading-map{letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:clamp(1.875rem,4vw,3.25rem);font-weight:700;line-height:1.05}.menu-root .loading-step{margin:.375rem 0 0;font-size:.9375rem}.menu-root .loading-countdown{font-variant-numeric:tabular-nums;margin:0;font-size:.9375rem}.menu-root .loading-clock{color:#b2c2c8;font-variant-numeric:tabular-nums;margin:0;font-size:.8125rem}.loading-bar{background:#ffffff1f;height:.25rem;position:relative;overflow:hidden}.loading-bar-done,.loading-bar-current{position:absolute;inset:0 auto 0 0}.loading-bar-done{width:calc(var(--done) * 100%);background:#b5f7e5;transition:width .4s ease-out}.loading-bar-current{left:calc(var(--done) * 100%);width:calc(var(--current) * 100%);overflow:hidden}.loading-bar-current:after{content:"";background:linear-gradient(90deg,#0000,#b5f7e566,#0000);width:50%;animation:1.4s linear infinite loading-sweep;position:absolute;inset:0}.loading-actions{margin-top:.5rem;display:grid}.menu-root .loading-action{letter-spacing:.08em;text-transform:uppercase;background:#00000059;border:0;border-top:1px solid #ffffff1f;border-radius:0;justify-content:center;width:100%;height:auto;padding:.625rem 1.25rem;font-size:.875rem;display:flex}.menu-root .loading-action:hover,.menu-root .loading-action:focus-visible{background:#ffffff14}@keyframes loading-sweep{0%{transform:translate(-100%)}to{transform:translate(200%)}}@media (prefers-reduced-motion:reduce){.loading-art,.loading-bar-done{transition:none}.loading-bar-current:after{animation:none}}.map-preview{aspect-ratio:16/9;border:1px solid var(--surface-card-border);background:linear-gradient(160deg,#1b2a2f 0%,#0d1416 100%);width:100%;margin:0;position:relative;overflow:hidden}.map-preview img{object-fit:cover;width:100%;height:100%;display:block}.map-preview:after{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#000000a6 100%);position:absolute;inset:55% 0 0}.menu-root .map-preview-name{z-index:1;color:#e9eff2;letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:clamp(1.125rem,1.6vw,1.625rem);position:absolute;bottom:.875rem;left:1.125rem}.map-preview[data-preview=none] .map-preview-name{color:#b2c2c8}.server-share{margin-top:1rem;padding-top:.75rem}.server-share-content{min-width:0;margin-top:.75rem}.server-share-content input{box-sizing:border-box;width:100%;color:var(--ink);background:var(--ground);font:inherit;border:1px solid #607481;border-radius:.375rem;padding:.625rem}.server-share p{overflow-wrap:anywhere}#perf-overlay{color:#fff;font-family:var(--font-stat);pointer-events:none;-webkit-user-select:none;user-select:none;contain:layout style;background:0 0;border:0;gap:2px;margin:0;padding:3px;font-size:11px;line-height:1;display:flex;position:fixed;inset:0 0 auto auto;overflow:visible}#perf-overlay:not(:popover-open){display:none}.perf-stat{font-variant-numeric:tabular-nums slashed-zero;white-space:nowrap;background:#0000009e;align-items:baseline;gap:4px;padding:4px 6px;display:flex}.perf-stat[hidden]{display:none}.perf-stat-label{color:#a9b4b9;font-weight:700}.perf-stat-value{text-align:right;min-width:3ch;font-weight:800}.perf-stat-unit{color:#a9b4b9;text-transform:uppercase}.perf-stat[data-health=healthy] .perf-stat-value{color:#4ade80}.perf-stat[data-health=fair] .perf-stat-value{color:#facc15}.perf-stat[data-health=poor] .perf-stat-value{color:#fb923c}.perf-stat[data-health=critical] .perf-stat-value{color:#f87171}.perf-stat[data-health=idle] .perf-stat-value{color:#8a959a}.pause-page{color:#e9eff2;background:0 0;border:0;border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.pause-page::backdrop{background:#04090c9e}.pause-page[data-frame=page][open]{grid-template-rows:auto minmax(0,1fr);gap:1.25rem;padding:clamp(1rem,2.4vh,1.75rem) clamp(1.25rem,3vw,2.75rem);display:grid}.pause-head{-webkit-backdrop-filter:blur(.875rem);backdrop-filter:blur(.875rem);background:#10181fa6;border-radius:.5rem;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.125rem;display:flex}.pause-head h2{letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:1.375rem;font-weight:700}.pause-body{min-height:0;overflow:auto}#pause-dialog[open]{flex-direction:column;justify-content:center;padding:0 clamp(1.5rem,8vw,8.75rem);display:flex}.pause-panel{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:#0d151bb8;border-radius:.625rem;width:min(22.5rem,100%);padding:1.75rem}.pause-panel h2{letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:clamp(1.625rem,3vw,2.375rem);font-weight:700}#pause-note{color:#b2c2c8;margin:.5rem 0 1.5rem;font-size:.8125rem}.pause-panel nav{gap:.5rem;display:grid}#class-dialog .loadout-class,#class-dialog .loadout-card,#class-dialog .loadout-weapon,#class-dialog .loadout-tabs{-webkit-backdrop-filter:blur(.875rem);backdrop-filter:blur(.875rem)}#class-dialog .loadout-tabs{background:#10181fa6}#class-dialog .loadouts[data-view=customize]{--loadout-page-width:1fr}#class-dialog .loadout-weapons{max-height:min(54vh,38.75rem);padding-right:.375rem;overflow-y:auto}#settings-page-dialog[open]{background:linear-gradient(180deg, color-mix(in srgb, var(--menu-ground-top) 80%, transparent) 0%, color-mix(in srgb, var(--menu-ground-middle) 80%, transparent) 58%, color-mix(in srgb, var(--menu-ground-bottom) 80%, transparent) 100%);flex-direction:column;display:flex}#settings-page-dialog::backdrop{background:0 0}.settings-page-head{padding:clamp(1.25rem, 4vh, 2.75rem) var(--menu-gutter);flex:none;justify-content:space-between;align-items:center;gap:1rem;display:flex}#settings-page-dialog .settings-page-head h2{letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:1.375rem;font-weight:700}#settings-page-content{flex-direction:column;flex:1;min-height:0;display:flex}#ping-layer{z-index:var(--hud-layer-marker);pointer-events:none;contain:layout paint;position:absolute;inset:0;overflow:hidden}.ping-marker{--ping-color:#7bdcf2;--ping-arrow-gap:8px;--ping-arrow-y:0px;top:var(--ping-y);left:var(--ping-x);color:#f4fbfc;letter-spacing:.09em;width:0;height:0;font-size:10px;font-weight:750;line-height:1;animation:.14s cubic-bezier(.2,.8,.2,1) ping-enter;position:absolute}.ping-marker[data-kind=danger]{--ping-color:#ff5c64}.ping-marker[data-leaving=true]{animation:.16s ease-in forwards ping-exit}.ping-marker__symbol{border:2px solid var(--ping-color);width:15px;height:15px;box-shadow:0 0 0 2px #0000008c, 0 0 8px color-mix(in srgb, var(--ping-color) 65%, transparent);background:#050a0eb8;position:absolute;top:0;left:0;transform:translate(-50%,-50%)rotate(45deg)}.ping-marker[data-kind=danger] .ping-marker__symbol{width:20px;height:18px;box-shadow:none;clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 1px 2px #000)drop-shadow(0 0 5px #ff5c6499);background:#000000b8;border:0;transform:translate(-50%,-50%)}.ping-marker[data-kind=danger] .ping-marker__symbol:before,.ping-marker[data-kind=danger] .ping-marker__symbol:after{content:"";clip-path:inherit;position:absolute}.ping-marker[data-kind=danger] .ping-marker__symbol:before{background:var(--ping-color);inset:2px}.ping-marker[data-kind=danger] .ping-marker__symbol:after{background:#050a0eb8;inset:5px 5px 4px}.ping-marker__label{white-space:nowrap;row-gap:1px;display:grid;position:absolute;top:0;left:16px;transform:translateY(-50%)}.ping-marker[data-edge-side=right] .ping-marker__label{text-align:right;left:auto;right:16px}.ping-marker__title{align-self:end}.ping-marker__distance{color:#ebf6f8b8;letter-spacing:.04em;align-self:start;font-size:9px;font-weight:600}.ping-marker__arrow{display:none}.ping-marker[data-offscreen=true] .ping-marker__arrow{top:var(--ping-arrow-y);border-right:5px solid #0000;border-bottom:8px solid var(--ping-color);width:0;height:0;transform:translateY(-50%) rotate(var(--ping-angle));transform-origin:50%;border-left:5px solid #0000;display:block;position:absolute}.ping-marker[data-offscreen=true][data-edge-side=left] .ping-marker__arrow{right:calc(10px + var(--ping-arrow-gap))}.ping-marker[data-offscreen=true][data-edge-side=right] .ping-marker__arrow{left:calc(10px + var(--ping-arrow-gap))}@keyframes ping-enter{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes ping-exit{to{opacity:0;transform:scale(.86)}}@media (prefers-reduced-motion:reduce){.ping-marker{animation:none}.ping-marker[data-leaving=true]{opacity:0}}#player-tag-layer{z-index:var(--hud-layer-marker);contain:layout paint;pointer-events:none;position:absolute;inset:0;overflow:hidden}.player-tag{top:var(--player-tag-y);left:var(--player-tag-x);color:var(--player-tag-color);opacity:var(--player-tag-opacity);transform:translate(-50%, -100%) scale(var(--player-tag-scale));transform-origin:50% 100%;transition-property:opacity;transition-duration:var(--player-tag-fade-ms);align-items:center;gap:6px;transition-timing-function:ease-out;display:flex;position:absolute}.player-tag[data-mode=hidden]{visibility:hidden;opacity:0;transition-property:opacity,visibility;transition-duration:var(--player-tag-fade-ms), 0s;transition-timing-function:ease-out,linear;transition-delay:0s, var(--player-tag-fade-ms)}.player-tag__name{max-width:20ch;color:inherit;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:750;line-height:18px;overflow:hidden}.player-tag__sprite{display:none}.player-tag[data-mode=dot]{gap:0}.player-tag[data-mode=dot] .player-tag__name{display:none}.player-tag[data-mode=dot] .player-tag__sprite{background:#04080c8c;border:2px solid;border-radius:50%;flex-basis:7px;width:7px;height:7px;display:block;box-shadow:0 1px 2px #0000008c}@media (prefers-reduced-motion:reduce){.player-tag,.player-tag[data-mode=hidden]{transition-duration:0s;transition-delay:0s}}#screen-curtain{opacity:1;background:#000;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0}body[data-screen=game]>#connection-menu{display:none!important}
