:root{--ui: #eef4ff;--dim: rgba(238, 244, 255, .55);--accent: #5ef2ff;--accent-rgb: 94, 242, 255;--magenta: #ff3fd6;--warn: #ff9d3c;--danger: #ff3b3b;--font-ui: "Rajdhani", "Segoe UI", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;--font-title: "Orbitron", "Impact", "Arial Black", "Segoe UI", sans-serif;--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#05070c}body{font-family:var(--font-ui);color:var(--ui);user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0}canvas#scene{position:fixed;inset:0;width:100%;height:100%;display:block;cursor:none;touch-action:none}#ui-root{position:fixed;inset:0;pointer-events:none}#ui-root>*{pointer-events:auto}.hidden{display:none!important}button{font-family:inherit;color:inherit}.hud{position:fixed;inset:0;pointer-events:none;overflow:hidden}.crosshair{position:absolute;left:50%;top:50%;width:0;height:0;transition:opacity .12s}.ch-line{position:absolute;background:#fff;box-shadow:0 0 4px #000000e6,0 0 1px #000;border-radius:1px}.ch-t,.ch-b{width:2px;height:9px;left:-1px}.ch-l,.ch-r{height:2px;width:9px;top:-1px}.ch-t{transform:translateY(calc(-1 * var(--gap, 8px) - 9px))}.ch-b{transform:translateY(var(--gap, 8px))}.ch-l{transform:translate(calc(-1 * var(--gap, 8px) - 9px))}.ch-r{transform:translate(var(--gap, 8px))}.ch-dot{position:absolute;left:-1.5px;top:-1.5px;width:3px;height:3px;background:#fff;border-radius:50%;box-shadow:0 0 3px #000}.hitmarker{position:absolute;left:50%;top:50%;width:0;height:0;opacity:0;transition:opacity .08s}.hitmarker .hm{position:absolute;width:2.5px;height:11px;background:#fff;box-shadow:0 0 4px #000000e6;border-radius:1px}.hitmarker.kill .hm{background:#ff4a3a;box-shadow:0 0 6px #ff4a3ae6}.hitmarker.head .hm{background:#ffc857;box-shadow:0 0 6px #ffc857e6}.hm-1{transform:translate(-9px,-16px) rotate(-45deg)}.hm-2{transform:translate(7px,-16px) rotate(45deg)}.hm-3{transform:translate(-9px,5px) rotate(45deg)}.hm-4{transform:translate(7px,5px) rotate(-45deg)}.dmg-indicators{position:absolute;left:50%;top:50%;width:0;height:0}.dmg-ind{position:absolute;left:-70px;top:-70px;width:140px;height:140px;border-radius:50%;border:7px solid transparent;border-top-color:#ff2828f2;opacity:.95;filter:drop-shadow(0 0 6px rgba(255,0,0,.8));animation:dmgfade .9s ease-out forwards}@keyframes dmgfade{0%{opacity:1}to{opacity:0}}.hud-bl{position:absolute;left:calc(34px + var(--safe-l));bottom:calc(30px + var(--safe-b));display:flex;flex-direction:column;gap:10px}.hp-label{font-size:12px;letter-spacing:3px;color:var(--dim);margin-bottom:4px;font-weight:600}.hp-bar{width:260px;height:7px;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);transform:skew(-18deg);overflow:hidden}.hp-fill{height:100%;width:100%;background:linear-gradient(90deg,#7ef7ff,#e6fbff);box-shadow:0 0 10px rgba(var(--accent-rgb),.7);transition:width .12s linear,background .3s}.hp-fill.low{background:linear-gradient(90deg,#ff2b2b,#ff8a5c);box-shadow:0 0 12px #ff2b2bcc}.stat-row{display:flex;gap:22px}.stat{display:flex;flex-direction:column;min-width:54px}.stat-k{font-size:11px;letter-spacing:3px;color:var(--dim);font-weight:600}.stat-v{font-family:var(--font-title);font-size:24px;font-weight:800;line-height:1;text-shadow:0 0 12px rgba(var(--accent-rgb),.35);font-variant-numeric:tabular-nums}.hud-br{position:absolute;right:calc(36px + var(--safe-r));bottom:calc(30px + var(--safe-b));text-align:right}.wpn-name{font-size:14px;letter-spacing:4px;color:var(--dim);font-weight:700}.ammo-row{display:flex;align-items:baseline;justify-content:flex-end;gap:6px}.ammo-mag{font-family:var(--font-title);font-size:54px;font-weight:900;line-height:1;text-shadow:0 0 18px rgba(var(--accent-rgb),.35);transition:color .2s;min-width:74px;font-variant-numeric:tabular-nums}.ammo-mag.low{color:var(--warn);animation:blink .6s infinite}.ammo-mag.empty{color:var(--danger);animation:blink .35s infinite}.ammo-sep{font-size:30px;color:var(--dim);font-weight:500}.ammo-res{font-family:var(--font-title);font-size:26px;font-weight:700;color:#eef4ffcc;min-width:52px;text-align:left;font-variant-numeric:tabular-nums}.wpn-slots{display:flex;justify-content:flex-end;gap:6px;margin-top:6px}.slot{width:22px;height:22px;border:1px solid rgba(255,255,255,.3);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;color:var(--dim)}.slot.active{border-color:var(--accent);color:var(--accent);box-shadow:0 0 8px rgba(var(--accent-rgb),.5)}.fire-mode{font-size:11px;letter-spacing:3px;color:var(--dim);margin-top:4px}@keyframes blink{50%{opacity:.35}}.hud-tr{position:absolute;right:calc(36px + var(--safe-r));top:calc(26px + var(--safe-t));text-align:right}.hud-tl{position:absolute;left:calc(34px + var(--safe-l));top:calc(26px + var(--safe-t))}.mode-name{font-size:13px;letter-spacing:5px;color:var(--accent);font-weight:700}.fps{font-size:12px;letter-spacing:1px;color:var(--dim);margin-top:6px;font-variant-numeric:tabular-nums}.score{font-family:var(--font-title);font-size:30px;font-weight:800;letter-spacing:1px;text-shadow:0 0 14px rgba(var(--accent-rgb),.4);font-variant-numeric:tabular-nums}.timer{font-family:var(--font-title);font-size:20px;font-weight:700;color:var(--warn);letter-spacing:2px;font-variant-numeric:tabular-nums}.feed{display:flex;flex-direction:column;gap:3px;margin-top:8px;align-items:flex-end}.feed-item{font-size:15px;font-weight:600;letter-spacing:1px;background:#00000059;padding:2px 10px;border-right:3px solid var(--accent);animation:feedin .25s ease-out}.feed-item.head{border-right-color:#ffc857;color:#ffe1a0}.feed-item.wave{border-right-color:var(--warn);color:#ffd7b0}@keyframes feedin{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.banner{position:absolute;left:0;right:0;top:18%;text-align:center;opacity:0;transform:scale(.9);transition:opacity .35s,transform .35s}.banner.show{opacity:1;transform:scale(1)}.banner-main{font-family:var(--font-title);font-size:clamp(34px,6vw,64px);font-weight:900;letter-spacing:8px;text-shadow:0 0 30px rgba(var(--accent-rgb),.5),0 2px 0 #000}.banner-main.danger{color:#ff5d3a;text-shadow:0 0 30px rgba(255,93,58,.6),0 2px 0 #000}.banner-sub{font-size:clamp(14px,2vw,20px);letter-spacing:6px;color:var(--dim);font-weight:600;margin-top:4px}.hint{position:absolute;left:0;right:0;bottom:22%;text-align:center;font-size:17px;letter-spacing:4px;font-weight:700;color:#fff;text-shadow:0 0 10px #000;opacity:0;transition:opacity .2s}.hint.show{opacity:1}.hint.warn{color:var(--warn)}.popups{position:absolute;left:50%;top:50%;width:0;height:0}.popup{position:absolute;white-space:nowrap;font-family:var(--font-title);font-weight:800;font-size:18px;color:#fff;text-shadow:0 0 8px rgba(0,0,0,.9);animation:popup .9s ease-out forwards;transform:translate(-50%)}.popup.head{color:#ffc857}.popup.kill{color:#ff6a52}.popup.bonus{color:var(--accent);font-size:22px}@keyframes popup{0%{opacity:0;transform:translate(-50%,10px) scale(.7)}15%{opacity:1;transform:translate(-50%,-6px) scale(1.15)}to{opacity:0;transform:translate(-50%,-60px) scale(1)}}.reload-ring{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px}.reload-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.rr-bg{fill:none;stroke:#ffffff26;stroke-width:2.5}.rr-fg{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-dasharray:107;stroke-dashoffset:107;stroke-linecap:round;filter:drop-shadow(0 0 4px rgba(var(--accent-rgb),.8))}.menu{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#0a101e73,#03050ae6);z-index:10;cursor:default;overflow:auto;padding:20px}.menu-inner{text-align:center;padding:36px 56px;border:1px solid rgba(var(--accent-rgb),.18);background:#0408109e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 0 80px #0009;max-width:min(94vw,760px);position:relative}.menu-inner:before,.menu-inner:after{content:"";position:absolute;width:22px;height:22px;border:2px solid var(--accent);opacity:.7}.menu-inner:before{left:-1px;top:-1px;border-right:0;border-bottom:0}.menu-inner:after{right:-1px;bottom:-1px;border-left:0;border-top:0}.menu-inner.wide{max-width:min(96vw,980px);padding:30px 40px}.menu-inner h2{font-family:var(--font-title);font-size:26px;letter-spacing:3px;margin:6px 0 14px;font-weight:800}.title-kicker{font-size:13px;letter-spacing:6px;color:var(--accent);font-weight:700}.title{font-family:var(--font-title);font-size:clamp(44px,9vw,84px);font-weight:900;letter-spacing:12px;margin:6px 0 0;line-height:1;background:linear-gradient(180deg,#fff 30%,#7fe8ff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 22px rgba(var(--accent-rgb),.35))}.title.small{font-size:clamp(28px,5vw,44px);letter-spacing:6px}.title.lost{background-image:linear-gradient(180deg,#fff 30%,#ff7a5c);filter:drop-shadow(0 0 22px rgba(255,122,92,.35))}.subtitle{font-size:18px;letter-spacing:7px;color:var(--dim);margin-top:10px;font-weight:600}.btn-start{margin:30px 0 18px;font-family:var(--font-title);font-size:24px;font-weight:800;letter-spacing:8px;color:#06111a;background:linear-gradient(180deg,#9cf6ff,#46d6ea);border:0;padding:16px 64px;cursor:pointer;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);box-shadow:0 0 30px rgba(var(--accent-rgb),.35);transition:transform .12s,box-shadow .12s}.btn-start:hover{transform:scale(1.04);box-shadow:0 0 50px rgba(var(--accent-rgb),.6)}.btn-start:active{transform:scale(.98)}.btn-start.small{font-size:18px;padding:12px 44px;margin:10px 0}.mode-pick{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:18px}.mode-pick-k{font-size:12px;letter-spacing:4px;color:var(--dim);font-weight:700}.mode-pick-v{background:rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.35);color:var(--ui);font-family:var(--font-title);font-weight:700;font-size:15px;letter-spacing:3px;padding:8px 18px;cursor:pointer;transition:background .12s}.mode-pick-v:hover{background:rgba(var(--accent-rgb),.18)}.mode-pick-v i{font-family:var(--font-ui);font-style:normal;font-weight:600;font-size:13px;letter-spacing:1px;color:var(--dim);margin-left:8px}.menu-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:6px 0}.menu-item{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:160px;padding:10px 22px;background:#ffffff0a;border:1px solid rgba(255,255,255,.14);color:var(--ui);cursor:pointer;font-size:17px;font-weight:700;letter-spacing:2px;transition:border-color .12s,background .12s}.menu-item:hover{border-color:var(--accent);background:rgba(var(--accent-rgb),.1)}.menu-item .hint{position:static;opacity:1;font-size:11px;letter-spacing:2px;color:var(--dim);font-weight:600;text-shadow:none}.menu-item.danger:hover{border-color:var(--danger);background:#ff3b3b1a}.wallet{display:inline-flex;align-items:baseline;gap:10px;margin:14px 0 6px;padding:6px 16px;border:1px solid rgba(255,176,56,.35);background:#ffb0380f}.wallet-amount{font-family:var(--font-title);font-size:20px;font-weight:800;color:#ffd27a}.wallet-amount b{font-size:13px;letter-spacing:2px}.wallet-hint{font-size:11px;letter-spacing:2px;color:var(--dim)}.controls{font-size:14px;color:var(--dim);letter-spacing:1.2px;line-height:1.9;margin-top:10px}.controls b{color:#fff;font-weight:700}.menu-stats{margin-top:14px;font-family:var(--font-title);font-size:13px;letter-spacing:2px;color:#ffd7b0;line-height:1.8}.menu-foot{margin-top:22px;font-size:10px;letter-spacing:3px;color:#eef4ff4d}.pause-stats{color:var(--dim);letter-spacing:2px;margin-top:10px;font-weight:600}.loading{text-align:center}.loading-text{color:var(--dim);letter-spacing:3px;margin-top:18px;font-weight:600}.loading-bar{width:260px;height:3px;margin:14px auto 0;background:#ffffff1a;overflow:hidden}.loading-bar div{width:40%;height:100%;background:var(--accent);animation:loadslide 1.1s infinite ease-in-out;box-shadow:0 0 10px var(--accent)}@keyframes loadslide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.fatal{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#05070c;padding:30px;text-align:center}.fatal .dim{color:var(--dim)}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:10px 0 16px}.mode-card{text-align:left;padding:18px 18px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.12);cursor:pointer;color:var(--ui);display:flex;flex-direction:column;gap:6px;transition:border-color .12s,background .12s,transform .12s;position:relative}.mode-card:hover{border-color:rgba(var(--accent-rgb),.6);background:rgba(var(--accent-rgb),.06);transform:translateY(-2px)}.mode-card.active{border-color:var(--accent);background:rgba(var(--accent-rgb),.12);box-shadow:0 0 24px rgba(var(--accent-rgb),.2)}.mode-card .mode-name{font-family:var(--font-title);font-size:19px;letter-spacing:3px;color:var(--ui);font-weight:800}.mode-card.active .mode-name{color:var(--accent)}.mode-tag{font-size:13px;letter-spacing:2px;color:var(--dim);font-weight:600}.mode-about{font-size:14px;line-height:1.45;color:#eef4ffcc;flex:1}.mode-hint{font-family:var(--font-title);font-size:12px;letter-spacing:2px;color:var(--warn);margin-top:6px}.mode-best{font-size:12px;letter-spacing:1px;color:#ffd27a}.mode-reward{font-size:11px;letter-spacing:1px;color:var(--dim)}.settings{text-align:left}.set-group{display:flex;flex-direction:column;gap:6px;padding:10px 0 14px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:8px}.set-row{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:14px;min-height:36px}.set-row label{font-size:15px;font-weight:600;letter-spacing:1px;color:#eef4ffd9}.set-desc{font-size:12px;color:var(--dim);letter-spacing:.5px;margin:-2px 0 6px 234px}.segment{display:flex;gap:4px;flex-wrap:wrap}.segment button{padding:7px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.14);color:var(--dim);cursor:pointer;font-size:13px;font-weight:700;letter-spacing:1px}.segment button.on{border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb),.1)}.slider{display:flex;align-items:center;gap:12px}.slider input{flex:1;accent-color:var(--accent);cursor:pointer}.slider-v{min-width:48px;text-align:right;font-family:var(--font-title);font-size:13px;font-variant-numeric:tabular-nums}.toggle{display:inline-flex;align-items:center;gap:10px;background:none;border:0;cursor:pointer;color:var(--dim);font-size:14px;font-weight:700;letter-spacing:1px;padding:4px 0}.toggle i{width:40px;height:20px;border-radius:10px;background:#ffffff1f;position:relative;transition:background .15s}.toggle i:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}.toggle.on{color:var(--accent)}.toggle.on i{background:rgba(var(--accent-rgb),.5)}.toggle.on i:after{transform:translate(20px);background:var(--accent)}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0 8px}.summary-grid div{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border:1px solid rgba(255,255,255,.1);background:#ffffff08}.summary-grid .k{font-size:11px;letter-spacing:3px;color:var(--dim);font-weight:700}.summary-grid .v{font-family:var(--font-title);font-size:26px;font-weight:800;font-variant-numeric:tabular-nums}.record{font-family:var(--font-title);letter-spacing:5px;color:#ffd27a;margin-top:8px;font-weight:800;text-shadow:0 0 14px rgba(255,210,122,.5);animation:blink 1s infinite}.reward{display:flex;flex-direction:column;align-items:center;margin-top:12px}.reward-gained{font-family:var(--font-title);font-size:30px;font-weight:900;color:#ffd27a;text-shadow:0 0 16px rgba(255,210,122,.5)}.reward-total{font-size:13px;letter-spacing:2px;color:var(--dim)}.shop{position:fixed;inset:0;z-index:11;background:radial-gradient(ellipse at 50% 30%,#0a101e99,#03050af0);overflow:auto;padding:30px clamp(14px,4vw,60px) 40px;cursor:default}.shop-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;flex-wrap:wrap}.shop-head h2{font-family:var(--font-title);font-size:28px;letter-spacing:3px;margin:4px 0 6px}.shop-sub{color:var(--dim);font-size:14px;letter-spacing:.5px;max-width:560px}.shop-wallet{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:4px;padding:10px 18px;border:1px solid rgba(255,176,56,.35);background:#ffb0380f}.shop-wallet .wallet-amount{font-size:26px}.wallet-topup{color:#ffd27a;font-weight:700;letter-spacing:2px;font-size:13px;text-decoration:none;border-bottom:1px dotted}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.skin-card{position:relative;padding:12px 14px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-top:3px solid var(--rarity);display:flex;flex-direction:column;gap:6px;transition:transform .12s,border-color .12s}.skin-card:hover{transform:translateY(-2px);border-color:#ffffff4d;border-top-color:var(--rarity)}.skin-card.active{box-shadow:0 0 22px rgba(var(--accent-rgb),.25);border-color:rgba(var(--accent-rgb),.5);border-top-color:var(--rarity)}.skin-rarity{font-size:11px;letter-spacing:3px;color:var(--rarity);font-weight:700}.skin-art{width:100%;height:66px;background:radial-gradient(ellipse at 50% 60%,rgba(255,255,255,.06),transparent 70%)}.skin-name{font-family:var(--font-title);font-size:16px;letter-spacing:2px;font-weight:800}.skin-about{font-size:12.5px;line-height:1.4;color:var(--dim);flex:1}.skin-action{margin-top:6px}.skin-btn{width:100%;padding:8px;background:rgba(var(--accent-rgb),.1);border:1px solid rgba(var(--accent-rgb),.45);color:var(--accent);font-weight:700;letter-spacing:2px;cursor:pointer;font-size:14px}.skin-btn:hover{background:rgba(var(--accent-rgb),.22)}.skin-btn.buy{color:#ffd27a;border-color:#ffb03880;background:#ffb03814}.skin-btn.buy:hover{background:#ffb03833}.skin-btn.poor{opacity:.5}.skin-state{text-align:center;padding:8px;font-weight:700;letter-spacing:2px;color:var(--dim);font-size:14px}.skin-state.on{color:var(--accent);border:1px solid rgba(var(--accent-rgb),.3)}.skin-error{position:absolute;left:0;right:0;bottom:6px;text-align:center;color:var(--danger);font-size:12px;font-weight:700;letter-spacing:1px;background:#000000b3;padding:3px}.shop-foot{margin-top:22px;display:flex;justify-content:center}.touch{position:fixed;inset:0;pointer-events:none;z-index:5}.touch>*{pointer-events:auto}.t-stick{position:absolute;left:calc(26px + var(--safe-l));bottom:calc(90px + var(--safe-b));width:130px;height:130px;border-radius:50%;border:2px solid rgba(255,255,255,.22);background:#ffffff0d;touch-action:none}.t-knob{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:rgba(var(--accent-rgb),.35);border:2px solid rgba(var(--accent-rgb),.8)}.t-look{position:absolute;right:0;top:0;width:55%;height:100%;touch-action:none}.t-btn{position:absolute;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#00000059;color:#fff;font-family:var(--font-title);font-weight:800;font-size:13px;letter-spacing:1px;width:58px;height:58px;touch-action:none}.t-btn.down{background:rgba(var(--accent-rgb),.4);border-color:var(--accent)}.t-fire{right:calc(26px + var(--safe-r));bottom:calc(96px + var(--safe-b));width:92px;height:92px;font-size:14px;border-color:#ff505099}.t-aim{right:calc(130px + var(--safe-r));bottom:calc(80px + var(--safe-b));width:66px;height:66px;font-size:11px}.t-jump{right:calc(40px + var(--safe-r));bottom:calc(200px + var(--safe-b))}.t-reload{right:calc(112px + var(--safe-r));bottom:calc(166px + var(--safe-b));width:50px;height:50px}.t-swap{right:calc(176px + var(--safe-r));bottom:calc(140px + var(--safe-b));width:50px;height:50px}.t-slide{left:calc(170px + var(--safe-l));bottom:calc(110px + var(--safe-b));width:50px;height:50px}.t-sprint{left:calc(170px + var(--safe-l));bottom:calc(170px + var(--safe-b));width:50px;height:50px}.t-pause{right:calc(20px + var(--safe-r));top:calc(70px + var(--safe-t));width:40px;height:40px;font-size:12px}@media(max-width:900px){.mode-grid{grid-template-columns:1fr}.set-row{grid-template-columns:1fr;gap:6px}.set-desc{margin-left:0}.summary-grid{grid-template-columns:repeat(2,1fr)}.menu-inner{padding:26px 22px}.controls{display:none}.hp-bar{width:180px}.ammo-mag{font-size:40px;min-width:56px}.hud-bl{left:calc(16px + var(--safe-l));bottom:calc(22px + var(--safe-b))}.hud-br{right:calc(16px + var(--safe-r));bottom:calc(22px + var(--safe-b))}.hud-tr{right:calc(16px + var(--safe-r));top:calc(14px + var(--safe-t))}.hud-tl{left:calc(16px + var(--safe-l));top:calc(14px + var(--safe-t))}.stat-row{gap:14px}.stat-v{font-size:20px}.feed-item{font-size:13px}.hint{bottom:30%;font-size:14px}}@media(pointer:coarse)and (max-width:1100px){.hud-bl{bottom:auto;top:calc(44px + var(--safe-t));left:calc(20px + var(--safe-l));gap:6px}.hud-br{bottom:auto;top:calc(58px + var(--safe-t));right:calc(20px + var(--safe-r))}.hud-bl .stat-row{gap:12px}.hp-bar{width:150px;height:6px}.stat{min-width:44px}.stat-k{font-size:9px;letter-spacing:2px}.stat-v{font-size:17px}.ammo-mag{font-size:34px;min-width:48px}.ammo-res{font-size:18px;min-width:40px}.wpn-name{font-size:11px;letter-spacing:2px}.feed{display:none}.hud-tl{top:calc(12px + var(--safe-t));left:calc(20px + var(--safe-l))}.hud-tr{top:calc(12px + var(--safe-t));right:calc(20px + var(--safe-r));display:flex;gap:12px;align-items:baseline}.score{font-size:22px}.timer{font-size:16px}.banner{top:24%}.hint{bottom:34%}.t-pause{right:auto;left:50%;transform:translate(-50%);top:calc(8px + var(--safe-t));width:40px;height:32px;border-radius:6px}}@media(max-height:520px)and (pointer:coarse){.hud-bl{bottom:calc(150px + var(--safe-b))}.hud-br{bottom:calc(190px + var(--safe-b))}.ammo-mag{font-size:34px}.t-stick{width:110px;height:110px;bottom:calc(24px + var(--safe-b))}.t-fire{width:78px;height:78px;bottom:calc(30px + var(--safe-b))}.t-aim{bottom:calc(24px + var(--safe-b));right:calc(116px + var(--safe-r));width:58px;height:58px}.t-jump{bottom:calc(120px + var(--safe-b));right:calc(36px + var(--safe-r))}.t-reload{bottom:calc(96px + var(--safe-b));right:calc(100px + var(--safe-r))}.t-swap{bottom:calc(76px + var(--safe-b));right:calc(160px + var(--safe-r))}.t-slide{bottom:calc(40px + var(--safe-b));left:calc(146px + var(--safe-l))}.t-sprint{bottom:calc(96px + var(--safe-b));left:calc(146px + var(--safe-l))}.menu{padding:8px}.menu-inner{padding:14px 18px}.title{font-size:34px;letter-spacing:6px}.subtitle{font-size:12px;letter-spacing:4px;margin-top:4px}.btn-start{margin:12px 0 8px;padding:10px 40px;font-size:18px}.menu-foot{display:none}.mode-grid{grid-template-columns:repeat(3,1fr);gap:8px}.mode-card{padding:10px}.mode-about{font-size:12px}}