/* Mobile presentation keeps information readable without opaque panels. */
.touch-playing .touch-stick:not(.engaged){visibility:hidden;pointer-events:none}
.touch-playing .touch-stick.engaged{visibility:visible}
.touch-playing .touch-actions button{white-space:pre-line}
.touch-playing .touch-actions button.charging{background:conic-gradient(#8fffe0 var(--charge),#173d3280 0);color:#fff;box-shadow:inset 0 0 0 4px #143d3266}
.touch-playing .touch-actions button:disabled{opacity:.4;cursor:default}
.touch-playing [data-touch="shield"]{color:#a6e9ff}.touch-playing [data-touch="heal"]{color:#bdffd2}
.touch-playing .aim-stick{opacity:.4;background:#123b3026}.touch-playing .aim-stick.engaged{opacity:1;background:#153c3840}
.menu-content .match-tags{margin-top:16px}.menu-footer{pointer-events:none}.menu-footer>button{margin-left:auto;order:3;pointer-events:auto}
@media(orientation:landscape) and (max-height:600px){
 .menu-header{top:max(12px,env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right))}
 .menu-content{top:68px;left:max(6vw,env(safe-area-inset-left));width:52%;transform:none;z-index:2}
 .menu-content>.eyebrow{margin-bottom:10px}
 .menu-content .game-title{font-size:clamp(44px,9vh,72px);margin:0 0 14px;line-height:.9}
 .menu-content .play-button{min-width:0;width:min(270px,100%);padding:14px 20px;font-size:17px}
 .menu-content .match-tags,.menu-content .play-caption{display:none}
 .menu-footer{left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));z-index:3}
 .menu-footer .footer-credit,.menu-footer .desktop-note{display:none}
 .menu-footer>button{min-height:44px}
}
.touch-playing .move-stick{opacity:.32;transition:opacity .12s;border:1px solid #dcffe780;background:#123b3026}
.touch-playing .move-stick.engaged{opacity:1;background:#153c3840}
.touch-playing .move-stick span{display:none}
.touch-playing .move-stick i{background:#bdf9dc85;border:1px solid #eaffeecc;box-shadow:0 0 14px #84ffd330}
.touch-playing .hud-bottom-right{width:clamp(150px,47%,184px);max-width:none}
.touch-playing .weapon-slot,.touch-playing .weapon-slot.active{background:#0a2427a8;color:#fff5d8;box-shadow:none;border:0;border-bottom:2px solid var(--weapon-color);min-height:30px;padding:5px 6px;text-shadow:0 1px 3px #102f28}
.touch-playing .weapon-slot.empty{opacity:1;border-bottom-style:dashed;background:#0a242788}.touch-playing .weapon-slot.empty .weapon-name{color:#dfe8d2}
.touch-playing .weapon-drawing{display:none}.touch-playing .ammo-readout{margin-bottom:4px;gap:5px}
.touch-playing .ammo-readout>strong{font-size:21px}.touch-playing #reserve-count{font-size:11px}
.touch-playing .storm-pill{min-width:0;padding:5px 10px 5px 8px;gap:6px;background:var(--hud-chip);border-color:transparent;box-shadow:none;text-shadow:0 1px 4px #14392e}
.touch-playing .storm-pill> .icon{width:17px;height:17px;color:#d8b4ff}
.touch-playing .storm-pill strong{font-size:18px}.touch-playing .storm-pill span{letter-spacing:.4px}
.touch-playing .score-item{background:var(--hud-chip);border:0;box-shadow:none;color:#ff9a9e;text-shadow:0 1px 4px #16392d;padding:0 9px;height:32px;opacity:1}
.touch-playing .score-item.alive-item{color:#b8ffce}.touch-playing .score-item .icon{color:inherit;opacity:1}
.touch-playing .score-item strong{font-size:20px}.touch-playing .score-cluster{gap:9px}
@media(orientation:landscape) and (max-height:600px){
 .touch-playing .hud-top-left{top:max(9px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left))}
 .touch-playing .storm-pill{top:8px}
 .touch-playing .hud-top-right{top:8px;right:max(12px,env(safe-area-inset-right));width:66px}
 .touch-playing .map-location{display:none}.touch-playing .minimap-frame{border-color:#eaffd34a;box-shadow:none}
 .touch-playing .map-caption{margin-top:2px}
 .touch-playing .hud-bottom-left{left:max(16px,env(safe-area-inset-left));bottom:auto;top:45px;width:130px}
 .touch-playing .vital-numbers strong{font-size:15px}.touch-playing .health-track{height:8px}.touch-playing .shield-track{height:4px;margin-top:2px}
 .touch-playing .hud-bottom-right{right:calc(112px + env(safe-area-inset-right));bottom:17px;width:176px}
 .touch-playing .touch-actions{left:50%;bottom:max(14px,env(safe-area-inset-bottom));gap:8px}
 .touch-playing .touch-actions button{border-radius:50%;background:#173e36c4;border-color:#efffce76}
 .touch-playing .touch-stick{width:88px;height:88px;bottom:max(12px,env(safe-area-inset-bottom))}
 .touch-playing .aim-stick{right:max(12px,env(safe-area-inset-right))}
 .touch-playing .game-toast{bottom:25%;min-width:0;padding:7px 11px}
 .touch-playing .award-banner{top:22%}.touch-playing .award-banner>strong{font-size:28px}
}
/* Portrait phones: the score chips and the storm timer would meet under the minimap, so the timer drops to a second row. */
@media(orientation:portrait){.touch-playing .storm-pill{left:max(12px,env(safe-area-inset-left));top:calc(max(14px,env(safe-area-inset-top)) + 42px);transform:none}}
@media(orientation:landscape) and (max-height:600px) and (max-width:700px){
 .touch-playing .hud-bottom-right{right:50%;transform:translateX(50%);bottom:70px;width:176px}
}