@media (pointer:coarse), (max-width:950px) {
  html,body{width:100%;height:100%;overscroll-behavior:none}
  body.game-active{position:fixed;inset:0;overflow:hidden;background:#050708;touch-action:none;-webkit-user-select:none;user-select:none}
  body.game-active>header{display:none}
  body.game-active main{position:fixed;inset:0;max-width:none;padding:0;width:100%;height:100dvh}
  body.game-active .arena-wrap{position:absolute;inset:0;border:0;box-shadow:none;background:#050708}
  body.game-active canvas{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;touch-action:none}
  body.game-active .hud{position:absolute;z-index:4;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));top:max(6px,env(safe-area-inset-top));margin:0;padding:5px 8px;background:#071011c9;border:1px solid #ffffff1a;grid-template-columns:1fr 1fr 1.3fr;pointer-events:none}
  body.game-active .hud button{pointer-events:auto}.room-code{font-size:9px}.room-code button{padding:5px 7px}.stage small{font-size:8px}.stage b{font-size:16px}.team{gap:7px}.team div{font-size:8px}
  body.game-active .weapon-bar{position:absolute;z-index:4;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:max(5px,env(safe-area-inset-bottom));padding:5px 9px;gap:15px;background:#071011cf;border:1px solid #ffffff18;border-top:2px solid var(--acid);pointer-events:none}
  body.game-active .weapon-bar small{font-size:7px}.weapon-bar b{font-size:13px}.weapon-bar p,.weapon-bar .buffs{display:none}
  #mobileControls{display:flex!important;position:absolute;z-index:5;inset:auto max(18px,env(safe-area-inset-right)) max(50px,calc(env(safe-area-inset-bottom) + 42px)) max(18px,env(safe-area-inset-left));justify-content:space-between;align-items:flex-end;pointer-events:none}
  #mobileControls .touch-pad{pointer-events:auto;position:relative;display:block;width:112px;height:112px;padding:0;border-radius:50%;background:#0911139e;color:#fff;border:2px solid #ffffff38;box-shadow:inset 0 0 25px #0009;touch-action:none}
  .touch-pad i{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px;border-radius:50%;background:#c7f000b8;border:2px solid #eaff75;box-shadow:0 0 18px #c7f00055;transform:translate(0,0)}
  .touch-pad span{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);white-space:nowrap;color:#ffffff8c;font-size:8px;font-weight:900;letter-spacing:.12em}
  #mobileControls .aim-pad{border-color:#ff304f66}.aim-pad i{background:#ff304fcc;border-color:#ff8a9c;box-shadow:0 0 18px #ff304f66}
  .announcement{font-size:clamp(30px,8vw,58px);top:31%}
  .shop-panel{inset:max(5px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));padding:10px}.shop-panel>header{padding-bottom:6px}.shop-panel h2{font-size:22px}.shop-clock b{font-size:30px}.shop-wallet{padding:6px 0}.shop-grid{grid-template-columns:repeat(3,1fr);gap:5px}.shop-card{grid-template-columns:24px 1fr auto;padding:7px;gap:1px 5px}.shop-card i{font-size:19px}.shop-card span b{font-size:10px}.shop-card span small{display:none}.shop-card strong{font-size:9px}.shop-ready{margin-top:7px;padding:9px}
}
#rotatePrompt{display:none}
@media (pointer:coarse) and (orientation:portrait){body.game-active #rotatePrompt{display:flex;position:fixed;inset:0;z-index:99;background:#070a0b;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px}#rotatePrompt b{font:42px Impact;color:var(--acid)}#rotatePrompt span{margin-top:12px;color:#9ba5a1}}
@media (pointer:coarse) and (max-height:430px){#mobileControls .touch-pad{width:92px;height:92px}.touch-pad i{width:36px;height:36px;margin:-18px}#mobileControls{bottom:max(43px,calc(env(safe-area-inset-bottom) + 38px))}.shop-grid{grid-template-columns:repeat(4,1fr)}}
