:root{--neon-cyan: #22f3ff;--neon-pink: #ff2fb9;--neon-purple: #a24bff;--neon-lime: #b6ff3c;--neon-amber: #ffcc3c;--neon-red: #ff3b5c;--bg-deep: #05010f;--bg-panel: rgba(12, 6, 32, .82);--bg-panel-solid: #0c0620;--text: #eaf6ff;--text-dim: #9fb3d0;--hud-safe-top: env(safe-area-inset-top, 0px);--hud-safe-bottom: env(safe-area-inset-bottom, 0px);--hud-safe-left: env(safe-area-inset-left, 0px);--hud-safe-right: env(safe-area-inset-right, 0px);--font-display: "Orbitron", "Segoe UI", system-ui, sans-serif;--font-body: "Rajdhani", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-deep);color:var(--text);font-family:var(--font-body);overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}#app{position:fixed;inset:0;overflow:hidden}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;outline:none;touch-action:none}#ui-root{position:absolute;inset:0;pointer-events:none}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto;background:radial-gradient(circle at 18% 12%,rgba(162,75,255,.28),transparent 45%),radial-gradient(circle at 82% 8%,rgba(34,243,255,.22),transparent 42%),radial-gradient(circle at 50% 110%,rgba(255,47,185,.25),transparent 55%),#04010eeb;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fadeIn .28s ease;padding:calc(16px + var(--hud-safe-top)) calc(16px + var(--hud-safe-right)) calc(16px + var(--hud-safe-bottom)) calc(16px + var(--hud-safe-left));overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.screen--hidden{display:none!important}.boot-screen{position:absolute;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:var(--bg-deep);transition:opacity .5s ease}.boot-screen--done{opacity:0;pointer-events:none}.boot-screen__logo{font-family:var(--font-display);font-weight:900;font-size:clamp(28px,7vw,64px);letter-spacing:.14em;color:var(--neon-cyan);text-shadow:0 0 18px var(--neon-cyan),0 0 46px rgba(34,243,255,.6);animation:pulseGlow 2.4s ease-in-out infinite}.boot-screen__logo span{color:var(--neon-pink);text-shadow:0 0 18px var(--neon-pink),0 0 46px rgba(255,47,185,.6)}@keyframes pulseGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.35)}}.boot-screen__bar{width:min(420px,70vw);height:8px;border-radius:99px;background:#ffffff1a;overflow:hidden}.boot-screen__fill{width:0%;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-purple),var(--neon-pink));transition:width .25s ease}.boot-screen__label{font-size:14px;letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim)}.title-lg{font-family:var(--font-display);font-weight:900;font-size:clamp(30px,6vw,68px);letter-spacing:.1em;line-height:1;text-align:center;color:#fff;text-shadow:0 0 14px var(--neon-cyan),0 0 40px rgba(34,243,255,.55)}.title-lg span{color:var(--neon-pink);text-shadow:0 0 14px var(--neon-pink),0 0 40px rgba(255,47,185,.55)}.subtitle{font-size:clamp(12px,2.4vw,16px);letter-spacing:.36em;text-transform:uppercase;color:var(--neon-lime);text-align:center;margin-top:8px}.section-title{font-family:var(--font-display);font-size:clamp(18px,3.4vw,26px);letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px;color:var(--neon-cyan);text-shadow:0 0 12px rgba(34,243,255,.5)}.muted{color:var(--text-dim)}.btn{position:relative;font-family:var(--font-display);font-size:clamp(13px,1.8vw,16px);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text);background:linear-gradient(180deg,#22f3ff29,#a24bff1f);border:1px solid rgba(34,243,255,.5);border-radius:12px;padding:12px 22px;cursor:pointer;transition:transform .12s ease,box-shadow .18s ease,background .18s ease;box-shadow:0 0 #22f3ff00;min-height:44px}.btn:hover,.btn:focus-visible{background:linear-gradient(180deg,#22f3ff52,#a24bff3d);box-shadow:0 0 18px #22f3ff73;transform:translateY(-1px);outline:none}.btn:active{transform:translateY(1px) scale(.99)}.btn--primary{background:linear-gradient(180deg,#22f3ffd9,#3c78ffb3);border-color:#bffcff;color:#00121a;text-shadow:none}.btn--primary:hover{box-shadow:0 0 26px #22f3ffbf}.btn--pink{background:linear-gradient(180deg,#ff2fb9cc,#a24bff99);border-color:#ffb6e6;color:#1a0012}.btn--ghost{background:#ffffff0a;border-color:#9fb3d066}.btn--danger{background:linear-gradient(180deg,#ff3b5cbf,#96143299);border-color:#ffb0c0}.btn--small{padding:8px 14px;font-size:12px;min-height:38px}.btn--block{width:100%}.btn--disabled,.btn:disabled{opacity:.42;cursor:not-allowed;transform:none}.btn__badge{position:absolute;top:-8px;right:-8px;font-size:10px;padding:2px 7px;border-radius:99px;background:var(--neon-pink);color:#1a0012;letter-spacing:.08em}.menu-wrap{width:min(1080px,100%);display:flex;flex-direction:column;gap:18px;padding:8px 0 24px}.menu-head{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.menu-actions{display:flex;flex-direction:column;gap:12px;width:min(420px,100%);margin:6px auto 0}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;width:100%}.card{background:var(--bg-panel);border:1px solid rgba(34,243,255,.28);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:inset 0 0 24px #22f3ff0f}.card__title{font-family:var(--font-display);font-size:16px;letter-spacing:.1em;text-transform:uppercase;color:var(--neon-cyan)}.card__desc{font-size:13px;color:var(--text-dim);line-height:1.45}.card--locked{opacity:.55;border-style:dashed}.card--selectable{cursor:pointer;transition:transform .15s ease,box-shadow .2s ease}.card--selectable:hover{transform:translateY(-3px);box-shadow:0 0 24px #22f3ff52}.card--active{border-color:var(--neon-pink);box-shadow:0 0 26px #ff2fb966}.panel{background:var(--bg-panel);border:1px solid rgba(162,75,255,.34);border-radius:18px;padding:20px;width:100%;max-width:1000px;display:flex;flex-direction:column;gap:14px}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.topbar{position:absolute;top:calc(12px + var(--hud-safe-top));left:calc(18px + var(--hud-safe-left));right:calc(18px + var(--hud-safe-right));display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:4}.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:13px;letter-spacing:.08em;padding:6px 12px;border-radius:99px;background:#0a051ab8;border:1px solid rgba(34,243,255,.35)}.chip--gold{border-color:#ffcc3c99;color:var(--neon-amber)}.hud{position:absolute;inset:0;pointer-events:none;z-index:3}.hud__top-left{position:absolute;top:calc(12px + var(--hud-safe-top));left:calc(16px + var(--hud-safe-left));display:flex;flex-direction:column;gap:8px;width:min(300px,46vw)}.bar{position:relative;height:16px;border-radius:99px;background:#060312bf;border:1px solid rgba(255,255,255,.18);overflow:hidden}.bar__fill{position:absolute;inset:0;width:100%;transform-origin:left center;border-radius:99px;transition:transform .16s ease,background .2s ease}.bar--health .bar__fill{background:linear-gradient(90deg,#ff2f5f,#ff9a3c);box-shadow:0 0 14px #ff3c64b3}.bar--shield .bar__fill{background:linear-gradient(90deg,#22f3ff,#4b7bff);box-shadow:0 0 14px #22f3ffb3}.bar__label{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:11px;font-family:var(--font-display);letter-spacing:.12em;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9)}.hud__top-center{position:absolute;top:calc(10px + var(--hud-safe-top));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.hud__score{font-family:var(--font-display);font-size:clamp(22px,4.4vw,38px);font-weight:900;letter-spacing:.06em;color:#fff;text-shadow:0 0 16px var(--neon-cyan);line-height:1}.hud__wave{font-size:clamp(11px,2.2vw,15px);letter-spacing:.2em;text-transform:uppercase;color:var(--neon-lime)}.hud__combo{font-family:var(--font-display);font-size:clamp(13px,2.6vw,20px);color:var(--neon-amber);text-shadow:0 0 14px rgba(255,204,60,.8);opacity:0;transform:scale(.8);transition:opacity .2s ease,transform .2s ease}.hud__combo--active{opacity:1;transform:scale(1)}.hud__top-right{position:absolute;top:calc(12px + var(--hud-safe-top));right:calc(16px + var(--hud-safe-right));display:flex;flex-direction:column;align-items:flex-end;gap:8px}.hud__weapon{background:#080416bd;border:1px solid rgba(34,243,255,.4);border-radius:12px;padding:8px 12px;text-align:right;min-width:168px}.hud__weapon-name{font-family:var(--font-display);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--neon-cyan)}.hud__ammo{font-family:var(--font-display);font-size:26px;font-weight:900;line-height:1.05}.hud__ammo small{font-size:14px;color:var(--text-dim)}.hud__ammo--reloading{color:var(--neon-amber);font-size:16px}.hud__enemies{display:flex;align-items:center;gap:8px;font-size:13px;letter-spacing:.1em;color:var(--text-dim)}.hud__bottom-left{position:absolute;bottom:calc(14px + var(--hud-safe-bottom));left:calc(16px + var(--hud-safe-left));display:flex;gap:10px;align-items:flex-end}.ability{width:58px;height:58px;border-radius:14px;background:#080416b3;border:1px solid rgba(34,243,255,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-family:var(--font-display);font-size:9px;letter-spacing:.08em;color:var(--text-dim);position:relative;overflow:hidden}.ability__icon{font-size:18px}.ability__cd{position:absolute;bottom:0;left:0;right:0;background:#22f3ff52;height:0%;transition:height .1s linear}.ability--ready{border-color:var(--neon-lime);color:#fff;box-shadow:0 0 14px #b6ff3c66}.hud__bottom-right{position:absolute;bottom:calc(14px + var(--hud-safe-bottom));right:calc(16px + var(--hud-safe-right));display:flex;flex-direction:column;align-items:flex-end;gap:10px}.radar{width:108px;height:108px;border-radius:50%;background:#060312bf;border:1px solid rgba(34,243,255,.4);position:relative;overflow:hidden}.radar__blip,.radar__self,.radar__ping{position:absolute;border-radius:50%;transform:translate(-50%,-50%)}.radar__self{width:6px;height:6px;background:var(--neon-lime);left:50%;top:50%;box-shadow:0 0 8px var(--neon-lime)}.radar__blip{width:7px;height:7px;background:var(--neon-red);box-shadow:0 0 8px var(--neon-red)}.radar__blip--boss{width:11px;height:11px;background:var(--neon-purple);box-shadow:0 0 12px var(--neon-purple)}.hud__objective{position:absolute;top:calc(78px + var(--hud-safe-top));left:50%;transform:translate(-50%);background:#080416bd;border:1px solid rgba(255,204,60,.5);border-radius:10px;padding:6px 14px;font-size:13px;letter-spacing:.08em;color:var(--neon-amber);max-width:min(560px,84vw);text-align:center;pointer-events:none}.hud__objective--timer{color:#fff}.banner{position:absolute;top:34%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:5;opacity:0;transition:opacity .35s ease;pointer-events:none}.banner--show{opacity:1}.banner__main{font-family:var(--font-display);font-size:clamp(26px,6vw,58px);font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#fff;text-shadow:0 0 20px var(--neon-cyan),0 0 50px rgba(34,243,255,.6)}.banner__sub{font-size:clamp(12px,2.4vw,18px);letter-spacing:.3em;text-transform:uppercase;color:var(--neon-pink);margin-top:6px}.vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 120px #ff143c00;transition:box-shadow .25s ease;z-index:2}.vignette--hit{box-shadow:inset 0 0 130px #ff143cb8;transition:box-shadow .05s ease}.crosshair{position:absolute;left:50%;top:50%;width:34px;height:34px;transform:translate(-50%,-50%);pointer-events:none;z-index:3}.crosshair:before,.crosshair:after{content:"";position:absolute;background:var(--neon-cyan);box-shadow:0 0 6px var(--neon-cyan)}.crosshair:before{left:50%;top:0;width:2px;height:100%;transform:translate(-50%)}.crosshair:after{top:50%;left:0;height:2px;width:100%;transform:translateY(-50%)}.crosshair__dot{position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:var(--neon-pink);transform:translate(-50%,-50%);box-shadow:0 0 8px var(--neon-pink)}.crosshair--hitmark:before,.crosshair--hitmark:after{background:var(--neon-red);box-shadow:0 0 8px var(--neon-red)}.hitmarker{position:absolute;left:50%;top:50%;width:40px;height:40px;transform:translate(-50%,-50%) rotate(45deg);pointer-events:none;opacity:0;z-index:4}.hitmarker--show{animation:hitPop .28s ease}@keyframes hitPop{0%{opacity:1;transform:translate(-50%,-50%) rotate(45deg) scale(.6)}to{opacity:0;transform:translate(-50%,-50%) rotate(45deg) scale(1.4)}}.hitmarker:before,.hitmarker:after{content:"";position:absolute;background:#fff;box-shadow:0 0 10px var(--neon-red)}.hitmarker:before{left:50%;top:0;width:3px;height:100%;transform:translate(-50%)}.hitmarker:after{top:50%;left:0;height:3px;width:100%;transform:translateY(-50%)}.damage-number{position:absolute;font-family:var(--font-display);font-weight:900;font-size:20px;color:#fff;text-shadow:0 0 10px var(--neon-amber);pointer-events:none;animation:floatUp .9s ease forwards;z-index:6}@keyframes floatUp{0%{opacity:1;transform:translate(-50%,-50%) scale(.8)}to{opacity:0;transform:translate(-50%,-180%) scale(1.15)}}.pause-panel{width:min(460px,94vw);display:flex;flex-direction:column;gap:12px}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;width:100%;max-width:720px}.result-stat{background:var(--bg-panel);border:1px solid rgba(34,243,255,.25);border-radius:14px;padding:12px;text-align:center}.result-stat__value{font-family:var(--font-display);font-size:clamp(20px,4vw,30px);font-weight:900;color:#fff;text-shadow:0 0 14px rgba(34,243,255,.6)}.result-stat__label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);margin-top:4px}.list{display:flex;flex-direction:column;gap:8px;width:100%}.list-row{display:flex;align-items:center;gap:12px;background:#ffffff08;border:1px solid rgba(159,179,208,.16);border-radius:12px;padding:10px 12px}.list-row--locked{opacity:.5}.list-row__main{flex:1;min-width:0}.list-row__title{font-family:var(--font-display);font-size:14px;letter-spacing:.06em;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.list-row__sub{font-size:12px;color:var(--text-dim);margin-top:2px}.tag{font-size:10px;padding:2px 8px;border-radius:99px;letter-spacing:.08em;text-transform:uppercase;border:1px solid currentColor}.tag--locked{color:var(--text-dim)}.tag--owned{color:var(--neon-lime)}.tag--equipped{color:var(--neon-pink)}.stat-bars{display:flex;gap:6px;margin-top:6px}.stat-bar{height:5px;border-radius:99px;background:#ffffff1a;flex:1;overflow:hidden}.stat-bar>i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-pink))}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:4px}.tab{font-family:var(--font-display);font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:8px 14px;border-radius:99px;border:1px solid rgba(34,243,255,.3);background:#ffffff08;color:var(--text-dim);cursor:pointer}.tab--active{color:#00121a;background:var(--neon-cyan);border-color:var(--neon-cyan)}.scroll-region{max-height:52vh;overflow-y:auto;padding-right:6px;touch-action:pan-y}.scroll-region::-webkit-scrollbar{width:8px}.scroll-region::-webkit-scrollbar-thumb{background:#22f3ff66;border-radius:99px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid rgba(159,179,208,.12);flex-wrap:wrap}.settings-row__label{font-size:14px;letter-spacing:.05em}.settings-row__hint{font-size:12px;color:var(--text-dim)}input[type=range]{-webkit-appearance:none;appearance:none;width:170px;height:26px;background:transparent;cursor:pointer;touch-action:pan-x}input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:99px;background:#ffffff29}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-8px;border-radius:50%;background:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan)}input[type=range]::-moz-range-track{height:6px;border-radius:99px;background:#ffffff29}input[type=range]::-moz-range-thumb{width:22px;height:22px;border:none;border-radius:50%;background:var(--neon-cyan)}.seg{display:inline-flex;border-radius:99px;overflow:hidden;border:1px solid rgba(34,243,255,.35)}.seg button{font-family:var(--font-display);font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:8px 14px;background:transparent;border:none;color:var(--text-dim);cursor:pointer;min-height:38px}.seg button.is-active{background:var(--neon-cyan);color:#00121a}.touch-layer{position:absolute;inset:0;z-index:6;pointer-events:none}.touch-layer--hidden{display:none}.joystick{position:absolute;left:calc(22px + var(--hud-safe-left));bottom:calc(26px + var(--hud-safe-bottom));width:132px;height:132px;border-radius:50%;background:#0804166b;border:2px solid rgba(34,243,255,.4);pointer-events:auto;touch-action:none}.joystick__knob{position:absolute;left:50%;top:50%;width:58px;height:58px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 30%,#22f3ffe6,#22f3ff59);border:2px solid rgba(190,252,255,.8);box-shadow:0 0 18px #22f3ff80}.touch-btn{position:absolute;border-radius:50%;background:#08041680;border:2px solid rgba(34,243,255,.45);color:#fff;font-family:var(--font-display);font-size:11px;letter-spacing:.06em;display:flex;align-items:center;justify-content:center;pointer-events:auto;touch-action:none;text-shadow:0 1px 3px rgba(0,0,0,.8)}.touch-btn--active{background:#22f3ff6b;box-shadow:0 0 20px #22f3ffb3}.touch-btn--fire{width:96px;height:96px;right:calc(30px + var(--hud-safe-right));bottom:calc(120px + var(--hud-safe-bottom));font-size:13px;border-color:#ff2fb9b3;background:#3c062880}.touch-btn--jump{width:68px;height:68px;right:calc(140px + var(--hud-safe-right));bottom:calc(200px + var(--hud-safe-bottom))}.touch-btn--reload{width:68px;height:68px;right:calc(140px + var(--hud-safe-right));bottom:calc(112px + var(--hud-safe-bottom))}.touch-btn--dodge{width:64px;height:64px;right:calc(138px + var(--hud-safe-right));bottom:calc(28px + var(--hud-safe-bottom))}.touch-btn--swap{width:62px;height:62px;right:calc(34px + var(--hud-safe-right));bottom:calc(228px + var(--hud-safe-bottom))}.touch-btn--pause{width:52px;height:52px;right:calc(20px + var(--hud-safe-right));top:calc(74px + var(--hud-safe-top));font-size:16px}.touch-btn--small{width:58px;height:58px;font-size:10px}.aim-pad{position:absolute;right:0;top:0;bottom:0;width:55%;pointer-events:auto;touch-action:none}.rotate-hint{position:absolute;inset:0;z-index:40;background:#04010ef2;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px}.rotate-hint[hidden]{display:none}.rotate-hint__inner{display:flex;flex-direction:column;align-items:center;gap:14px}.rotate-hint__icon{font-size:64px;color:var(--neon-cyan);animation:rotateSpinner 2s ease-in-out infinite}@keyframes rotateSpinner{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}.toast-stack{position:absolute;top:calc(96px + var(--hud-safe-top));right:calc(16px + var(--hud-safe-right));display:flex;flex-direction:column;gap:8px;z-index:7;pointer-events:none;align-items:flex-end}.toast{background:#080416e0;border:1px solid var(--neon-lime);border-radius:10px;padding:8px 14px;font-size:13px;letter-spacing:.06em;color:#fff;box-shadow:0 0 18px #b6ff3c47;animation:toastIn .3s ease,toastOut .4s ease 2.4s forwards;max-width:260px}.toast__title{font-family:var(--font-display);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--neon-lime)}@keyframes toastIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes toastOut{to{opacity:0;transform:translate(30px)}}.help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;width:100%}.keycap{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:28px;padding:0 8px;border-radius:7px;background:#ffffff14;border:1px solid rgba(159,179,208,.4);border-bottom-width:3px;font-family:var(--font-display);font-size:12px;color:#fff}.kv{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:4px 0}.kv span:last-child{color:var(--text-dim)}.tutorial-tip{position:absolute;bottom:34%;left:50%;transform:translate(-50%);background:#080416db;border:1px solid var(--neon-cyan);border-radius:12px;padding:12px 20px;text-align:center;font-size:15px;max-width:min(480px,88vw);z-index:6;pointer-events:none;box-shadow:0 0 22px #22f3ff4d}.tutorial-tip__key{font-family:var(--font-display);color:var(--neon-cyan)}.loading-inline{display:flex;align-items:center;justify-content:center;padding:24px;color:var(--text-dim);letter-spacing:.16em;text-transform:uppercase;font-size:12px}.center-col{display:flex;flex-direction:column;align-items:center;gap:12px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center}.hidden{display:none!important}@media (max-width: 720px){.hud__weapon{min-width:128px;padding:6px 9px}.hud__ammo{font-size:20px}.radar{width:84px;height:84px}.ability{width:48px;height:48px}.panel{padding:14px}}@media (max-height: 480px) and (orientation: landscape){.scroll-region{max-height:46vh}}@media (hover: none) and (pointer: coarse){.hud__bottom-left{bottom:calc(160px + var(--hud-safe-bottom))}.radar{width:78px;height:78px}}