:root{--hud-font: "Rajdhani", "Bahnschrift", "DIN Alternate", "Oswald", system-ui, sans-serif;--hud-mono: ui-monospace, "SFMono-Regular", "Cascadia Mono", Consolas, "Liberation Mono", monospace;--c-fg: #ece7da;--c-dim: #a9a294;--c-mute: rgba(236, 231, 218, .42);--c-sand: #dcb878;--c-sand-deep: #a8813c;--c-steel: #93aab8;--c-ok: #86cf8c;--c-warn: #e2b352;--c-bad: #de5a48;--c-blood: #b8291c;--c-panel: rgba(9, 11, 13, .34);--c-panel-solid: rgba(11, 13, 15, .9);--c-line: rgba(236, 231, 218, .16);--c-line-strong: rgba(236, 231, 218, .32);--shadow-text: 0 1px 2px rgba(0, 0, 0, .92), 0 0 12px rgba(0, 0, 0, .55);--shadow-panel: 0 6px 24px rgba(0, 0, 0, .45)}html,body{height:100%;margin:0;padding:0;background:#07090a;overflow:hidden;overscroll-behavior:none}body{font-family:var(--hud-font);color:var(--c-fg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;cursor:default;user-select:none;-webkit-user-select:none}#app{position:fixed;inset:0}#app canvas{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0}.hud{position:fixed;inset:0;z-index:10;pointer-events:none;font-family:var(--hud-font);color:var(--c-fg);font-weight:600;letter-spacing:.04em;contain:layout style;--s-ammo: 52px;--s-hp: 34px;--s-timer: 30px;--s-score: 32px;--s-name: 15px;--s-role: 11px;--top-side-w: 200px}.hud [data-interactive]{pointer-events:auto}.hud.is-dead .hud-health,.hud.is-dead .hud-ammo{opacity:.42;filter:saturate(.3)}.hud.is-dead .hud-crosshair{display:none}.hud-health,.hud-ammo{transition:opacity .22s ease,filter .22s ease}.hud-crosshair{position:absolute;left:50%;top:50%;width:0;height:0;--gap: 4px;--len: 7px;--th: 2px;--xh-col: #e9f3ea}.xh{position:absolute;background:var(--xh-col);box-shadow:0 0 0 1px #0009}.xh--t,.xh--b{left:calc(var(--th) / -2);width:var(--th);height:var(--len)}.xh--t{top:calc(-1 * (var(--gap) + var(--len)))}.xh--b{top:var(--gap)}.xh--l,.xh--r{top:calc(var(--th) / -2);height:var(--th);width:var(--len)}.xh--l{left:calc(-1 * (var(--gap) + var(--len)))}.xh--r{left:var(--gap)}.xh-dot{position:absolute;left:-1px;top:-1px;width:2px;height:2px;background:var(--xh-col);box-shadow:0 0 0 1px #0009}.hud.is-scoped .hud-crosshair{display:none}.hud-hitmarker{position:absolute;left:50%;top:50%;width:0;height:0;opacity:0;transform:rotate(45deg);--hm-col: #f4f2ec;--hm-len: 9px;--hm-off: 8px}.hud-hitmarker.hm--kill{--hm-col: var(--c-bad);--hm-len: 11px}.hud-hitmarker.hm--hs{--hm-off: 11px;--hm-len: 12px}.hud-hitmarker.is-on{animation:hmPop .32s ease-out}.hm-l{position:absolute;background:var(--hm-col);box-shadow:0 0 0 1px #0000008c}.hm-l--0,.hm-l--1{left:-1px;width:2px;height:var(--hm-len)}.hm-l--0{top:calc(-1 * (var(--hm-off) + var(--hm-len)))}.hm-l--1{top:var(--hm-off)}.hm-l--2,.hm-l--3{top:-1px;height:2px;width:var(--hm-len)}.hm-l--2{left:calc(-1 * (var(--hm-off) + var(--hm-len)))}.hm-l--3{left:var(--hm-off)}@keyframes hmPop{0%{opacity:1;scale:1.4}45%{opacity:1;scale:1}to{opacity:0;scale:1}}.hud-vignette{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at 50% 50%,#a0140c00 32%,#a0140c3d 72%,#600602a8)}.hud-vignette.is-on{animation:hurtFade .76s ease-out forwards}@keyframes hurtFade{0%{opacity:calc(var(--hurt-a, 1) * .95)}to{opacity:0}}.hud-damage{position:absolute;inset:0}.dmg{position:absolute;left:50%;top:50%;width:30vmin;height:30vmin;box-sizing:border-box;border:1.15vmin solid transparent;border-top-color:var(--c-blood);border-radius:50%;clip-path:polygon(50% 50%,19% 0%,81% 0%);transform:translate(-50%,-50%);opacity:0;filter:drop-shadow(0 0 5px rgba(0,0,0,.55))}.dmg.is-on{animation:dmgFade 1.2s ease-out forwards}@keyframes dmgFade{0%{opacity:calc(var(--dmg-a, 1) * 1)}22%{opacity:calc(var(--dmg-a, 1) * .9)}to{opacity:0}}.hud-scope{position:absolute;inset:0;display:none;--ret: rgba(10, 12, 14, .92);--ret-fine: rgba(6, 8, 9, 1);--sway: 0}.hud.is-scoped .hud-scope{display:block}.scope-mask{position:absolute;left:50%;top:50%;width:78vmin;height:78vmin;margin-left:-39vmin;margin-top:-39vmin;border-radius:50%;box-shadow:0 0 0 100vmax #000;animation:scopeIn .13s ease-out}@keyframes scopeIn{0%{opacity:.2;box-shadow:0 0 0 100vmax #00000059}to{opacity:1;box-shadow:0 0 0 100vmax #000}}.scope-lens{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 50%,#7896af00 50%,#384c5e33 80%,#0c1218b8 97%,#06090ce6)}.scope-chroma{position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 1px #cee4fa66,inset 0 0 0 4px #6896ce29,inset 0 0 16px 3px #ffa8681c,inset 0 0 34px 14px #5486c617}.scope-sway-x,.scope-sway-y{position:absolute;inset:0}.scope-sway-x{animation:swayX 7.1s ease-in-out infinite alternate}.scope-sway-y{animation:swayY 4.3s ease-in-out infinite alternate}@keyframes swayX{0%{transform:translate(calc(var(--sway, 0) * -8px))}to{transform:translate(calc(var(--sway, 0) * 8px))}}@keyframes swayY{0%{transform:translateY(calc(var(--sway, 0) * -6.5px))}to{transform:translateY(calc(var(--sway, 0) * 6.5px))}}.scope-line{position:absolute}.scope-line--h{left:3%;right:3%;top:50%;height:1.5px;margin-top:-.75px;background:linear-gradient(90deg,transparent 0%,var(--ret) 9%,var(--ret) 48.8%,transparent 48.8%,transparent 51.2%,var(--ret) 51.2%,var(--ret) 91%,transparent 100%)}.scope-line--v{top:3%;bottom:3%;left:50%;width:1.5px;margin-left:-.75px;background:linear-gradient(180deg,transparent 0%,var(--ret) 9%,var(--ret) 48.8%,transparent 48.8%,transparent 51.2%,var(--ret) 51.2%,var(--ret) 91%,transparent 100%)}.scope-tick{position:absolute;background:var(--ret);transform:translate(-50%,-50%)}.scope-fine{position:absolute;background:var(--ret-fine)}.scope-fine--0,.scope-fine--1{left:50%;top:50%;width:1px;height:14px;margin-left:-.5px}.scope-fine--0{margin-top:-14px}.scope-fine--1{margin-top:0}.scope-fine--2,.scope-fine--3{left:50%;top:50%;height:1px;width:14px;margin-top:-.5px}.scope-fine--2{margin-left:-14px}.scope-fine--3{margin-left:0}.hud-net{position:absolute;left:16px;top:14px;min-width:132px;padding:7px 10px 8px;font-family:var(--hud-mono);font-size:11px;font-weight:500;letter-spacing:.02em;line-height:1.5;background:var(--c-panel);border-left:2px solid var(--c-line-strong);color:var(--c-dim);text-shadow:var(--shadow-text);opacity:0;visibility:hidden;transition:opacity .16s ease,visibility 0s linear .16s}.hud-net.is-on{opacity:1;visibility:visible;transition:opacity .16s ease}.net-row{display:flex;align-items:baseline;gap:4px}.net-row--dev{display:none}.hud-net.is-dev .net-row--dev{display:flex}.net-k{width:38px;color:var(--c-mute)}.net-v{flex:1 1 auto;text-align:right;color:var(--c-fg);font-variant-numeric:tabular-nums}.net-u{width:20px;color:var(--c-mute)}.net-ok{color:var(--c-ok)}.net-warn{color:var(--c-warn)}.net-bad{color:var(--c-bad)}.hud-top{position:absolute;top:0;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:22px;padding:8px 30px 10px;min-width:540px;background:var(--c-panel);border-bottom:1px solid var(--c-line);clip-path:polygon(0 0,100% 0,calc(100% - 20px) 100%,20px 100%);text-shadow:var(--shadow-text)}.top-side{display:flex;align-items:center;gap:12px;flex:0 0 var(--top-side-w, 200px);width:var(--top-side-w, 200px)}.top-side--you{justify-content:flex-end}.top-side--opp{justify-content:flex-start}.top-meta{display:flex;flex-direction:column;line-height:1.05;min-width:0;flex:1 1 auto}.top-side--you .top-meta{align-items:flex-end;text-align:right}.top-name{font-size:var(--s-name);font-weight:600;color:var(--c-fg);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-name.is-gone{color:var(--c-mute);text-decoration:line-through}.top-role{font-size:var(--s-role);font-weight:700;letter-spacing:.22em;color:var(--c-dim)}.top-role--sniper{color:var(--c-sand)}.top-role--glock{color:var(--c-steel)}.top-score{font-size:var(--s-score);font-weight:700;line-height:1;font-variant-numeric:tabular-nums;min-width:1.2em;text-align:center}.top-side--you .top-score{color:var(--c-sand)}.top-side--opp .top-score{color:var(--c-steel)}.top-centre{display:flex;flex-direction:column;align-items:center;min-width:150px;line-height:1.05}.top-phase{font-size:10px;font-weight:700;letter-spacing:.26em;color:var(--c-mute)}.top-timer{font-size:var(--s-timer);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--c-fg)}.top-round{font-size:10px;font-weight:700;letter-spacing:.22em;color:var(--c-sand-deep)}.top-centre.is-warmup .top-timer{font-size:calc(var(--s-timer) * 1.35);color:var(--c-sand)}.top-centre.is-low .top-timer{color:var(--c-bad);animation:tick 1s steps(2,jump-none) infinite}@keyframes tick{0%{opacity:1}to{opacity:.45}}.hud-killfeed{position:absolute;top:14px;right:16px;display:flex;flex-direction:column;align-items:flex-end;gap:4px;max-width:38vw}.kf-row{display:flex;align-items:center;gap:8px;padding:3px 9px;font-size:13px;font-weight:600;background:var(--c-panel);border-right:2px solid var(--c-line-strong);text-shadow:var(--shadow-text);transition:opacity .34s linear,transform .34s ease-in}.kf-row.is-in{animation:kfIn .17s ease-out}.kf-row.is-out{opacity:0;transform:translate(16px)}.kf-row--you{background:#3c2c0e80;border-right-color:var(--c-sand)}.kf-name{max-width:13ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kf-attacker{color:var(--c-fg)}.kf-victim{color:var(--c-dim)}.kf-row--you .kf-attacker{color:var(--c-sand)}.kf-weapon{font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--c-mute)}.kf-hs{font-size:13px;line-height:1;color:var(--c-bad)}.kf-hs.is-hidden{display:none}@keyframes kfIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.hud-health{position:absolute;left:26px;bottom:24px;display:flex;align-items:center;gap:12px;text-shadow:var(--shadow-text);--hp-col: var(--c-fg)}.hud-health--warn{--hp-col: var(--c-warn)}.hud-health--crit,.hud-health--dead{--hp-col: var(--c-bad)}.hp-icon{width:30px;height:30px;flex:0 0 auto;fill:var(--hp-col);filter:drop-shadow(0 1px 2px rgba(0,0,0,.9));transition:fill .22s ease}.hud-health--crit .hp-icon{animation:tick .72s steps(2,jump-none) infinite}.hp-body{display:flex;flex-direction:column;gap:5px}.hp-num{font-size:var(--s-hp);font-weight:700;line-height:.9;font-variant-numeric:tabular-nums;color:var(--hp-col);transition:color .22s ease}.hp-bar{position:relative;width:168px;height:5px;background:#00000080;box-shadow:inset 0 0 0 1px var(--c-line);overflow:hidden}.hp-fill{position:absolute;inset:0;transform-origin:0 50%;background:linear-gradient(90deg,var(--hp-col),color-mix(in srgb,var(--hp-col) 65%,#000));transition:transform .14s linear,background .22s ease}.hud-ammo{position:absolute;right:26px;bottom:24px;display:flex;align-items:center;gap:14px;text-shadow:var(--shadow-text);--ammo-col: var(--c-fg)}.hud-ammo--low{--ammo-col: var(--c-warn)}.hud-ammo--empty{--ammo-col: var(--c-bad)}.ammo-arc-wrap{order:1;width:44px;height:44px;opacity:0;transition:opacity .16s ease}.hud-ammo.is-reloading .ammo-arc-wrap{opacity:1}.ammo-arc{width:100%;height:100%;overflow:visible}.ammo-arc-bg,.ammo-arc-fg{fill:none;stroke-width:4}.ammo-arc-bg{stroke:#0000008c}.ammo-arc-fg{stroke:var(--c-sand);stroke-linecap:butt;transform:rotate(-90deg);transform-origin:32px 32px}.ammo-nums{order:2;display:flex;align-items:baseline;gap:6px;line-height:.9}.ammo-cur{font-size:var(--s-ammo);font-weight:700;font-variant-numeric:tabular-nums;color:var(--ammo-col);transition:color .2s ease}.ammo-mag{font-size:calc(var(--s-ammo) * .42);font-weight:600;font-variant-numeric:tabular-nums;color:var(--c-mute)}.ammo-label{order:3;align-self:flex-end;padding-bottom:4px;min-width:78px;font-size:11px;font-weight:700;letter-spacing:.22em;color:var(--c-dim)}.hud-ammo.is-reloading .ammo-label{color:var(--c-sand)}.hud-banner{position:absolute;left:50%;top:32%;transform:translate(-50%,-50%);transition:opacity .26s ease,top .26s ease,visibility 0s linear .26s;text-align:center;opacity:0;visibility:hidden;transition:opacity .26s ease,visibility 0s linear .26s;text-shadow:var(--shadow-text);--banner-col: var(--c-fg)}.hud-banner.is-on{opacity:1;visibility:visible;transition:opacity .2s ease,top .26s ease;animation:bannerIn .46s cubic-bezier(.16,.84,.3,1)}.hud:has(.hud-scoreboard.is-on) .hud-banner{top:17%}.hud-banner--win{--banner-col: var(--c-sand)}.hud-banner--lose{--banner-col: var(--c-bad)}.hud-banner--neutral{--banner-col: var(--c-fg)}.banner-title{font-size:clamp(38px,5.2vw,76px);font-weight:700;letter-spacing:.14em;line-height:1;color:var(--banner-col)}.banner-sub{margin-top:8px;font-size:clamp(13px,1.3vw,18px);font-weight:600;letter-spacing:.3em;color:var(--c-dim)}.banner-sub.is-empty{display:none}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%,-50%) scale(1.22)}60%{opacity:1}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.hud-scoreboard{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#080a0c99,#040506db);opacity:0;visibility:hidden;transition:opacity .24s ease,visibility 0s linear .24s}.hud-scoreboard.is-on{opacity:1;visibility:visible;transition:opacity .24s ease}.sb-panel{width:min(620px,84vw);padding:26px 30px 22px;background:var(--c-panel-solid);border:1px solid var(--c-line);border-top:2px solid var(--c-sand);box-shadow:var(--shadow-panel);text-shadow:var(--shadow-text)}.sb-title{font-size:20px;font-weight:700;letter-spacing:.3em;color:var(--c-sand)}.sb-rounds{margin-top:2px;font-size:11px;font-weight:700;letter-spacing:.24em;color:var(--c-mute)}.sb-table{display:grid;grid-template-columns:minmax(0,1fr) 96px 78px 68px;gap:6px 14px;margin-top:20px;padding-top:10px;border-top:1px solid var(--c-line)}.sb-h{font-size:10px;font-weight:700;letter-spacing:.24em;color:var(--c-mute);padding-bottom:4px;border-bottom:1px solid var(--c-line)}.sb-c{font-size:17px;font-weight:600;color:var(--c-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 0}.sb-r{text-align:right;font-variant-numeric:tabular-nums}.sb-c.sb-c--you{color:var(--c-sand)}.sb-role,.sb-ping{font-size:13px;letter-spacing:.16em;color:var(--c-dim)}.sb-score{font-size:22px;font-weight:700}.sb-next{margin-top:20px;padding-top:12px;border-top:1px solid var(--c-line);font-size:12px;font-weight:700;letter-spacing:.2em;color:var(--c-dim)}.sb-next-role{color:var(--c-sand)}.sb-next-count{color:var(--c-fg);font-variant-numeric:tabular-nums}.hud-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#080a0cb8,#030405f0);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .26s ease,visibility 0s linear .26s}.hud-status.is-on{opacity:1;visibility:visible;transition:opacity .26s ease}.hud-status.is-bare{background:none;backdrop-filter:none;-webkit-backdrop-filter:none}.hud-status.is-bare .status-spin,.hud-status.is-bare .status-detail{display:none}.hud-status.is-bare .status-text{color:#fff;font-size:clamp(26px,3.4vw,44px);letter-spacing:.3em;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 18px rgba(0,0,0,.75),0 0 2px rgba(0,0,0,1)}.status-panel{text-align:center;padding:0 24px;text-shadow:var(--shadow-text)}.status-spin{width:34px;height:34px;margin:0 auto 18px;border-radius:50%;border:2px solid rgba(236,231,218,.14);border-top-color:var(--c-sand);animation:spin .9s linear infinite}.status-text{font-size:clamp(20px,2.4vw,30px);font-weight:700;letter-spacing:.24em;color:var(--c-fg)}.status-detail{margin-top:10px;font-size:13px;font-weight:600;letter-spacing:.14em;color:var(--c-dim);max-width:46ch}.status-detail.is-empty{display:none}@keyframes spin{to{transform:rotate(360deg)}}@media (max-height: 820px){.hud{--s-ammo: 44px;--s-hp: 29px;--s-timer: 26px;--s-score: 27px;--s-name: 14px}.hud-health,.hud-ammo{bottom:18px}.hp-bar{width:148px}}@media (max-width: 1400px){.hud{--top-side-w: 164px}.hud-top{min-width:470px;gap:16px;padding:7px 24px 9px}.hud-killfeed{max-width:32vw}.kf-row{font-size:12px}}@media (max-width: 1100px){.hud-health{left:16px}.hud-ammo{right:16px}.ammo-label{display:none}}@media (min-aspect-ratio: 2/1){.hud-health{left:max(26px,calc(50vw - 83.6vh))}.hud-ammo{right:max(26px,calc(50vw - 83.6vh))}.hud-killfeed{max-width:26vw}}@media (prefers-reduced-motion: reduce){.top-centre.is-low .top-timer,.hud-health--crit .hp-icon,.scope-mask,.scope-sway-x,.scope-sway-y,.kf-row.is-in,.hud-banner.is-on{animation:none}}.hud-cooldown{position:absolute;left:50%;top:50%;width:62px;height:62px;transform:translate(-50%,calc(-50% + 74px));opacity:0;transition:opacity .14s ease;pointer-events:none}.hud-cooldown.is-on{opacity:1}.hud-cooldown svg{width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.hud-cooldown .cd-track{fill:#00000047;stroke:#ffffff38;stroke-width:7}.hud-cooldown .cd-fill{fill:none;stroke:#ffffffd1;stroke-width:7;stroke-linecap:round;filter:drop-shadow(0 0 3px rgba(0,0,0,.85));transition:stroke .16s ease}.hud-cooldown.is-reloading .cd-fill{stroke:var(--c-sand, #e8c35a)}@media (max-height: 800px){.hud-cooldown{width:52px;height:52px;transform:translate(-50%,calc(-50% + 62px))}}.menu{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;overflow-y:auto;background:radial-gradient(120% 90% at 50% 0%,rgba(232,195,90,.1),transparent 60%),linear-gradient(160deg,#14161a,#0c0d10 55%,#17130d);font-family:Rajdhani,Bahnschrift,DIN Alternate,Oswald,system-ui,sans-serif;color:#e8e4da}.menu:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.022) 0px,rgba(255,255,255,.022) 1px,transparent 1px,transparent 3px)}.menu-panel{position:relative;z-index:1;width:min(760px,100%);padding:40px clamp(24px,5vw,52px) 34px;border:1px solid rgba(232,195,90,.22);border-radius:4px;background:#0a0b0dd1;box-shadow:0 40px 120px #000000b3,inset 0 1px #ffffff0d;backdrop-filter:blur(6px)}.menu-title{margin:0;display:flex;align-items:baseline;justify-content:center;gap:14px;font-size:clamp(34px,6.5vw,62px);font-weight:700;letter-spacing:.08em;line-height:1;text-transform:uppercase}.menu-title-a{color:#7fa96b}.menu-title-b{color:#d8a24a}.menu-title-vs{font-size:.42em;font-weight:500;letter-spacing:.22em;color:#6d7078;text-transform:lowercase}.menu-tagline{margin:14px 0 26px;text-align:center;font-size:16px;line-height:1.5;color:#9ea3ac}.menu-roles{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:26px}@media (max-width: 620px){.menu-roles{grid-template-columns:1fr}}.role-card{padding:16px 18px;border-radius:3px;border-left:3px solid;background:#ffffff09}.role-card h2{margin:0 0 6px;font-size:16px;letter-spacing:.16em;font-weight:700}.role-card p{margin:0;font-size:14px;line-height:1.45;color:#9299a2}.role-sniper{border-color:#7fa96b}.role-sniper h2{color:#9dc487}.role-glock{border-color:#d8a24a}.role-glock h2{color:#e8bd6e}.menu-form{display:flex;gap:10px;margin-bottom:24px}.menu-input{flex:1;min-width:0;padding:13px 16px;border:1px solid rgba(255,255,255,.14);border-radius:3px;background:#00000073;color:#e8e4da;font:inherit;font-size:17px;letter-spacing:.04em;outline:none;transition:border-color .15s ease}.menu-input:focus{border-color:#e8c35a99}.menu-input::placeholder{color:#5d616a}.menu-play{padding:13px 40px;border:none;border-radius:3px;background:linear-gradient(180deg,#e0b055,#c48f34);color:#17130b;font:inherit;font-size:18px;font-weight:700;letter-spacing:.14em;cursor:pointer;transition:transform .1s ease,filter .15s ease}.menu-play:hover{filter:brightness(1.1)}.menu-play:active{transform:translateY(1px)}.menu-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:6px 18px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}.control-row{display:flex;align-items:center;gap:10px;font-size:14px;color:#8b9099}.control-row kbd{min-width:62px;padding:3px 7px;border:1px solid rgba(255,255,255,.16);border-bottom-width:2px;border-radius:3px;background:#ffffff0d;color:#cfd3d9;font:inherit;font-size:12px;letter-spacing:.06em;text-align:center}.menu-hint{margin:20px 0 0;text-align:center;font-size:13px;letter-spacing:.04em;color:#6e737c}.menu-editor-link{display:block;margin-top:14px;text-align:center;font-size:14px;letter-spacing:.06em;color:#8d939c;text-decoration:none;transition:color .15s ease}.menu-editor-link:hover{color:#e8c35a}.mobile-block{align-content:start;padding:clamp(16px,6vh,56px) 16px 32px}.mobile-panel{width:min(520px,100%);padding:30px clamp(20px,6vw,34px) 28px}.mobile-headline{margin:22px 0 0;text-align:center;font-size:clamp(19px,5.2vw,23px);font-weight:700;letter-spacing:.03em;color:#e8c35a}.mobile-why{margin:12px 0 22px;font-size:15px}.mobile-steps{display:grid;gap:12px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}.mobile-step{display:flex;align-items:flex-start;gap:12px;font-size:14.5px;line-height:1.45;color:#9299a2}.mobile-step-n{flex:0 0 auto;width:22px;height:22px;border:1px solid rgba(232,195,90,.4);border-radius:50%;color:#e8c35a;font-size:12px;font-weight:700;line-height:20px;text-align:center}.mobile-url{margin:22px 0 0;padding:12px 14px;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:#00000059;overflow-wrap:anywhere;user-select:all}.mobile-url-label{display:block;margin-bottom:4px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#6e737c;user-select:none}.mobile-url-value{font-size:14px;color:#cfd3d9}.is-hidden{display:none!important}.lobby-panel{min-width:420px}.lobby-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.lobby-h{margin:0;font-size:22px;letter-spacing:.18em;color:var(--c-sand, #e8c35a)}.lobby-you{font-size:13px;color:#ffffff73}.lobby-count{margin:6px 0 14px}.lobby-list{list-style:none;margin:0 0 10px;padding:0;max-height:320px;overflow-y:auto}.lobby-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#ffffff08}.lobby-row+.lobby-row{margin-top:6px}.lobby-name{flex:1 1 auto;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-state{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#ffffff59}.lobby-invite{flex:0 0 auto;padding:6px 12px;border:1px solid rgba(232,195,90,.45);border-radius:5px;background:#e8c35a1f;color:#e8c35a;font:inherit;font-size:13px;cursor:pointer}.lobby-invite:hover:not(:disabled){background:#e8c35a38}.lobby-invite:disabled{border-color:#ffffff1f;background:transparent;color:#ffffff4d;cursor:default}.lobby-empty{padding:22px 14px;text-align:center;font-size:14px;color:#fff6;border:1px dashed rgba(255,255,255,.12);border-radius:6px}.lobby-status{margin:12px 0 0;min-height:18px;font-size:13px;color:#e8c35a}.lobby-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#06080bb8;backdrop-filter:blur(3px);z-index:40}.lobby-modal-card{min-width:320px;max-width:420px;padding:22px 24px;background:#14171c;border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 24px 60px #0009}.lobby-modal-h{margin:0 0 8px;font-size:15px;letter-spacing:.16em;text-transform:uppercase;color:#e8c35a}.lobby-modal-p{margin:0 0 18px;font-size:15px;line-height:1.5}.lobby-modal-actions{display:flex;gap:10px;justify-content:flex-end}.lobby-modal-actions:empty{display:none}.lobby-btn{padding:8px 16px;border:1px solid rgba(255,255,255,.18);border-radius:6px;background:#ffffff0d;color:inherit;font:inherit;font-size:14px;cursor:pointer}.lobby-btn:hover{background:#ffffff1a}.lobby-btn--accent{border-color:#e8c35a80;background:#e8c35a29;color:#e8c35a}.lobby-btn--accent:hover{background:#e8c35a42}