@font-face{font-family:Saira SemiCondensed;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/saira-semicondensed-400.woff2) format("woff2")}@font-face{font-family:Saira SemiCondensed;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/saira-semicondensed-600.woff2) format("woff2")}@font-face{font-family:Saira SemiCondensed;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/saira-semicondensed-800.woff2) format("woff2")}:root{--ck-screen: #050a08;--ck-screen-edge: #0a1310;--ck-grid-line: rgba(74, 138, 96, .16);--ck-grid-step: 34px;--ck-line: #4c9dc0;--ck-line-dim: rgba(76, 157, 192, .34);--ck-line-bright: #7ef2ff;--ck-fill: rgba(10, 26, 32, .55);--ck-fill-active: rgba(20, 52, 64, .8);--ck-radius: 3px;--ck-font: "Saira SemiCondensed", "Bahnschrift", "DIN Alternate", "Eurostile", ui-sans-serif, system-ui, sans-serif;--ck-text: #a9d8ee;--ck-text-bright: #dcf2ff;--ck-text-dim: #6d93a8;--ck-tracking: .06em;--ck-accent: #b9a6ec;--ck-accent-bright: #d6c9ff;--ck-warn: #f0b849;--ck-danger: #f0736b;--ck-team-blue: #5b8dd9;--ck-team-red: #d95b5b;--ck-bezel-hi: #6b6f72;--ck-bezel-mid: #3a3f45;--ck-bezel-lo: #1b1f24}.ck-screen{background-color:var(--ck-screen);background-image:repeating-linear-gradient(0deg,var(--ck-grid-line) 0 1px,transparent 1px var(--ck-grid-step)),repeating-linear-gradient(90deg,var(--ck-grid-line) 0 1px,transparent 1px var(--ck-grid-step))}.ck-bezel{border:1px solid var(--ck-bezel-lo);border-radius:var(--ck-radius);background:linear-gradient(170deg,var(--ck-bezel-hi) 0%,var(--ck-bezel-mid) 18%,var(--ck-bezel-lo) 62%,var(--ck-bezel-mid) 100%);box-shadow:inset 0 1px #ffffff29,inset 0 -1px #0009,0 10px 34px #0000008c}.ck-panel{border:1px solid var(--ck-line-dim);border-radius:var(--ck-radius);background:var(--ck-fill)}.ck-panel.is-active{border-color:var(--ck-line-bright);background:var(--ck-fill-active)}.ck-title{color:var(--ck-text-bright);font-family:var(--ck-font);letter-spacing:var(--ck-tracking);text-transform:uppercase}.ck-label{color:var(--ck-text-dim);font-family:var(--ck-font);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.ck-value{color:var(--ck-text);font-family:var(--ck-font);font-variant-numeric:tabular-nums}:where(button,input,select,a[href],[tabindex]):focus-visible{outline:2px solid var(--ck-line-bright);outline-offset:2px}@media(prefers-reduced-motion:no-preference){.ck-scroll{scroll-behavior:smooth}}.menu-root{position:fixed;inset:0;z-index:20;color:var(--ck-text);font:14px / 1.6 var(--ck-font);transition:opacity .4s ease}.menu-root.is-leaving{opacity:0;pointer-events:none}.menu{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:clamp(10px,2.5vh,28px) clamp(12px,2.5vw,36px);box-sizing:border-box}.menu-scrim{position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 55% 40%,rgba(8,18,36,.25) 0%,transparent 70%),linear-gradient(180deg,#040a168c,#040a16c7);pointer-events:none}.menu-console{position:relative;z-index:1;display:flex;flex-direction:column;width:min(1080px,100%);max-height:100%;box-sizing:border-box;background:linear-gradient(165deg,#1a2a48,#0c1830 28%,#0a1428 62%,#101c34);border:1px solid #2a3d5c;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0000008c,0 18px 48px #000000a6;overflow:hidden}.menu-console-body{display:grid;grid-template-columns:minmax(150px,200px) minmax(0,1fr);gap:clamp(12px,2vw,28px);flex:1;min-height:0;padding:clamp(18px,3vh,32px) clamp(40px,5vw,56px) 12px;box-sizing:border-box;overflow:hidden}.menu-handle{position:absolute;top:12%;bottom:18%;width:18px;border-radius:10px;background:linear-gradient(90deg,#5a6168,#9aa0a6 22%,#6a7078 48%,#3a4048 78%,#1a1e24);box-shadow:inset 0 0 0 1px #ffffff2e,inset 0 0 8px #00000073,2px 0 6px #0006;pointer-events:none}.menu-handle--left{left:10px}.menu-handle--right{right:10px;background:linear-gradient(270deg,#5a6168,#9aa0a6 22%,#6a7078 48%,#3a4048 78%,#1a1e24);box-shadow:inset 0 0 0 1px #ffffff2e,inset 0 0 8px #00000073,-2px 0 6px #0006}.menu-brand-head{flex-shrink:0;text-align:center;padding:clamp(14px,2.2vh,22px) clamp(40px,5vw,56px) 6px;border-bottom:1px solid rgba(60,120,180,.22);background:linear-gradient(180deg,rgba(20,40,70,.45) 0%,transparent 100%)}.menu-title{margin:0;font-size:clamp(28px,4.5vw,48px);font-weight:800;letter-spacing:.18em;line-height:1.05;text-transform:uppercase;color:var(--ck-text-bright);text-shadow:0 0 12px rgba(100,210,255,.45),0 0 36px rgba(60,160,230,.35),0 2px 0 rgba(0,0,0,.4)}.menu-tagline{margin:6px 0 0;color:var(--ck-text-dim);font-size:11.5px;letter-spacing:.06em}.menu-pills{display:flex;flex-direction:column;gap:12px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px 16px;margin:-8px -10px}.menu-pill{display:block;width:100%;padding:11px 16px;border:1.5px solid transparent;border-radius:999px;background:linear-gradient(180deg,#12324c,#0a1c30 55%,#071422) padding-box,linear-gradient(180deg,#5ab4dc8c,#1e5a8273) border-box;background-origin:border-box;background-clip:padding-box,border-box;box-shadow:inset 0 1px #a0dcff24;filter:drop-shadow(0 0 5px rgba(50,160,220,.28)) drop-shadow(0 0 14px rgba(40,140,200,.16));color:#8ec8e8;font:inherit;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-align:center;cursor:pointer;transition:color .18s ease,filter .22s ease,background .18s ease}.menu-pill:hover{color:var(--ck-text-bright);background:linear-gradient(180deg,#1a4464,#0e2840 55%,#0a1c30) padding-box,linear-gradient(180deg,#8ce6ffd9,#328cbe8c) border-box;background-origin:border-box;background-clip:padding-box,border-box;filter:drop-shadow(0 0 6px rgba(100,220,255,.45)) drop-shadow(0 0 18px rgba(70,190,255,.32)) drop-shadow(0 0 32px rgba(50,160,230,.18))}.menu-pill.is-active{color:var(--ck-text-bright);background:linear-gradient(180deg,#1e4e72,#123850 55%,#0c2438) padding-box,linear-gradient(180deg,#a0f5fff2,#46b4e6a6) border-box;background-origin:border-box;background-clip:padding-box,border-box;box-shadow:inset 0 1px #c8f5ff38,inset 0 0 18px #328cc833;filter:drop-shadow(0 0 7px rgba(120,230,255,.55)) drop-shadow(0 0 20px rgba(80,200,255,.38)) drop-shadow(0 0 36px rgba(50,170,240,.2))}.menu-pill--accent{border-color:#f0b8498c;color:var(--ck-warn)}.menu-pill--accent:hover{border-color:var(--ck-warn);color:#ffd98a}.menu-pill--debug{border-color:#f0b84959;color:#c4a574;background:linear-gradient(180deg,#2a2410,#18140a);box-shadow:none}.menu-pill--debug:hover{border-color:#f0b849a6;color:#e0c080}.menu-center{display:flex;flex-direction:column;gap:10px;min-height:0;min-width:0;overflow-y:auto;overscroll-behavior:contain;padding-right:4px}.menu-center-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.menu-mode-title{margin:0;font-size:clamp(18px,2.4vw,26px);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ck-line-bright);text-shadow:0 0 18px rgba(80,200,255,.35)}.menu-mode-tag{color:var(--ck-text-dim)}.menu-map-panel{position:relative;border:1px solid var(--ck-line);border-radius:var(--ck-radius);box-shadow:inset 0 0 40px #000000a6,0 0 0 1px #3c8cc833;overflow:hidden;min-height:140px;aspect-ratio:16 / 10;max-height:min(36vh,320px)}.menu-map-preview{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.14);transform-origin:center}.menu-map-name{text-align:center;font-size:14px;font-weight:600;letter-spacing:.08em;color:var(--ck-text-bright)}.menu-section{display:flex;flex-direction:column;gap:8px}.menu-arena-section{flex-shrink:0}.menu-arena-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}.menu-arena-card{display:flex;flex-direction:column;padding:0;overflow:hidden;color:var(--ck-text);font:inherit;text-align:left;cursor:pointer;transition:border-color .14s,background .14s}.menu-arena-card:hover{border-color:var(--ck-line)}.menu-arena-card.is-active{border-color:var(--ck-line-bright);box-shadow:0 0 12px #50c8ff40}.menu-arena-thumb{width:100%;aspect-ratio:1;display:block;object-fit:cover;object-position:center;background:var(--ck-screen);transform:scale(1.22);transform-origin:center}.menu-arena-name{padding:5px 6px;font-size:10.5px;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-arena-card.is-active .menu-arena-name{color:var(--ck-text-bright)}.menu-loadout-strip{display:flex;flex-direction:column;gap:8px;padding:12px clamp(40px,5vw,56px) 16px;border-top:1px solid rgba(60,120,180,.28);background:linear-gradient(180deg,#060e1c80,#040a14d9);flex-shrink:0}.menu-loadout-slot{display:flex;flex-direction:column;gap:4px;padding:8px 12px;border:1px solid var(--ck-line-dim);border-radius:var(--ck-radius);background:#081220b3;color:var(--ck-text)}.menu-loadout-slot-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.menu-loadout-slot-label{font-size:10px}.menu-loadout-slot-pos{font-size:10px;opacity:.75}.menu-loadout-cycle{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:8px}.menu-loadout-pick{display:flex;align-items:center;gap:10px;min-width:0}.menu-loadout-icon{flex:0 0 auto;width:36px;height:34px;image-rendering:crisp-edges;image-rendering:pixelated;border:1px solid rgba(80,180,220,.45);background:#000;object-fit:contain}.menu-loadout-arrow{display:flex;align-items:center;justify-content:center;width:36px;height:32px;padding:0;border:1px solid var(--ck-line-dim);border-radius:999px;background:#0a1c2cd9;color:var(--ck-line-bright);font:inherit;font-size:12px;line-height:1;cursor:pointer;transition:border-color .14s,background .14s,color .14s}.menu-loadout-arrow:hover{border-color:var(--ck-line-bright);background:#143048f2;color:var(--ck-text-bright)}.menu-loadout-slot-name{font-size:14px;font-weight:700;color:var(--ck-text-bright);letter-spacing:.04em;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.menu-bar-row{display:flex;flex-direction:column;gap:3px;width:100%;margin-top:2px}.menu-bar-track{display:block;height:5px;width:100%;border-radius:1px;background:#142832e6;overflow:hidden}.menu-bar{display:block;height:100%;border-radius:1px;min-width:2px}.menu-bar--rate{background:linear-gradient(90deg,#2a8a3a,#5fd86a);box-shadow:0 0 6px #3cc85059}.menu-bar--damage{background:linear-gradient(90deg,#8a2a2a,#e05050);box-shadow:0 0 6px #dc3c3c4d}.menu-start-row{display:flex;justify-content:center;padding:6px 0 4px;margin-top:auto}.menu-start{min-width:160px;padding:12px 40px;border:1px solid rgba(185,166,236,.85);border-radius:999px;background:linear-gradient(180deg,#b9a6ec38,#503c8c59);box-shadow:inset 0 1px #dcd2ff33,0 1px 2px #0000004d,0 0 12px 2px #a08ce638,0 0 28px 8px #8c78dc24;color:var(--ck-accent-bright);font:inherit;font-size:16px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:background .18s ease,box-shadow .22s ease,transform .06s ease}.menu-start:hover:not(:disabled){background:linear-gradient(180deg,#b9a6ec59,#6450aa73);box-shadow:inset 0 1px #e6dcff47,0 1px 2px #00000047,0 0 14px 3px #b4a0ff4d,0 0 32px 10px #a08cf033}.menu-start:active:not(:disabled){transform:translateY(1px)}.menu-start:disabled{opacity:.4;cursor:not-allowed}.menu-panel,.menu-drawer{padding:14px;flex-shrink:0}.menu-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.menu-label{flex:0 0 78px;color:var(--ck-text)}.menu-value{flex:0 0 34px;text-align:right;color:var(--ck-line-bright)}.menu-slider{flex:1;accent-color:var(--ck-line-bright)}.menu-select{flex:1;padding:9px 11px;border:1px solid var(--ck-line-dim);border-radius:var(--ck-radius);background:var(--ck-screen);color:var(--ck-text-bright);font:inherit;cursor:pointer}.menu-code{flex:1;min-width:0;padding:11px 13px;border:1px solid var(--ck-line-dim);border-radius:var(--ck-radius);background:var(--ck-screen);color:var(--ck-text-bright);font:600 18px/1 ui-monospace,monospace;letter-spacing:.3em;text-transform:uppercase}.menu-code--text{font:500 14px / 1.2 var(--ck-font);letter-spacing:normal;text-transform:none}.menu-go{width:100%;margin-top:6px;padding:12px 14px;border:0;border-radius:var(--ck-radius);background:linear-gradient(180deg,#9af6ff,#5fe6f7);color:#052026;font:inherit;font-weight:700;letter-spacing:var(--ck-tracking);cursor:pointer;transition:filter .12s,transform .06s}.menu-go:hover{filter:brightness(1.08)}.menu-go:active{transform:translateY(1px)}.menu-go:disabled{opacity:.45;cursor:not-allowed}.menu-go--ghost{margin-top:8px;background:transparent;border:1px solid var(--ck-line-dim);color:var(--ck-text);font-weight:600}.menu-go--ghost:hover{border-color:var(--ck-line);background:var(--ck-fill);filter:none}.menu-row .menu-go{width:auto;margin-top:0;white-space:nowrap}.menu-lobbies{display:flex;flex-direction:column;max-height:210px;overflow-y:auto}.menu-lobby{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--ck-line-dim)}.menu-lobby-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ck-text)}.menu-lobby .menu-go{width:auto;margin-top:0;padding:7px 13px}.menu-lobby .menu-code{letter-spacing:normal;text-transform:none;font-size:14px;padding:7px 10px}.menu-check{display:flex;align-items:center;gap:8px;margin:8px 0;color:var(--ck-text);cursor:pointer}.menu-check input{accent-color:var(--ck-line-bright)}.menu-hint{margin:8px 0 0;color:var(--ck-text-dim);font-size:12.5px}.menu-hint a{color:var(--ck-line-bright)}.menu-err{margin-top:8px;color:var(--ck-danger);font-size:12.5px;min-height:1em}.menu-h2{margin:4px 0 8px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ck-text-dim)}.menu-h2:not(:first-child){margin-top:16px}.menu-keys{display:grid;gap:4px}.menu-key-row{display:flex;align-items:baseline;gap:10px}.menu-key-row kbd{flex:0 0 140px;color:var(--ck-text-bright);font:12px/1.6 ui-monospace,monospace}.menu-key-row span{color:var(--ck-text-dim);font-size:13px}@media(max-width:720px){.menu{padding:8px;align-items:stretch}.menu-console-body{grid-template-columns:1fr;padding:16px 16px 8px;overflow-y:auto}.menu-handle{display:none}.menu-pills{flex-direction:row;flex-wrap:wrap;overflow:visible}.menu-pill{width:auto;flex:1 1 auto;padding:9px 12px;font-size:11px}.menu-brand-head{padding:12px 16px 4px}.menu-loadout-strip{padding:10px 16px 14px}.menu-map-panel{max-height:28vh}}.mhud{position:fixed;inset:0;z-index:5;pointer-events:none;font-family:var(--ck-font);color:var(--ck-text)}.mhud-radar{position:absolute;top:calc(14px + env(safe-area-inset-top));left:calc(14px + env(safe-area-inset-left));width:132px}.mhud-radar-canvas{display:block;width:132px;height:132px;border:1px solid var(--ck-line-dim);border-radius:50%;background:radial-gradient(circle at 50% 50%,#143c3080,#040c0abf);box-shadow:inset 0 0 22px #000000b3}.mhud-radar-label{margin-top:4px;color:var(--ck-text-dim);font-size:11px;letter-spacing:.12em;text-align:center;text-transform:uppercase;text-shadow:0 1px 3px #000}.mhud-scores{position:absolute;top:calc(14px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));display:flex;flex-direction:column;gap:10px;text-align:right}.mhud-points{font-size:30px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:.04em;text-shadow:0 2px 6px #000}.mhud-score--own .mhud-points{color:var(--ck-team-blue)}.mhud-score--foe .mhud-points{color:var(--ck-team-red)}.mhud-units{color:var(--ck-text-dim);font-size:11px;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 1px 3px #000}.mhud-outposts{margin-top:2px}.mhud-core{width:96px;height:5px;margin-top:5px;margin-left:auto;border:1px solid var(--ck-line-dim);border-radius:2px;background:#040c0ab3;overflow:hidden}.mhud-core-fill{height:100%;width:100%;transition:width .18s linear}.mhud-score--own .mhud-core-fill{background:var(--ck-team-blue)}.mhud-score--foe .mhud-core-fill{background:var(--ck-team-red)}.mhud-ticker{position:absolute;top:calc(12px + env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.mhud-ticker-row{color:var(--ck-text-dim);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 3px #000}.mhud-ticker-row:empty{display:none}.mhud-ticker-row:last-child{color:var(--ck-text)}.mhud-progress{position:absolute;left:50%;bottom:27%;transform:translate(-50%);width:min(280px,44vw);opacity:0;transition:opacity .15s;text-align:center}.mhud-progress.is-on{opacity:1}.mhud-progress-label{margin-bottom:4px;color:var(--ck-accent-bright);font-size:12px;font-weight:700;letter-spacing:.18em;text-shadow:0 1px 3px #000}.mhud-progress-track{height:7px;border:1px solid var(--ck-line-dim);border-radius:3px;background:#040c0ab3;overflow:hidden}.mhud-progress-fill{height:100%;width:0%;background:var(--ck-accent-bright)}.mhud-bottom{position:absolute;left:calc(16px + env(safe-area-inset-left));right:calc(16px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));display:flex;align-items:flex-end;gap:18px}.mhud-health{position:relative;flex:0 0 auto;width:14px;height:148px;border:1px solid var(--ck-line-dim);border-radius:2px;background:#040c0ab3;overflow:hidden}.mhud-health-fill{position:absolute;inset:auto 0 0;height:100%;background:linear-gradient(180deg,#7fe07f,#3f9a55);transition:height .18s linear}.mhud-health.is-down{border-color:#d95b5b8c}.mhud-ammo{display:flex;align-items:baseline;gap:22px;padding-bottom:2px}.mhud-ammo-cell{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.04em;text-shadow:0 2px 6px #000}.mhud-ammo-cell:empty{display:none}.mhud-ammo-cell--gun{color:var(--ck-text-dim)}.mhud-ammo-cell--heavy{color:#e8926b}.mhud-ammo-cell--special{color:#7fa8e8}.mhud-banner{position:absolute;top:22%;left:0;right:0;color:var(--ck-accent-bright);font-size:clamp(18px,3vw,34px);font-weight:800;letter-spacing:.1em;text-align:center;text-shadow:0 3px 14px #000;opacity:0;transition:opacity .3s}.mhud-banner.is-on{opacity:1}@media(max-width:640px){.mhud-radar{width:92px}.mhud-radar-canvas{width:92px;height:92px}.mhud-points{font-size:22px}.mhud-health{height:104px}.mhud-ammo-cell{font-size:17px}}
