:root{--bg:#eef1f6;--fg:#171a24;--muted:#687186;--accent:#ff2d95;--accent2:#00b4d0;--on-accent:#fff;--ally:#4da3ff;--enemy:#ff4d4d;--zone:#8f3dff;--gold:#e0a400;--warn:#c25e00;--panel:#ffffffd6;--panel-solid:#fffffff7;--card:#ffffff9e;--line:#171a241f;--line-strong:#171a243d;--press:#171a241a;--shadow:0 4px 16px #171e3224;--halo:0 0 3px #fffffff2, 0 0 8px #fffc;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--ui:1}.screen,#hud{width:calc(100% / var(--ui));height:calc(100% / var(--ui));transform:scale(var(--ui));transform-origin:0 0;bottom:auto;right:auto}html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;background:var(--bg);color:var(--fg);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}*{box-sizing:border-box;touch-action:none}#view{width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.hidden{display:none!important}button{font:inherit;color:inherit;cursor:pointer;border:0}#hud{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}#hud button,#hud input,#debug{pointer-events:auto}#scorebar{z-index:5;top:calc(var(--safe-t) + 8px);left:calc(var(--safe-l) + 12px);background:var(--panel);box-shadow:var(--shadow);border:1px solid var(--line);font-variant-numeric:tabular-nums;border-radius:12px;align-items:stretch;padding:0 7px 0 0;display:flex;position:absolute}#scorebar:active{background:var(--panel-solid)}.sb-cell{flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:62px;padding:5px 11px 6px;display:flex}.sb-mid{border-left:1px solid var(--line);border-right:1px solid var(--line);min-width:74px}.sb-cell b{font-size:19px;font-weight:800;line-height:1}.sb-label{letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--muted);font-size:9px;font-weight:700;line-height:1}.sb-left b{color:var(--accent)}.sb-mid.zone b{color:var(--zone)}.sb-more{color:var(--muted);align-self:center}.sb-pips{gap:3px;height:9px;display:none}#scorebar[data-mode=elim] .sb-pips{display:flex}#scorebar[data-mode=elim] .sb-left .sb-label,#scorebar[data-mode=elim] .sb-right .sb-label{display:none}#scorebar[data-mode=elim] .sb-left,#scorebar[data-mode=elim] .sb-left b{color:var(--ally)}#scorebar[data-mode=elim] .sb-right,#scorebar[data-mode=elim] .sb-right b{color:var(--enemy)}.sb-pips i{background:currentColor;border-radius:1.5px;width:4px;height:9px}.sb-pips i.out{opacity:.6;background:0 0;box-shadow:inset 0 0 0 1px}.sb-pips i.away{background:var(--muted);opacity:.35}#score-popup{z-index:6;background:var(--panel-solid);border:1px solid var(--line);font-variant-numeric:tabular-nums;pointer-events:auto;border-radius:14px;width:min(480px,100% - 24px);max-height:calc(100% - 16px);padding:10px 12px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 10px 40px #171e3240}.sp-head{border-bottom:1px solid var(--line);align-items:baseline;gap:10px;margin-bottom:4px;padding:0 4px 8px;display:flex}#sp-title{letter-spacing:.12em;text-transform:uppercase;font-size:13px;font-weight:800}#sp-sub{color:var(--muted);font-size:12px}.sp-close{color:var(--muted);align-self:center;margin-left:auto}.sp-row{border-radius:6px;align-items:center;height:24px;padding:0 4px;font-size:13px;display:grid}.sp-row>span:not(.sp-name){text-align:center}#sp-body.dm .sp-row{grid-template-columns:22px minmax(0,1fr) repeat(6,42px)}#sp-body.elim .sp-row{grid-template-columns:minmax(0,1fr) repeat(5,46px)}#sp-body.practice .sp-row{grid-template-columns:minmax(0,1fr) repeat(3,64px)}#sp-body.dm .sp-row>span:first-child{text-align:left;color:var(--muted)}.sp-row.sp-cols{letter-spacing:.1em;text-transform:uppercase;height:20px;color:var(--muted);font-size:9px;font-weight:700}.sp-name{align-items:center;gap:7px;min-width:0;display:flex}.sp-name b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.sp-name em{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex:none;font-size:9px;font-style:normal;font-weight:700}.sp-row.me{background:#ff2d951a}.sp-row.me .sp-name b{color:var(--accent);font-weight:800}.sp-row.away,.sp-row.out{opacity:.45}.sp-row.out .sp-name b{text-decoration:line-through}.sp-team{letter-spacing:.12em;text-transform:uppercase;border-left:3px solid;justify-content:space-between;align-items:center;margin-top:8px;padding:2px 6px;font-size:11px;font-weight:800;display:flex}.sp-team:first-child{margin-top:2px}.sp-team b{font-size:16px}.sp-team.ally{color:var(--ally)}.sp-team.enemy{color:var(--enemy)}#sp-foot{border-top:1px solid var(--line);color:var(--muted);margin-top:6px;padding:7px 4px 0;font-size:12px}.hud-buttons{top:calc(var(--safe-t) + 8px);right:calc(var(--safe-r) + 12px);gap:8px;display:flex;position:absolute}.chip{background:var(--panel);border:1px solid var(--line-strong);box-shadow:var(--shadow);letter-spacing:.02em;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:600}.chip:active{background:var(--panel-solid);box-shadow:none}.chip.icon{align-items:center;padding:9px 11px;display:flex}.chip.small{padding:5px 10px;font-size:11px}#crosshair{width:0;height:0;position:absolute;top:50%;left:50%}#crosshair i{background:#00e5ff;position:absolute;box-shadow:0 0 0 1px #060c168c}#crosshair i:first-child,#crosshair i:nth-child(2){width:2px;height:9px;left:-1px}#crosshair i:first-child{top:-14px}#crosshair i:nth-child(2){top:5px}#crosshair i:nth-child(3),#crosshair i:nth-child(4){width:9px;height:2px;top:-1px}#crosshair i:nth-child(3){left:-14px}#crosshair i:nth-child(4){left:5px}#crosshair.blocked{transform:rotate(45deg)}#crosshair.blocked i{background:#fff}#crosshair.scoped{visibility:hidden}#crosshair.blocked i:first-child,#crosshair.blocked i:nth-child(2){height:4px}#crosshair.blocked i:nth-child(3),#crosshair.blocked i:nth-child(4){width:4px}#crosshair.blocked i:first-child{top:-5px}#crosshair.blocked i:nth-child(2){top:1px}#crosshair.blocked i:nth-child(3){left:-5px}#crosshair.blocked i:nth-child(4){left:1px}#hitmarker{opacity:0;filter:drop-shadow(0 0 1px #0a0e18e6);background:linear-gradient(45deg,#0000 46%,#fff 46% 54%,#0000 54%),linear-gradient(-45deg,#0000 46%,#fff 46% 54%,#0000 54%);width:34px;height:34px;margin:-17px 0 0 -17px;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#0000 7px,#000 8px);mask:radial-gradient(circle,#0000 7px,#000 8px)}#hitmarker.show{animation:.22s ease-out hitmarker}@keyframes hitmarker{0%{opacity:1;transform:scale(1.3)}to{opacity:0;transform:scale(1)}}#popup{color:var(--accent);text-shadow:var(--halo);opacity:0;font-size:20px;font-weight:800;position:absolute;top:calc(50% - 46px);left:50%;transform:translate(-50%)}#popup.show{animation:.6s ease-out popup}@keyframes popup{0%{opacity:1;transform:translate(-50%,6px)}to{opacity:0;transform:translate(-50%,-18px)}}#countdown{text-shadow:var(--halo);font-size:72px;font-weight:900;position:absolute;top:32%;left:50%;transform:translate(-50%,-50%)}#warning{background:var(--panel);text-align:center;max-width:80%;left:50%;top:calc(var(--safe-t) + 64px);color:var(--warn);box-shadow:var(--shadow);border-radius:10px;padding:8px 14px;font-size:13px;position:absolute;transform:translate(-50%)}#joy-zone{left:var(--safe-l);bottom:var(--safe-b);pointer-events:auto;width:45%;height:70%;position:absolute}#joy-base{background:#ffffff4d;border:2px solid #171a2447;border-radius:50%;position:absolute}#joy-knob{width:54px;height:54px;box-shadow:var(--shadow);background:#ffffffeb;border:2px solid #171a244d;border-radius:50%;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%}#joy-base.active{background:#ffffff73}#btn-fire{right:calc(var(--safe-r) + 28px);bottom:calc(var(--safe-b) + 28px);background:radial-gradient(circle at 50% 40%,#ff46a5d9,#eb197d9e);border:3px solid #ffd6eaf2;border-radius:50%;width:96px;height:96px;position:absolute;box-shadow:0 0 18px #ff2d9566,0 4px 14px #171e322e}#btn-fire.active{background:radial-gradient(circle at 50% 40%,#ff78befa,#f52d91d9);transform:scale(.92)}#btn-fire.cancel{box-shadow:none;background:#171a248c;border-color:#ffffff80;transform:scale(.85)}#btn-fire.cancel:before,#btn-fire.cancel:after{content:"";background:#ffffffd9;border-radius:2px;width:34px;height:3px;margin:-1.5px 0 0 -17px;position:absolute;top:50%;left:50%;transform:rotate(45deg)}#btn-fire.cancel:after{transform:rotate(-45deg)}#btn-jump{right:calc(var(--safe-r) + 4px);bottom:calc(var(--safe-b) + 136px);background:var(--panel);border:2px solid var(--line-strong);width:58px;height:58px;box-shadow:var(--shadow);color:var(--fg);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}#btn-jump.active{border-color:var(--accent2);color:var(--accent2);transform:scale(.92)}#debug{top:calc(var(--safe-t) + 168px);right:calc(var(--safe-r) + 12px);background:#000000b3;border-radius:8px;width:230px;padding:8px 10px;font-size:11px;position:absolute}#debug-text{white-space:pre;margin:0 0 6px;font:11px/1.35 ui-monospace,Menlo,Consolas,monospace}#debug-sliders label{grid-template-columns:78px 1fr 34px;align-items:center;gap:6px;margin:4px 0;display:grid}#debug-sliders input{touch-action:none;width:100%}#debug-sliders output{text-align:right;font-variant-numeric:tabular-nums}.screen{padding:calc(var(--safe-t) + 16px) calc(var(--safe-r) + 16px) calc(var(--safe-b) + 16px) calc(var(--safe-l) + 16px);text-align:center;background:radial-gradient(#fafbfecc,#e2e7f1f2);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.screen h1{letter-spacing:.06em;margin:0;font-size:clamp(36px,9vmin,64px);font-weight:900}.screen h1 span{color:var(--accent)}.screen h2{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:20px}.big{background:var(--accent);color:var(--on-accent);border-radius:14px;padding:16px 34px;font-size:20px;font-weight:800;box-shadow:0 6px 24px #ff2d9559}.big:active{transform:scale(.97)}.tips{color:var(--muted);max-width:460px;margin:0;padding:0;font-size:13px;line-height:1.6;list-style:none}.tips b{color:var(--fg)}.error{color:#d81b60;max-width:460px;font-size:14px}.final-score{color:var(--accent);font-variant-numeric:tabular-nums;font-size:64px;font-weight:900}.final-stats{color:var(--muted);font-size:14px;line-height:1.6}@media (max-height:420px){.screen{gap:6px}.tips{font-size:12px;line-height:1.45}.big{padding:12px 28px}.final-score{font-size:48px}}.menu{flex-wrap:nowrap;justify-content:center;align-items:center;gap:12px;display:flex}.mp{border:1px solid var(--line);background:var(--card);border-radius:14px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.mp-row{align-items:center;gap:8px;display:flex}.or{color:var(--muted);font-size:12px}.screen input{font:inherit;color:var(--fg);border:1px solid var(--line-strong);-webkit-user-select:text;user-select:text;touch-action:manipulation;background:#ffffffeb;border-radius:10px;padding:8px 10px;font-size:16px}#input-code{text-transform:uppercase;letter-spacing:.15em;text-align:center;width:84px}button:disabled{opacity:.5}#lobby-players li,#final-board li{align-items:center;gap:8px;display:flex}.swatch{border-radius:50%;flex:none;width:9px;height:9px}.me-row{font-weight:800}.away{opacity:.45}#lobby{z-index:5;background:var(--panel);border:1px solid var(--line);min-width:260px;max-height:80%;box-shadow:var(--shadow);pointer-events:auto;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:14px 18px;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.lobby-code b{letter-spacing:.15em;color:var(--accent);font-size:22px}#lobby-players,#final-board{min-width:200px;margin:0;padding:0;font-size:14px;list-style:none}#lobby-players li span:last-child,#final-board li span:last-child{font-variant-numeric:tabular-nums;margin-left:auto}#net-banner{z-index:5;left:50%;top:calc(var(--safe-t) + 64px);pointer-events:auto;background:#781414d9;border-radius:10px;align-items:center;gap:10px;padding:8px 14px;font-size:13px;display:flex;position:absolute;transform:translate(-50%)}@media (max-height:420px){.screen h1{font-size:34px}#lobby{gap:5px;padding:10px 14px}}#lobby:not(.hidden)~#crosshair{display:none}#health{left:50%;bottom:calc(var(--safe-b) + 18px);border:1px solid var(--line-strong);background:#ffffffb3;border-radius:9px;width:180px;height:18px;position:absolute;overflow:hidden;transform:translate(-50%)}#health-fill{background:linear-gradient(90deg,#3ddc84,#7cff6b);width:100%;height:100%;transition:width .12s ease-out}#health.low #health-fill{background:linear-gradient(90deg,#ff3b3b,#ff7a5c)}#health-text{text-align:center;text-shadow:0 1px 2px #000;font-size:12px;font-weight:800;line-height:18px;position:absolute;top:0;bottom:0;left:0;right:0}#damage-flash{opacity:0;background:radial-gradient(#0000 45%,#ff00008c 100%);position:absolute;top:0;bottom:0;left:0;right:0}#damage-flash.show{animation:.4s ease-out damage}@keyframes damage{0%{opacity:1}to{opacity:0}}#hitmarker.head{filter:drop-shadow(0 0 2px red)hue-rotate();background:linear-gradient(45deg,#0000 44%,#ff3030 44% 56%,#0000 56%),linear-gradient(-45deg,#0000 44%,#ff3030 44% 56%,#0000 56%)}#killfeed{top:calc(var(--safe-t) + 64px);left:calc(var(--safe-l) + 12px);flex-direction:column;align-items:flex-start;gap:4px;font-size:12px;display:flex;position:absolute}.kf-row{background:var(--panel);box-shadow:var(--shadow);border-radius:7px;align-items:center;gap:7px;padding:4px 9px;font-weight:700;transition:opacity .4s,transform .4s;animation:.18s ease-out kf-in;display:flex}.kf-row.out{opacity:0;transform:translate(8px)}.kf-row.mine{box-shadow:inset 2px 0 0 var(--accent);background:#ffecf6f0}@keyframes kf-in{0%{opacity:0;transform:translate(10px)}}.kf-name{text-overflow:ellipsis;white-space:nowrap;max-width:110px;overflow:hidden}.kf-name.me{color:var(--accent)}.kf-name.ally{color:var(--ally)}.kf-name.enemy{color:var(--enemy)}.kf-gun{height:11px;display:block}.kf-gun svg{filter:brightness(0)opacity(.8);opacity:.85;width:auto;height:100%;display:block}.kf-arrow,.kf-hs{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.kf-hs{stroke:var(--enemy);margin-left:-3px}#death{text-shadow:0 2px 8px #000;color:#fff;background:radial-gradient(#3c000073,#280000cc);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.death-title{letter-spacing:.12em;color:#ff4d4d;font-size:44px;font-weight:900}#death-by{color:#fff;font-size:16px}#death-count{color:#ffffffbf;font-variant-numeric:tabular-nums;font-size:15px}#death:not(.hidden)~#crosshair{display:none}#popup{white-space:nowrap;text-shadow:var(--halo)}.sound-row{justify-content:center;display:flex}#btn-sound-debug{margin-left:6px}#input-name{width:140px}.mode-pick{border:1px solid var(--line-strong);border-radius:10px;display:flex;overflow:hidden}.mode-pick button{color:var(--muted);background:#ffffffc7;padding:9px 10px;font-size:13px;font-weight:700}.mode-pick button[aria-checked=true]{background:var(--accent2);color:#04141a}.lobby-mode{letter-spacing:.15em;text-transform:uppercase;color:var(--accent2);font-size:12px;font-weight:800}#lobby-teams{gap:18px;display:flex}#lobby-teams h3{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin:0 0 4px;font-size:12px}#lobby-teams ul{min-width:130px;margin:0;padding:0;font-size:14px;list-style:none}#lobby-teams li,#lobby-elim,.team-size{align-items:center;gap:8px;display:flex}#team-size{text-align:center;font-variant-numeric:tabular-nums;min-width:36px}#zone-hint{left:50%;top:calc(var(--safe-t) + 64px);letter-spacing:.12em;color:var(--zone);text-shadow:var(--halo);font-size:18px;font-weight:900;animation:.8s ease-in-out infinite alternate pulse;position:absolute;transform:translate(-50%)}@keyframes pulse{0%{opacity:1}to{opacity:.45}}#round-banner{text-align:center;text-shadow:var(--halo);position:absolute;top:68%;left:50%;transform:translate(-50%,-50%)}#round-title{letter-spacing:.1em;font-size:40px;font-weight:900}#round-sub{color:var(--fg);font-size:15px}#round-banner.win #round-title{color:#4da3ff}#round-banner.lose #round-title{color:#ff4d4d}#death.elim{padding-top:calc(var(--safe-t) + 96px);background:linear-gradient(#3c000080,#0000 45%);justify-content:flex-start}#death.elim .death-title{font-size:28px}.menu-side{flex-direction:column;align-items:center;gap:10px;display:flex}.menu-side .sound-row{flex-direction:column;gap:6px}.party-panel{border:1px solid var(--line);background:var(--card);text-align:left;border-radius:14px;flex-direction:column;flex-shrink:1;gap:5px;width:160px;min-width:128px;padding:10px 12px;display:flex}.party-head{justify-content:space-between;align-items:baseline;display:flex}#party-code{color:var(--fg);letter-spacing:.08em}#party-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.party-me{position:relative}.party-panel #input-name{width:100%;padding-right:10px}.party-me .tags{pointer-events:none;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.tags{color:var(--gold);white-space:nowrap;align-items:center;gap:4px;font-size:12px;display:inline-flex}.tags .icon{color:var(--fg);opacity:.85;display:inline-flex}#party-members{flex-direction:column;gap:4px;margin:0;padding:0;font-size:13px;line-height:1.35;list-style:none;display:flex}#party-members li{background:#171a240d;border-radius:8px;justify-content:space-between;align-items:center;gap:6px;padding:3px 9px;display:flex}#party-members .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#party-members li.away{opacity:.45}#party-members li.hint{color:var(--muted);background:0 0;padding:2px 0;font-size:12px}.party-buttons{gap:6px;display:flex}.party-buttons #btn-party-invite{flex:1}.party-buttons button,.mode-pick button{white-space:nowrap}.row-label{text-align:left;min-width:70px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:11px}.chip.find{background:#00b4d024;border-color:#0096b299;font-weight:800}#search-row{justify-content:space-between}#search-text{font-variant-numeric:tabular-nums;font-size:14px}#input-code{width:100px}#btn-paste{padding:10px 11px}#btn-mic-hud.on{background:#3ddc8440;border-color:#3ddc84b3}#btn-mic-hud.on .mic-slash{display:none}#match-found{z-index:7}#settings-screen{z-index:6}#hz-popup,#fs-popup{z-index:8;background:#f4f6fafa}.hz-card{border:1px solid var(--line);background:var(--card);text-align:left;border-radius:14px;max-width:460px;padding:14px 18px;font-size:14px;line-height:1.5}.hz-card p{margin:0}.hz-card ol{margin:8px 0;padding-left:20px}#btn-120hz{min-width:92px}#taplog{z-index:200;left:calc(var(--safe-l) + 6px);bottom:calc(var(--safe-b) + 6px);color:#9fe;pointer-events:none;white-space:pre;background:#000000bf;border-radius:6px;max-width:60vw;margin:0;padding:6px 8px;font:10px/1.3 ui-monospace,Menlo,Consolas,monospace;position:fixed}#rotate-overlay{z-index:100;background:var(--bg);text-align:center;pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:none;position:fixed;top:0;bottom:0;left:0;right:0}@media (orientation:portrait) and (pointer:coarse){#rotate-overlay{display:flex}}.rotate-title{margin:0;font-size:22px;font-weight:800}.rotate-phone{border:4px solid var(--fg);border-radius:10px;width:46px;height:80px;animation:1.8s ease-in-out infinite turn-sideways}@keyframes turn-sideways{0%,20%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}.chip.invited{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold), 0 0 14px #e0a40099;animation:1.1s ease-in-out infinite alternate invited}@keyframes invited{0%{box-shadow:0 0 0 2px #e0a400,0 0 6px #e0a40059}to{box-shadow:0 0 0 2px #e0a400,0 0 18px #e0a400cc}}#app-invite{text-align:left;background:#ffd66629;border:1px solid #e0a4008c;border-radius:14px;align-items:center;gap:12px;max-width:560px;margin-top:12px;padding:8px 10px 8px 14px;font-size:13px;line-height:1.35;display:flex}#btn-copy-invite{flex:none}#rejoin-row{gap:10px}.rejoin-text{text-align:left;white-space:nowrap;flex-direction:column;margin-right:auto;display:flex}#rejoin-title{font-size:15px}#rejoin-sub{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}#btn-rejoin{font-weight:800}.settings{border:1px solid var(--line);background:var(--card);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-radius:14px;align-items:flex-start;gap:22px;min-height:0;padding:14px 16px;display:flex;overflow-y:auto}.settings,.settings *{touch-action:pan-y}.settings .slider{touch-action:none}.setting .row-label{white-space:nowrap}.settings-group{flex-direction:column;gap:8px;width:310px;min-width:0;display:flex}.setting{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;display:flex}.sens-rows{grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:8px 12px;display:grid}.sens-rows .setting{display:contents}.sens{align-items:center;gap:8px;min-width:0;display:flex}.slider{--pct:0%;touch-action:none;cursor:pointer;flex:auto;min-width:72px;height:30px;position:relative}.slider:before,.slider-fill{content:"";border-radius:2px;height:4px;margin-top:-2px;position:absolute;top:50%;left:0}.slider:before{background:#171a2426;right:0}.slider-fill{width:var(--pct);background:var(--accent2)}.slider-thumb{top:50%;left:var(--pct);width:18px;height:18px;box-shadow:var(--shadow);border:2px solid var(--accent2);background:#fff;border-radius:50%;margin:-9px 0 0 -9px;position:absolute}.sens-value{font-variant-numeric:tabular-nums;text-align:right;width:26px;font-size:13px;font-weight:700}.settings .tips{text-align:left;font-size:12px;line-height:1.4}.settings .error{text-align:left;margin:0;font-size:12px}#perf{z-index:50;top:calc(var(--safe-t) + 6px);right:calc(var(--safe-r) + 12px);font-variant-numeric:tabular-nums;color:#171a24bf;text-shadow:var(--halo);pointer-events:none;font:600 11px/1 ui-monospace,Menlo,Consolas,monospace;position:fixed}#hud:not(.hidden)~#perf{top:calc(var(--safe-t) + 48px * var(--ui));right:calc(var(--safe-r) + 16px * var(--ui))}#start-screen:not(.hidden):has(#btn-fullscreen-menu:not(.hidden))~#perf{top:calc(var(--safe-t) + 48px * var(--ui));right:calc(var(--safe-r) + 16px * var(--ui))}[data-hand=left] #joy-zone{left:auto;right:var(--safe-r)}[data-hand=left] #btn-fire{right:auto;left:calc(var(--safe-l) + 28px)}[data-hand=left] #btn-jump{right:auto;left:calc(var(--safe-l) + 4px)}[data-hand=left] #arms{right:auto;left:calc(var(--safe-l) + 12px);align-items:flex-start}[data-hand=left] #killfeed{left:auto;right:calc(var(--safe-r) + 12px);align-items:flex-end}[data-hand=left] .hud-buttons{right:auto;left:calc(var(--safe-l) + 12px)}[data-hand=left] #scorebar{left:auto;right:calc(var(--safe-r) + 12px)}[data-hand=left] #debug{right:auto;left:calc(var(--safe-l) + 12px)}[data-hand=left] #hud:not(.hidden)~#perf{right:auto;left:calc(var(--safe-l) + 16px * var(--ui))}#start-screen{padding-top:calc(var(--safe-t) + 10px);justify-content:flex-start}#start-screen .menu{align-items:flex-start}#btn-fullscreen-menu{top:calc(var(--safe-t) + 8px);right:calc(var(--safe-r) + 12px);position:absolute}#arms{top:calc(var(--safe-t) + 64px);right:calc(var(--safe-r) + 12px);font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute}#ammo{background:var(--panel);box-shadow:var(--shadow);border:1px solid var(--line);border-radius:10px;grid-template-columns:auto auto;align-items:center;gap:4px 14px;padding:7px 11px 8px;display:grid}.arms-gun{display:block}.arms-gun svg{filter:brightness(0)opacity(.85);width:auto;height:100%;display:block}#ammo-gun{height:20px}.arms-count{justify-self:end;line-height:1}#ammo-mag{font-size:26px;font-weight:800}#ammo-spare{color:var(--muted);margin-left:2px;font-size:12px;font-weight:700}.arms-name{letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--muted);font-size:9px;font-weight:700}#ammo-bar{background:#171a241f;border-radius:2px;justify-self:end;width:64px;height:3px;overflow:hidden}#ammo-bar i{background:var(--fg);width:100%;height:100%;display:block}#ammo.low #ammo-mag{color:var(--warn)}#ammo.low #ammo-bar i{background:var(--warn)}#ammo.empty #ammo-mag{color:#ff4d4d}#ammo.reloading #ammo-mag{opacity:.45}#ammo.reloading #ammo-bar i{background:var(--accent2)}#btn-weapon{background:var(--panel);box-shadow:var(--shadow);border:1px solid var(--line);color:#171a24b8;pointer-events:auto;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;display:flex}#btn-weapon:active{background:var(--panel-solid)}#holster-gun{opacity:.7;height:11px}#holster-name{letter-spacing:.1em;font-size:10px;font-weight:800}#holster-mag{color:var(--muted);font-size:12px;font-weight:700}.arms-swap{color:var(--muted)}#btn-reload{right:calc(var(--safe-r) + 138px);bottom:calc(var(--safe-b) + 34px);background:var(--panel);border:2px solid var(--line-strong);width:58px;height:58px;box-shadow:var(--shadow);color:var(--fg);pointer-events:auto;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}#btn-reload.active,#btn-reload.prompt{border-color:var(--accent2);color:var(--accent2)}#loadout{z-index:5;background:var(--panel-solid);border:1px solid var(--line);pointer-events:auto;border-radius:12px;padding:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 24px #171e3240}.loadout-title{letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;margin:0 2px 8px;font-size:11px;font-weight:800}.loadout-title span{letter-spacing:.02em;text-transform:none;color:var(--muted);font-weight:600}.loadout-pick{gap:8px;display:flex}.loadout-pick button{border:2px solid var(--line);width:150px;color:var(--fg);background:#f2f4f8;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:10px 10px 8px;display:flex}.loadout-pick button b{font-size:14px}.gun-pic{justify-content:center;align-items:center;width:128px;height:52px;display:flex}.gun-pic svg{max-width:100%;max-height:100%}.loadout-pick button[aria-checked=true]{border-color:var(--accent);background:#ffe8f3}[data-hand=left] #btn-reload{right:auto;left:calc(var(--safe-l) + 138px)}[data-hand=left] #btn-primary{order:99}