@import "https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;700&display=swap";:root{--hud-fg:#f4f6f8;--hud-dim:#f4f6f88c;--hud-accent:#c8f560;--hud-warn:#ffb347;--hud-danger:#ff5a4f;--hud-shadow:0 1px 3px #0000008c}*{box-sizing:border-box}html,body{-webkit-user-select:none;user-select:none;background:#111;height:100%;margin:0;font-family:Rajdhani,system-ui,sans-serif;overflow:hidden}#app,canvas{width:100%;height:100%;display:block}.hud{z-index:2;pointer-events:none;color:var(--hud-fg);position:fixed;inset:0}.hidden{opacity:0!important}.crosshair{--gap:8px;transition:opacity .1s;position:absolute;top:50%;left:50%}.crosshair .ch{background:#fff;transition:transform 50ms linear;position:absolute;box-shadow:0 0 0 1px #00000073}.ch-top,.ch-bottom{width:2px;height:9px;left:-1px}.ch-left,.ch-right{width:9px;height:2px;top:-1px}.ch-top{transform:translateY(calc(-1 * var(--gap)));bottom:0}.ch-bottom{transform:translateY(var(--gap));top:0}.ch-left{transform:translateX(calc(-1 * var(--gap)));right:0}.ch-right{transform:translateX(var(--gap));left:0}.ch-dot{background:#fff;width:2px;height:2px;position:absolute;top:-1px;left:-1px}.ch-ring{width:calc(2 * var(--gap) + 6px);height:calc(2 * var(--gap) + 6px);border:2px solid #ffffffe6;border-radius:50%;display:none;position:absolute;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000059,inset 0 0 0 1px #00000059}.crosshair.round .ch{display:none}.crosshair.round .ch-ring{display:block}.overlay{background:linear-gradient(90deg,#080a0e8c 0%,#080a0e40 35%,#080a0e1a 100%);transition:opacity .2s;display:flex;position:absolute;inset:0}.overlay.hidden{display:none}.pause-panel{box-sizing:border-box;cursor:default;pointer-events:auto;background:#0a0c11e6;border-right:1px solid #ffffff24;flex-direction:column;gap:28px;width:min(280px,82vw);padding:22px 18px;animation:.22s cubic-bezier(.3,.9,.3,1) pause-in;display:flex;box-shadow:12px 0 40px #00000059}@keyframes pause-in{0%{transform:translate(-100%)}to{transform:none}}.pause-name{background:#ffffff0a;border:1px solid #ffffff2e;border-radius:6px;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;display:flex}.pause-name small{letter-spacing:.18em;text-transform:uppercase;color:var(--hud-dim);font-size:11px}.pause-name b{letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:20px;overflow:hidden}.pause-actions{flex-direction:column;gap:8px;display:flex}.pause-panel button{all:unset;box-sizing:border-box;cursor:pointer;text-align:center;letter-spacing:.05em;background:#ffffff0d;border:1px solid #ffffff38;border-radius:6px;width:100%;padding:10px 14px;font-size:18px;font-weight:700;transition:border-color .12s,background .12s,color .12s}.pause-panel button:hover,.pause-panel button:focus-visible{border-color:var(--hud-accent);color:var(--hud-accent);background:#c8f5601a}.pause-foot{flex-direction:column;gap:10px;margin-top:auto;display:flex}.pause-hint{color:var(--hud-dim);text-align:center;margin:0;font-size:13px}.pause-panel .pause-exit{color:#ff8b82;border-color:#ff5a4f73}.pause-panel .pause-exit:hover,.pause-panel .pause-exit:focus-visible{border-color:var(--hud-danger);color:#fff;background:#ff5a4f47}kbd{text-align:center;background:#ffffff14;border:1px solid #ffffff59;border-radius:4px;min-width:64px;margin-right:8px;padding:2px 8px;font-family:inherit;font-weight:700;display:inline-block}@keyframes pulse{50%{opacity:.45}}.fatal{color:#f66;white-space:pre-wrap;padding:24px;font-family:monospace}:root{--tier-1:#9aa3ad;--tier-2:#5fbf4a;--tier-3:#3d8bff;--tier-4:#a35cff;--tier-5:#ffb02e}.tier-1{--tier:var(--tier-1)}.tier-2{--tier:var(--tier-2)}.tier-3{--tier:var(--tier-3)}.tier-4{--tier:var(--tier-4)}.tier-5{--tier:var(--tier-5)}.scope{opacity:0;pointer-events:none;transition:opacity 80ms;position:absolute;inset:0}.scope.on{opacity:1}.scope-lens{background:radial-gradient(circle,#0000 0 min(36vh,36vw),#000000eb calc(min(36vh,36vw) + 2px),#000 100%);position:absolute;inset:0}.scope-lens i{background:#000;position:absolute}.scope-lens .h{height:2px;margin-top:-1px;top:50%;left:0;right:0}.scope-lens .v{width:2px;margin-left:-1px;top:0;bottom:0;left:50%}.scope-lens .dot{background:#ff3b2f;border-radius:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;top:50%;left:50%}.blind{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.prompt{opacity:0;text-shadow:var(--hud-shadow);letter-spacing:.06em;white-space:nowrap;background:#0a0c108c;border-radius:6px;padding:6px 14px;font-size:15px;font-weight:700;transition:opacity .15s,transform .15s;position:absolute;bottom:22%;left:50%;transform:translate(-50%,6px)}.prompt.on{opacity:1;transform:translate(-50%)}.prompt kbd{min-width:22px;margin:0 4px}.overlay-status{color:var(--hud-dim);text-align:center;margin:0;font-size:13px}.overlay-status b{color:var(--hud-fg)}.overlay-status .server{color:var(--hud-accent)}.overlay-status .local{color:var(--hud-warn)}.inspect{opacity:0;pointer-events:none;will-change:transform, opacity;position:absolute;top:0;left:0}.inspect:not(.on){display:none}.inspect-bob{align-items:center;gap:2px;animation:1.6s ease-in-out infinite inspect-bob;display:flex;transform:translate(-50%,-50%)}.inspect-gif{aspect-ratio:16/9;object-fit:contain;filter:drop-shadow(0 3px 6px #00000073);width:clamp(110px,20vh,190px);height:auto;image-rendering:pixelated}.inspect-num{text-shadow:0 2px 8px #0009,0 0 2px #000c;align-items:baseline;gap:6px;display:flex}.inspect-num b{color:#fff;font-variant-numeric:tabular-nums;font-size:clamp(44px,9vh,80px);font-weight:700;line-height:1}.inspect-num span{color:#ffffffb3;font-size:clamp(20px,3.6vh,32px);font-weight:700}.inspect-bob{position:relative}.inspect-att{flex-wrap:wrap;justify-content:center;gap:4px;width:max-content;max-width:340px;margin:0;padding:0;list-style:none;display:flex;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}.inspect-att:empty{display:none}.inspect-att li{letter-spacing:.02em;color:#e9f5c9;text-shadow:0 1px 2px #0009;background:#0a0e088c;border:1px solid #c8f07859;border-radius:4px;padding:3px 8px;font-size:12px;font-weight:600}@keyframes inspect-bob{0%,to{translate:0}50%{translate:0 -6px}}.focus-tunnel{--f:0;pointer-events:none;opacity:min(1, calc(var(--f) * 1.6));background:radial-gradient(ellipse 75% 85% at 50% 50%, transparent calc(62% - 30% * var(--f)), rgba(4, 6, 10, calc(.25 + .35 * var(--f))) calc(82% - 22% * var(--f)), rgba(2, 3, 6, calc(.55 + .35 * var(--f))) 100%);position:absolute;inset:0}.hurt{pointer-events:none;opacity:0;background:radial-gradient(70% 70%,#0000 45%,#8c000059 75%,#780000bf 100%);position:absolute;inset:0}.purse{color:var(--hud-fg);text-shadow:var(--hud-shadow);flex-direction:column;align-items:flex-end;gap:2px;display:flex;position:absolute;bottom:24px;right:28px}.purse.hidden{display:none}.purse-ammo{letter-spacing:.04em;font-size:26px;font-weight:700}.purse-money{color:var(--hud-accent);font-size:22px;font-weight:700}.purse-pop{color:var(--hud-accent);font-size:20px;font-weight:700;animation:1.2s ease-out forwards purse-pop;position:absolute;bottom:30px;right:0}@keyframes purse-pop{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-46px)}}.hitmark{opacity:0;pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.hitmark i{background:#fff;width:9px;height:2px;position:absolute;box-shadow:0 0 2px #000c}.hitmark i:first-child{transform:translate(-14px,-12px)rotate(45deg)}.hitmark i:nth-child(2){transform:translate(5px,-12px)rotate(-45deg)}.hitmark i:nth-child(3){transform:translate(-14px,10px)rotate(-45deg)}.hitmark i:nth-child(4){transform:translate(5px,10px)rotate(45deg)}.hitmark.head i{background:#ffd23f;width:11px}.hitmark.kill i{background:var(--hud-danger);width:12px;height:3px}.dmg-dir{pointer-events:none;opacity:0;width:220px;height:220px;margin:-110px 0 0 -110px;position:absolute;top:50%;left:50%}.dmg-dir svg{filter:drop-shadow(0 0 6px #ff1e14b3);width:100%;height:100%;overflow:visible}.dmg-dir path{fill:#dc140fe6}.wave-banner{opacity:0;pointer-events:none;text-shadow:0 2px 10px #0009;flex-direction:column;align-items:center;transition:opacity .35s,transform .35s;display:flex;position:absolute;top:14%;left:50%;transform:translate(-50%,-8px)}.wave-banner.on{opacity:1;transform:translate(-50%)}.wave-banner b{letter-spacing:.25em;color:#f2f2f2;font-size:clamp(36px,7vh,64px)}.wave-banner span{letter-spacing:.15em;color:#d65a4a;text-transform:uppercase;font-size:clamp(14px,2.4vh,20px);font-weight:700}.overlay-status .loading{color:var(--hud-accent);animation:1s ease-in-out infinite alternate pulse-loading}@keyframes pulse-loading{0%{opacity:.45}to{opacity:1}}:root{--team-green:#5fd35a;--team-blue:#4d9bff}.online-hud{pointer-events:none;color:var(--hud-fg);text-shadow:var(--hud-shadow);position:absolute;inset:0}.online-hud .green{color:var(--team-green)}.online-hud .blue{color:var(--team-blue)}.ol-scorebar{letter-spacing:.06em;align-items:center;gap:18px;font-weight:700;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.ol-scorebar .team{text-transform:uppercase;min-width:90px;font-size:15px}.ol-scorebar .team.green{text-align:right}.ol-scorebar .team b{vertical-align:-3px;color:var(--hud-fg);margin:0 4px;font-size:26px}.ol-scorebar .clock{font-variant-numeric:tabular-nums;background:#0a0c1073;border-radius:8px;flex-direction:column;align-items:center;min-width:110px;padding:4px 14px;font-size:20px;display:flex}.ol-scorebar .clock small{letter-spacing:.1em;color:var(--hud-dim);text-transform:uppercase;font-size:10px;font-weight:500}.ol-feed{flex-direction:column;align-items:flex-end;gap:4px;font-size:13px;display:flex;position:absolute;top:16px;right:18px}.ol-kill{background:#0a0c1080;border-radius:5px;padding:3px 9px;transition:opacity .6s}.ol-kill.mine{outline:1px solid #ffffff73}.ol-kill.fade{opacity:0}.ol-kill span{color:var(--hud-dim);margin:0 4px}.ol-kill em{color:var(--hud-danger);margin-left:4px;font-style:normal;font-weight:700}.ol-hitmarker{opacity:0;width:0;height:0;position:absolute;top:50%;left:50%}.ol-hitmarker i{background:#fff;width:9px;height:2px;position:absolute;box-shadow:0 0 2px #000c}.ol-hitmarker i:first-child{transform:translate(-14px,-12px)rotate(45deg)}.ol-hitmarker i:nth-child(2){transform:translate(5px,-12px)rotate(-45deg)}.ol-hitmarker i:nth-child(3){transform:translate(-14px,10px)rotate(-45deg)}.ol-hitmarker i:nth-child(4){transform:translate(5px,10px)rotate(45deg)}.ol-hitmarker.head i{background:#ffd23f;width:11px}.ol-hitmarker.kill i{background:var(--hud-danger);width:12px;height:3px}.ol-tags{position:absolute;inset:0;overflow:hidden}.ol-tag{white-space:nowrap;will-change:transform;background:#0a0c1073;border-radius:4px;padding:1px 6px;font-size:12px;font-weight:700;position:absolute;top:0;left:0}.ol-tag[data-team=green]{color:var(--team-green)}.ol-tag[data-team=blue]{color:var(--team-blue)}.ol-hp{align-items:center;gap:10px;display:flex;position:absolute;bottom:22px;left:22px}.ol-hp span{font-variant-numeric:tabular-nums;min-width:44px;font-size:26px;font-weight:800}.ol-hp b{background:var(--hud-fg);border-radius:3px;width:100%;max-width:160px;height:6px;transition:width .15s;display:block}.ol-hp:after{content:"";z-index:-1;background:#ffffff26;border-radius:3px;width:160px;height:6px;position:absolute;left:54px}.ol-hp.low span,.ol-hp.low b{color:var(--hud-danger);background-color:var(--hud-danger)}.ol-hp.low span{background:0 0}.ol-death{text-align:center;background:#2806068c;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:16px 26px;display:flex;position:absolute;top:32%;left:50%;transform:translate(-50%)}.ol-death>b{letter-spacing:.2em;color:var(--hud-danger);font-size:30px}.ol-death small{color:var(--hud-dim);letter-spacing:.08em}.ol-death.hidden,.ol-board.hidden{display:none}.ol-result{text-align:center;pointer-events:none;text-shadow:0 4px 24px #0009,0 2px 4px #0009;flex-direction:column;align-items:center;gap:6px;display:none;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.ol-result.on{display:flex}.ol-result b{letter-spacing:.16em;font-size:clamp(56px,11vh,120px);font-weight:700;line-height:1;animation:.45s cubic-bezier(.2,.9,.3,1.3) ol-result-in}.ol-result small{letter-spacing:.08em;color:var(--hud-fg);background:#0a0c108c;border-radius:6px;padding:4px 14px;font-size:18px}.ol-result.win b{color:var(--hud-accent)}.ol-result.lose b{color:var(--hud-danger)}.ol-result.draw b{color:var(--hud-warn)}.ol-result.count b{color:#fff;font-size:clamp(90px,18vh,180px);animation:1s ease-out ol-count}.ol-result.go b{color:var(--hud-accent);animation:.3s ease-out ol-result-in}@keyframes ol-result-in{0%{opacity:0;transform:scale(1.6)}to{opacity:1;transform:none}}@keyframes ol-count{0%{opacity:0;transform:scale(1.8)}20%{opacity:1;transform:scale(1)}to{opacity:.85;transform:scale(.9)}}.ol-protect{letter-spacing:.14em;color:#bfe8ff;background:#286ea059;border:1px solid #a0dcff80;border-radius:999px;padding:3px 12px;font-size:13px;font-weight:700;display:none;position:absolute;top:calc(50% + 46px);left:50%;transform:translate(-50%)}.ol-protect.on{display:block}.ol-board{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0e12d1;border-radius:14px;min-width:min(680px,100vw - 32px);padding:18px 22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ol-board .cols{grid-template-columns:1fr 1fr;gap:22px;display:grid}.ol-board h4{text-transform:uppercase;letter-spacing:.1em;margin:0 0 8px;font-size:16px}.ol-board .green h4{color:var(--team-green)}.ol-board .blue h4{color:var(--team-blue)}.ol-board h4 b{float:right;color:var(--hud-fg);font-size:22px}.ol-board table{border-collapse:collapse;width:100%;font-size:14px}.ol-board th{text-align:left;color:var(--hud-dim);text-transform:uppercase;padding-bottom:4px;font-size:11px;font-weight:500}.ol-board td{border-top:1px solid #ffffff14;padding:4px 0}.ol-board td:not(:first-child),.ol-board th:not(:first-child){text-align:right;width:40px}.ol-board tr.me td{color:var(--hud-accent);font-weight:700}.ol-board tr.dead td{opacity:.5}.ol-board p{text-align:right;color:var(--hud-dim);margin:12px 0 0;font-size:11px}.online-menu{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--hud-fg);background:radial-gradient(#0a0c108c,#0a0c10e6);place-items:center;padding:16px;display:grid;position:absolute;inset:0}.online-menu.hidden{display:none}.om-card{flex-direction:column;gap:12px;width:min(460px,100%);display:flex}.om-card h2{letter-spacing:.22em;text-align:center;margin:0;font-size:30px}.om-card h3{letter-spacing:.16em;text-transform:uppercase;color:var(--hud-dim);margin:6px 0 0;font-size:12px}.om-sub{text-align:center;color:var(--hud-dim);margin:-6px 0 4px}.om-name{letter-spacing:.12em;text-transform:uppercase;color:var(--hud-dim);flex-direction:column;gap:6px;font-size:12px;display:flex}.om-name input{font:inherit;text-transform:none;letter-spacing:normal;color:var(--hud-fg);background:#ffffff12;border:1px solid #fff3;border-radius:8px;outline:none;padding:10px 12px;font-size:18px}.om-name input:focus{border-color:var(--hud-accent)}.om-modes{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.online-menu button{font:inherit;color:var(--hud-fg);cursor:pointer;background:#ffffff12;border:1px solid #fff3;border-radius:8px;padding:10px 12px;font-weight:700}.online-menu button:hover:not(:disabled){background:#ffffff26}.online-menu button:disabled{opacity:.4;cursor:default}.om-modes button.on{border-color:var(--hud-accent);color:var(--hud-accent);background:#c8f5601f}.om-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.online-menu button.primary{background:var(--hud-accent);color:#10140a;border-color:var(--hud-accent)}.online-menu button.primary:hover{background:#d8ff7a}.om-list{flex-direction:column;gap:6px;max-height:220px;display:flex;overflow-y:auto}.om-room{background:#ffffff0d;border-radius:8px;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:8px 10px;display:grid}.om-room span{color:var(--hud-dim);font-size:13px}.om-room button{padding:6px 12px}.om-empty{color:var(--hud-dim);margin:0;font-size:13px}.om-status{text-align:center;min-height:1.2em;color:var(--hud-dim);margin:0}.om-status.error{color:var(--hud-danger)}.online-menu .om-back{color:var(--hud-dim);background:0 0;border:none;font-weight:500}.hud.customizing .crosshair,.hud.customizing .focus-tunnel{opacity:0!important}.om-modes{grid-template-columns:repeat(5,1fr)}.om-modes button{padding:10px 4px;font-size:13px}.om-mode-desc{min-height:2.4em;color:var(--hud-dim);margin:-4px 0 0;font-size:12px}.om-room{grid-template-columns:auto 1fr auto auto}.om-tag{background:#ffffff1a;border-radius:999px;justify-self:start;padding:2px 7px;font-size:11px;font-style:normal;font-weight:700}.om-tag[data-mode=ffa]{color:#ffc477;background:#ffb34733}.om-tag[data-mode=gungame]{color:var(--hud-accent);background:#c8f56029}.ol-gg{background:#0a0c1080;border-radius:8px;padding:6px 14px;font-size:14px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.ol-gg b{color:var(--hud-accent)}.ol-gg.hidden{display:none}.ol-board .cols.single{grid-template-columns:1fr}.ol-scorebar .team small{letter-spacing:.1em;color:var(--hud-dim);text-transform:uppercase;font-size:10px;font-weight:500;display:block}.ol-scorebar .team.lead{text-align:right;color:#ffc477}.ol-scorebar .team.you{color:var(--hud-accent)}.main-menu{z-index:40;color:var(--hud-fg);background:radial-gradient(55% 75% at 68% 55%,#3c4e6859,#0000 70%),linear-gradient(100deg,#080a0e 0%,#0a0c11 45%,#0c0f15 100%);flex-direction:column;font-family:Rajdhani,system-ui,sans-serif;display:none;position:fixed;inset:0}.main-menu.on{animation:.35s ease-out mm-in;display:flex}.main-menu.dim{z-index:6}.main-menu.dim>*{visibility:hidden}@keyframes mm-in{0%{opacity:0}to{opacity:1}}.mm-top{background:#ffffff08;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:16px;padding:14px 28px;display:flex}.mm-name{align-items:center;gap:12px;display:flex}.mm-name span{letter-spacing:.18em;text-transform:uppercase;color:var(--hud-dim);font-size:13px}.mm-name input{letter-spacing:.04em;width:220px;max-width:46vw;color:var(--hud-fg);background:#ffffff0f;border:1px solid #fff3;border-radius:6px;outline:none;padding:7px 12px;font:700 20px/1 Rajdhani,system-ui,sans-serif;transition:border-color .15s,background .15s}.mm-name input:focus{border-color:var(--hud-accent);background:#c8f56014}.mm-name input::placeholder{color:#f4f6f84d}.mm-brand{-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 6px #00000080);width:auto;height:34px;display:block}.mm-body{flex:1;min-height:0;position:relative;overflow:hidden}.mm-stage,.mm-soldier{position:absolute;inset:0}.mm-soldier-canvas{width:100%;height:100%;display:block}.mm-actions{z-index:1;box-sizing:border-box;flex-direction:column;justify-content:center;gap:14px;width:min(34%,420px);min-width:260px;padding:0 0 0 clamp(24px,6vw,96px);transition:transform .45s cubic-bezier(.5,0,.2,1),opacity .35s;display:flex;position:absolute;top:0;bottom:0;left:0}.mm-actions button{all:unset;box-sizing:border-box;cursor:pointer;background:#0a0c108c;border:1px solid #ffffff38;border-radius:6px;flex-direction:column;gap:2px;width:min(320px,100%);padding:12px 18px;transition:transform .12s,border-color .12s,background .12s;display:flex}.mm-actions button span{letter-spacing:.06em;font-size:24px;font-weight:700}.mm-actions button small{color:var(--hud-dim);letter-spacing:.04em;font-size:13px}.mm-actions button:hover,.mm-actions button:focus-visible{border-color:var(--hud-accent);background:#c8f5601a;transform:translate(6px)}.mm-actions button:hover span,.mm-actions button:focus-visible span{color:var(--hud-accent)}.mm-actions button:nth-child(2){transition-delay:40ms}.mm-actions button:nth-child(3){transition-delay:80ms}.main-menu.online .mm-actions{opacity:0;pointer-events:none;transform:translate(-110%)}.mm-weapon{text-align:right;pointer-events:none;text-shadow:var(--hud-shadow);transition:opacity .3s;position:absolute;bottom:28px;right:clamp(16px,4vw,56px)}.mm-weapon small{letter-spacing:.2em;text-transform:uppercase;color:var(--hud-dim);font-size:12px;display:block}.mm-weapon b{letter-spacing:.06em;color:var(--hud-accent);font-size:26px}.main-menu.online .mm-weapon{opacity:0}.mm-servers{z-index:2;box-sizing:border-box;opacity:0;pointer-events:none;background:#0c0f15db;border:1px solid #ffffff29;border-radius:10px;flex-direction:column;gap:12px;width:min(56%,760px);padding:0 0 14px;transition:transform .5s cubic-bezier(.3,.9,.3,1) 80ms,opacity .35s 80ms;display:flex;position:absolute;top:24px;bottom:24px;right:clamp(16px,3vw,40px);transform:translate(calc(100% + 60px));box-shadow:0 20px 60px #00000073}.main-menu.online .mm-servers{opacity:1;pointer-events:auto;transform:none}.mm-servers-head{border-bottom:1px solid #ffffff1f;align-items:center;gap:12px;padding:10px 12px 10px 18px;display:flex}.mm-servers-head b{letter-spacing:.14em;text-transform:uppercase;font-size:18px}.mm-servers-count{color:var(--hud-dim);flex:1;font-size:13px}.mm-servers button{all:unset;box-sizing:border-box;cursor:pointer;text-align:center;background:#ffffff0f;border:1px solid #fff3;border-radius:6px;padding:8px 12px;font-weight:700;transition:background .12s,border-color .12s,color .12s}.mm-servers button:hover:not(:disabled){background:#ffffff24}.mm-servers button:disabled{opacity:.4;cursor:default}.mm-servers button.on{border-color:var(--hud-accent);color:var(--hud-accent);background:#c8f5601f}.mm-servers button.primary{background:var(--hud-accent);color:#10140a;border-color:var(--hud-accent)}.mm-servers button.primary:hover{background:#d8ff7a}.mm-servers .mm-servers-close{flex:none;place-items:center;width:36px;height:30px;font-size:20px;line-height:1;display:inline-grid;padding:0!important}.mm-servers-modes,.mm-servers-actions{gap:6px;padding:0 18px;display:grid}.mm-servers-modes{grid-template-columns:repeat(5,1fr)}.mm-servers-actions{grid-template-columns:1fr 1fr}.mm-servers-list{flex-direction:column;flex:1;gap:6px;min-height:0;padding:4px 18px;display:flex;overflow-y:auto}.mm-room{background:#ffffff0d;border:1px solid #0000;border-radius:8px;grid-template-columns:minmax(0,1fr) auto 70px auto auto;align-items:center;gap:12px;padding:9px 12px;display:grid}.mm-room:hover{border-color:#ffffff24}.mm-room b{text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.mm-room>span{color:var(--hud-dim);white-space:nowrap;font-size:13px}.mm-room-fill{background:#ffffff1f;border-radius:3px;height:5px;overflow:hidden}.mm-room-fill i{background:var(--hud-accent);transform-origin:0;height:100%;display:block}.mm-room.full .mm-room-fill i{background:var(--hud-warn)}.mm-servers-empty{text-align:center;color:var(--hud-dim);margin:auto 0}.mm-servers-status{min-height:1.2em;color:var(--hud-dim);margin:0;padding:0 18px;font-size:13px}.mm-servers-status.error{color:var(--hud-danger)}@media (width<=720px){.mm-top{padding:10px 16px}.mm-brand{display:none}.mm-name input{width:100%}.mm-actions{justify-content:flex-end;align-items:stretch;width:100%;min-width:0;padding:16px;top:auto}.mm-actions button{width:100%}.mm-weapon{top:12px;bottom:auto}.mm-servers{width:auto;inset:12px}.mm-servers-modes{grid-template-columns:repeat(3,1fr)}.mm-room{grid-template-columns:minmax(0,1fr) auto auto}.mm-room-fill,.mm-room .om-tag{display:none}}.arsenal-wheel{--aw-glass:#12161e8c;--aw-line:#ffffff24;--aw-ease:cubic-bezier(.2, .9, .25, 1.12);z-index:6;pointer-events:auto;color:var(--hud-fg);-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(14px)saturate(1.2)brightness(.78);background:radial-gradient(circle,#1e243040,#06080c8c);display:none;position:fixed;inset:0;overflow:hidden}.arsenal-wheel.visible{animation:.2s ease-out both aw-fade;display:block}.arsenal-wheel.closing{animation:.16s ease-in both aw-fade-out}.arsenal-wheel.closing .aw-stage{opacity:0;transform:scale(.9)}.aw-stage{width:0;height:0;transition:transform .16s ease-in,opacity .16s ease-in;position:absolute;top:50%;left:50%}.aw-status{color:var(--hud-dim);letter-spacing:.08em;font-size:12px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}@keyframes aw-fade{0%{opacity:0}to{opacity:1}}@keyframes aw-fade-out{to{opacity:0}}.aw-piece{left:var(--x);top:var(--y);animation:aw-pop .34s var(--aw-ease) both;animation-delay:var(--d,0s);position:absolute;transform:translate(-50%,-50%)}@keyframes aw-pop{0%{opacity:0;transform:translate(calc(-50% - var(--x) * .9), calc(-50% - var(--y) * .9)) scale(.2)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.static>.aw-piece{animation:none}.aw-ring{pointer-events:none;position:absolute;top:0;left:0;overflow:visible;transform:translate(-50%,-50%)}.aw-ring-glow{fill:none;stroke:#c8f5601f;stroke-width:1px;transform-box:view-box;transform-origin:50%;animation:aw-ring-in .42s var(--aw-ease) both}.aw-sector{fill:var(--aw-glass);stroke:var(--aw-line);stroke-width:1.2px;pointer-events:auto;transform-box:view-box;transform-origin:50%;animation:aw-sector-in .4s var(--aw-ease) both;animation-delay:var(--d);transition:fill .12s,stroke .12s}.aw-sector.hover{fill:#c8f56021;stroke:#c8f560b3}@keyframes aw-sector-in{0%{opacity:0;transform:scale(.35)rotate(-28deg)}to{opacity:1;transform:none}}@keyframes aw-ring-in{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:none}}.aw-center{text-align:center;border:1px solid var(--aw-line);pointer-events:none;background:radial-gradient(circle at 50% 35%,#3c4452bf,#10131ad9);border-radius:50%;place-items:center;display:grid;box-shadow:0 0 0 6px #ffffff08,inset 0 0 30px #0006}.aw-center[class*=tier-]{border-color:var(--tier);box-shadow:0 0 0 6px color-mix(in srgb, var(--tier) 14%, transparent), inset 0 0 30px #0006}.aw-center-inner{flex-direction:column;align-items:center;gap:2px;width:82%;animation:.14s ease-out aw-fade;display:flex}.aw-center-idle b{letter-spacing:.22em;font-size:20px}.aw-center-idle span{color:var(--hud-dim);max-width:120px;font-size:12px;line-height:1.2}.aw-center-idle kbd{min-width:26px;margin:6px 0 0}.aw-center-gif{aspect-ratio:16/9;border-radius:10px;width:64%;height:auto}.aw-center-name{font-size:16px;line-height:1.05}.aw-center-tags{color:var(--hud-dim);letter-spacing:.04em;font-size:10px}.aw-tier{background:var(--tier);color:#111;letter-spacing:.06em;border-radius:3px;padding:0 6px;font-size:10px;font-weight:700}.aw-bars{flex-direction:column;gap:2px;width:86%;margin-top:3px;display:flex}.aw-bar{color:var(--hud-dim);text-align:left;grid-template-columns:52px 1fr;align-items:center;gap:4px;font-size:9px;display:grid}.aw-bar b{background:#ffffff1f;border-radius:2px;height:3px;overflow:hidden}.aw-bar i{background:var(--tier,var(--hud-accent));transform-origin:0;height:100%;display:block}.aw-gif{width:var(--c,60px);height:var(--c,60px);background:radial-gradient(circle at 50% 42%,#707887 0%,#3b414c 70%,#2b3038 100%);border-radius:50%;flex:none;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f}.aw-gif img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block;transform:scale(1.18)}.aw-gif.aw-empty{box-shadow:inset 0 0 0 1px dashed #fff3;background:#ffffff0d}.aw-slot{pointer-events:none;text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.aw-slot-label{letter-spacing:.18em;text-transform:uppercase;color:var(--hud-dim);font-size:11px;font-weight:700}.aw-slot-gif{--c:var(--g);box-shadow:inset 0 0 0 2px var(--tier,#ffffff26)}.aw-slot-name{white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:15px;font-weight:700;line-height:1.05;overflow:hidden}.aw-slot.flash .aw-slot-gif,.aw-throw-slot.flash .aw-gif{animation:.45s ease-out aw-flash}@keyframes aw-flash{0%{transform:scale(1.12);box-shadow:inset 0 0 0 2px #fff,0 0 #c8f560cc}to{box-shadow:inset 0 0 0 2px var(--tier), 0 0 0 16px #c8f56000;transform:none}}.aw-bands{position:absolute;top:0;left:0}.aw-band-svg{pointer-events:none;position:absolute;top:0;left:0;overflow:visible;transform:translate(-50%,-50%)}.aw-band{fill:none;stroke:var(--aw-glass);stroke-linecap:round;pointer-events:stroke;stroke-dasharray:1;stroke-dashoffset:1px;filter:drop-shadow(0 0 1px #ffffff40);animation:.3s cubic-bezier(.3,.8,.3,1) forwards aw-draw}.aw-band-weapons{stroke:#0e111899;animation-delay:30ms}@keyframes aw-draw{to{stroke-dashoffset:0}}.aw-band-layer{position:absolute;top:0;left:0}.aw-leaving{pointer-events:none;animation:.15s ease-out forwards aw-fade-out}.aw-leaving *{animation:none!important}.aw-leaving .aw-band{stroke-dashoffset:0}.aw-swap .aw-option{animation-duration:.18s}.aw-swap .aw-band{animation-duration:.18s;animation-delay:0s}.aw-option{cursor:pointer;border-radius:50%;animation-name:aw-pop-local;animation-duration:.28s}@keyframes aw-pop-local{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.aw-option .aw-gif{box-shadow:inset 0 0 0 2px var(--tier,#fff3);transition:transform .12s var(--aw-ease), box-shadow .12s}.aw-option:hover .aw-gif{box-shadow:inset 0 0 0 2px #fff, 0 0 16px var(--tier,#ffffff4d);transform:scale(1.14)}.aw-option.selected .aw-gif{box-shadow:inset 0 0 0 3px var(--hud-accent), 0 0 14px #c8f56073}.aw-cat .aw-gif{--c:inherit;box-shadow:inset 0 0 0 2px #ffffff40}.aw-cat.active .aw-gif{box-shadow:inset 0 0 0 3px var(--hud-accent)}.aw-cat-label{white-space:nowrap;letter-spacing:.08em;text-transform:uppercase;color:var(--hud-dim);opacity:0;font-size:10px;font-weight:700;transition:opacity .12s;position:absolute;top:100%;left:50%;transform:translate(-50%,2px)}.aw-cat:hover .aw-cat-label,.aw-cat.active .aw-cat-label{opacity:1;color:var(--hud-fg)}.aw-throw-slot{cursor:pointer;flex-direction:column;align-items:center;display:flex}.aw-throw-slot .aw-gif{box-shadow:inset 0 0 0 2px var(--tier,#fff3)}.aw-throw-slot:hover .aw-gif{box-shadow:inset 0 0 0 2px #fff}.aw-throw-label{letter-spacing:.14em;text-transform:uppercase;color:var(--hud-dim);white-space:nowrap;margin-top:4px;font-size:11px;font-weight:700;position:absolute;top:100%}.aw-square{width:var(--q);height:var(--q);background:#ffffff08;border:1px dashed #ffffff2e;border-radius:6px}.aw-square.filled{background:radial-gradient(circle at 50% 40%,#666e7c,#353a44);border:1px solid #ffffff4d}.aw-square img{object-fit:contain;pointer-events:none;width:100%;height:100%;transform:scale(1.3)}.aw-minus{all:unset;cursor:pointer;color:#fff;background:#d8433a;border-radius:50%;place-items:center;width:16px;height:16px;font-size:13px;font-weight:700;line-height:1;transition:transform .1s;display:grid;position:absolute;top:-7px;right:-7px;box-shadow:0 1px 3px #00000080}.aw-minus:hover{transform:scale(1.2)}.aw-from-slot{animation-name:aw-pop-slot}@keyframes aw-pop-slot{0%{opacity:0;transform:translate(calc(-50% + var(--ox)), -50%) scale(.3)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.aw-plus{background:var(--hud-accent);color:#111;border-radius:3px;padding:0 4px;font-size:11px;font-weight:700;position:absolute;bottom:-4px;right:-4px}.arsenal-wheel.compact .aw-bars{display:none}.arsenal-wheel.compact .aw-center-name{font-size:14px}.settings-menu{z-index:7;pointer-events:auto;color:var(--hud-fg);-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(14px)saturate(1.2)brightness(.75);background:radial-gradient(circle at 50% 40%,#1e24304d,#06080c99);place-items:center;display:none;position:fixed;inset:0}.settings-menu.open{animation:.18s ease-out both st-fade;display:grid}.settings-menu.open .st-panel{animation:.26s cubic-bezier(.2,.9,.25,1.08) both st-rise}@keyframes st-fade{0%{opacity:0}}@keyframes st-rise{0%{opacity:0;transform:translateY(14px)scale(.97)}}.st-panel{background:#10131ad1;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;width:min(620px,100vw - 32px);max-height:calc(100vh - 32px);display:flex;box-shadow:0 20px 60px #00000073}.st-head{justify-content:space-between;align-items:center;padding:18px 22px 8px;display:flex}.st-head h2{letter-spacing:.2em;margin:0;font-size:26px}.st-head kbd{min-width:40px;margin:0}.st-body{scrollbar-width:thin;scrollbar-color:#fff3 transparent;padding:4px 22px 10px;overflow-y:auto}.st-body section{border-top:1px solid #ffffff0f;padding:8px 0 6px}.st-body section:first-child{border-top:0}.st-body h3{letter-spacing:.2em;text-transform:uppercase;color:var(--hud-accent);margin:6px 0;font-size:12px}.st-row{grid-template-columns:190px 1fr auto;align-items:center;gap:14px;padding:7px 0;display:grid}.st-label{flex-direction:column;font-size:15px;font-weight:700;display:flex}.st-label small{color:var(--hud-dim);font-size:11px;font-weight:500}.st-row output{text-align:right;font-variant-numeric:tabular-nums;min-width:48px;color:var(--hud-accent);font-weight:700}.st-row:has(.st-seg){grid-template-columns:190px 1fr}.st-row input[type=range]{width:100%;accent-color:var(--hud-accent);cursor:pointer}.st-seg{flex-wrap:wrap;gap:4px;display:flex}.st-seg button{all:unset;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:700;transition:background .1s,border-color .1s}.st-seg button:hover{background:#ffffff1f}.st-seg button.on{border-color:var(--hud-accent);color:var(--hud-accent);background:#c8f56029}.st-seg button:focus-visible,.st-btn:focus-visible{outline:2px solid var(--hud-accent);outline-offset:2px}.st-foot{border-top:1px solid #ffffff0f;justify-content:space-between;gap:10px;padding:12px 22px 18px;display:flex}.st-btn{all:unset;cursor:pointer;letter-spacing:.08em;background:var(--hud-accent);color:#111;border-radius:6px;padding:9px 20px;font-weight:700}.st-btn.ghost{color:var(--hud-dim);background:0 0;border:1px solid #ffffff26}.st-btn.ghost:hover{color:var(--hud-fg);border-color:#ffffff59}@media (width<=560px){:is(.st-row,.st-row:has(.st-seg)){grid-template-columns:1fr;gap:6px}.st-row output{text-align:left}}.overlay-actions{justify-content:center;margin-top:22px;display:flex}.overlay-btn{all:unset;pointer-events:auto;cursor:pointer;letter-spacing:.1em;color:var(--hud-fg);background:#ffffff14;border:1px solid #ffffff4d;border-radius:6px;padding:10px 22px;font-weight:700}.overlay-btn:hover{border-color:var(--hud-accent);background:#ffffff29}.overlay.hidden .overlay-btn{pointer-events:none}.att-editor{z-index:30;pointer-events:none;color:var(--hud-fg);font-family:Rajdhani,system-ui,sans-serif;position:fixed;inset:0}.att-editor.hidden{display:none}.att-lines{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.att-line{stroke:#f4f6f8bf;stroke-width:1.5px;filter:drop-shadow(0 1px 2px #0009)}.att-dot{fill:var(--hud-accent);stroke:#00000080;stroke-width:1px}.att-box{width:76px;height:76px;margin:-38px 0 0 -38px;animation:.28s cubic-bezier(.2,.9,.3,1.3) both att-pop;position:absolute;top:0;left:0}@keyframes att-pop{0%{opacity:0;scale:.4}to{opacity:1;scale:1}}.att-square{all:unset;box-sizing:border-box;pointer-events:auto;cursor:pointer;background:#0c0f15d1;border:2px solid #ffffff59;border-radius:8px;place-items:center;width:76px;height:76px;transition:border-color .12s,transform .12s,box-shadow .12s;display:grid;overflow:hidden;box-shadow:0 6px 18px #0006}.att-square img{object-fit:contain;pointer-events:none;width:100%;height:100%;image-rendering:pixelated;transform:scale(1.25)}.att-square:hover,.att-box.picking .att-square{border-color:#fff;transform:scale(1.06)}.att-box.filled .att-square{border-color:var(--hud-accent);box-shadow:0 0 0 3px #c8f5602e,0 6px 18px #0006}.att-plus{color:#f4f6f880;font-size:30px;font-weight:500}.att-label{white-space:nowrap;text-align:center;text-shadow:var(--hud-shadow);pointer-events:none;margin-top:4px;font-size:13px;font-weight:700;position:absolute;top:100%;left:50%;transform:translate(-50%)}.att-label small{letter-spacing:.16em;text-transform:uppercase;color:var(--hud-dim);font-size:10px;display:block}.att-box.filled .att-label{color:var(--hud-accent)}.att-picker{pointer-events:auto;gap:10px;width:max-content;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.att-box.open-left .att-picker{flex-direction:row-reverse;right:calc(100% + 12px)}.att-box.open-right .att-picker{left:calc(100% + 12px)}.att-opt{all:unset;box-sizing:border-box;cursor:pointer;width:62px;height:62px;animation:.24s cubic-bezier(.2,.9,.3,1.25) both att-opt-in;animation-delay:calc(var(--i) * 40ms);background:#0c0f15d9;border-radius:50%;flex:none;place-items:center;transition:transform .12s,box-shadow .12s;display:grid;position:relative;overflow:visible;box-shadow:inset 0 0 0 2px #ffffff40,0 4px 12px #00000059}@keyframes att-opt-in{0%{opacity:0;scale:.3}to{opacity:1;scale:1}}.att-opt img{object-fit:contain;pointer-events:none;width:100%;height:100%;image-rendering:pixelated;border-radius:50%;transform:scale(1.2)}.att-opt:hover{transform:scale(1.14);box-shadow:inset 0 0 0 2px #fff,0 0 16px #ffffff40}.att-opt.selected{box-shadow:inset 0 0 0 3px var(--hud-accent), 0 0 14px #c8f56080;background:#c8f56024}.att-opt-name{white-space:nowrap;color:var(--hud-dim);text-shadow:var(--hud-shadow);pointer-events:none;margin-top:3px;font-size:11px;font-weight:700;position:absolute;top:100%;left:50%;transform:translate(-50%)}.att-opt:hover .att-opt-name{color:var(--hud-fg)}.att-opt.selected .att-opt-name{color:var(--hud-accent)}.att-none{border:2px solid #f4f6f873;border-radius:50%;width:26px;height:26px;position:relative}.att-none:after{content:"";background:#f4f6f873;width:2px;position:absolute;top:-3px;bottom:-3px;left:50%;transform:translate(-50%)rotate(45deg)}.att-info{max-width:min(720px,92vw);text-shadow:var(--hud-shadow);background:#0c0f15b8;border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 14px;padding:8px 16px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.att-info b{letter-spacing:.06em;font-size:20px}.att-info span{color:var(--hud-dim);font-size:14px}.att-info em{letter-spacing:.12em;color:var(--hud-accent);font-size:12px;font-style:normal;font-weight:700}.att-stats{gap:6px;display:inline-flex}.att-stats i{color:var(--hud-fg);background:#ffffff1a;border-radius:999px;padding:1px 7px;font-size:12px;font-style:normal;font-weight:700}.att-price{color:#10140a;background:var(--hud-accent);padding:0 4px;font-size:11px;font-style:normal;font-weight:700;position:absolute;top:3px;right:4px}.shop{z-index:6;color:var(--hud-fg);-webkit-user-select:none;user-select:none;pointer-events:auto;-webkit-backdrop-filter:blur(12px)saturate(1.1)brightness(.7);background:#06080c73;justify-content:center;align-items:center;animation:.18s ease-out both shop-in;display:flex;position:fixed;inset:0}.shop.hidden{display:none}@keyframes shop-in{0%{opacity:0}to{opacity:1}}.shop-panel{background:#10141cd1;border:1px solid #ffffff1f;grid-template:"head head head""nav grid side"1fr/170px 1fr 300px;width:min(1180px,100vw - 32px);height:min(680px,100vh - 32px);display:grid;box-shadow:0 20px 60px #00000080}.shop-panel header{border-bottom:1px solid #ffffff1a;grid-area:head;align-items:baseline;gap:18px;padding:12px 18px;display:flex}.shop-panel h2{letter-spacing:.2em;margin:0;font-size:22px}.shop-money{color:var(--hud-accent);font-size:26px;font-weight:700}.shop-flash{color:var(--hud-danger);font-weight:600}.shop-panel header em{color:var(--hud-dim);margin-left:auto;font-size:13px;font-style:normal}.shop-panel nav{border-right:1px solid #ffffff14;flex-direction:column;grid-area:nav;padding:10px 0;display:flex;overflow-y:auto}.shop-tab{all:unset;cursor:pointer;color:var(--hud-dim);border-left:3px solid #0000;padding:9px 16px;font-size:15px;font-weight:600}.shop-tab:hover{color:var(--hud-fg);background:#ffffff0a}.shop-tab.on{color:var(--hud-fg);border-left-color:var(--hud-accent);background:#c8f56012}.shop-grid{grid-area:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));align-content:start;gap:10px;padding:14px;display:grid;overflow-y:auto}.shop-empty{color:var(--hud-dim)}.shop-card{border:1px solid #ffffff14;border-top:3px solid var(--tier);background:#ffffff0a;flex-direction:column;align-items:center;gap:4px;padding:10px;display:flex}.shop-card.equipped{background:#c8f56014;border-color:#c8f56059}.shop-card img{object-fit:contain;width:120px;height:72px}.shop-card b{text-align:center;font-size:15px}.shop-card small{color:var(--tier);gap:6px;font-size:12px;display:flex}.shop-card small em{color:var(--hud-fg);font-style:normal}.shop-btn{all:unset;cursor:pointer;text-align:center;background:#ffffff1a;border:1px solid #ffffff2e;margin-top:4px;padding:5px 12px;font-size:14px;font-weight:700}.shop-btn:hover{background:#ffffff2e}.shop-btn.buy{color:#10140a;background:var(--hud-accent);border-color:var(--hud-accent)}.shop-btn.buy:hover{filter:brightness(1.1)}.shop-btn.poor,.shop-att.poor{opacity:.4;cursor:not-allowed;filter:grayscale()}.shop-tag{color:var(--hud-dim);margin-top:4px;padding:5px 0;font-size:13px}.shop-tag.on{color:var(--hud-accent);font-weight:700}.shop-panel aside{border-left:1px solid #ffffff14;flex-direction:column;grid-area:side;gap:12px;padding:12px 14px;display:flex;overflow-y:auto}.shop-panel h3{letter-spacing:.15em;color:var(--hud-dim);margin:0;font-size:13px}.shop-eq{background:#ffffff0a;border:1px solid #ffffff14;flex-direction:column;gap:4px;padding:10px;display:flex}.shop-eq small{color:var(--hud-dim);text-transform:uppercase;letter-spacing:.1em;font-size:12px}.shop-eq b{font-size:17px}.shop-eq.empty b{color:var(--hud-dim)}.shop-ammo{color:var(--hud-dim);font-size:14px}.shop-note{color:var(--hud-dim);font-size:12px}.shop-atts{flex-direction:column;gap:3px;margin-top:6px;display:flex}.shop-att{all:unset;cursor:pointer;background:#ffffff0d;border:1px solid #0000;justify-content:space-between;gap:8px;padding:4px 8px;font-size:13px;display:flex}.shop-att:hover{background:#ffffff1a}.shop-att i{color:var(--hud-accent);font-style:normal;font-weight:700}.shop-att.owned i{color:var(--hud-dim);font-weight:500}.shop-att.on{background:#c8f5601a;border-color:#c8f56080}.shop-att.on i{color:var(--hud-accent)}@media (width<=820px){.shop-panel{grid-template:"head head""nav grid"1fr"side side"/120px 1fr}.shop-panel aside{max-height:34vh}}