/* The interaction button belongs to the bottom thumb strip in every orientation. */
.touch-ui .touch-use {
 bottom:calc(10px + env(safe-area-inset-bottom));
 width:clamp(116px,34vw,156px); min-height:54px; height:54px;
 padding:6px 7px; gap:3px; border-radius:9px;
 box-shadow:0 4px 18px #0008;
}
.touch-ui .touch-use span{font-size:12px}
.touch-ui .touch-use small{font-size:9px;line-height:1.15}
.touch-ui .hud-bottom{bottom:calc(15px + env(safe-area-inset-bottom));left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right))}
.touch-ui .score-stat{bottom:62px;gap:2px}
.touch-ui .touch-tip{display:none}
.touch-ui #joystick-zone{bottom:calc(86px + env(safe-area-inset-bottom))}
.touch-ui .fire-button{bottom:calc(107px + env(safe-area-inset-bottom))}
.touch-ui .touch-actions{bottom:calc(210px + env(safe-area-inset-bottom))}
.voice-preview{display:block;color:var(--mint);margin:4px 0 0;text-align:left;min-height:40px}
#voice-preview-status:empty{display:none}#voice-preview-status{display:block;font-size:10px;color:var(--muted);margin-bottom:9px}
@media(max-width:370px) and (orientation:portrait){
 .touch-ui .health-stat{width:66px}.touch-ui .health-stat strong{font-size:26px}.touch-ui .health-stat>div:first-child{gap:5px}
 .touch-ui .ammo-stat strong{font-size:29px}.touch-ui .ammo-stat>span{font-size:10px;margin-left:3px}
 .touch-ui .hud-bottom{left:12px;right:12px}.touch-ui .ammo-stat small{font-size:6px;letter-spacing:1px}
 .touch-ui #joystick-zone{width:142px}.touch-ui .fire-button{right:20px}
 .touch-ui .touch-actions{right:14px}
}
@media(orientation:landscape) and (max-height:560px){
 .touch-ui .touch-use{width:156px;height:48px;min-height:48px;bottom:calc(10px + env(safe-area-inset-bottom))}
 .touch-ui .score-stat{bottom:54px}
 .touch-ui #joystick-zone{bottom:calc(46px + env(safe-area-inset-bottom))}
 .touch-ui .fire-button{bottom:calc(50px + env(safe-area-inset-bottom))}
 .touch-ui .touch-actions{bottom:calc(144px + env(safe-area-inset-bottom))}
}
@media(min-width:561px) and (orientation:portrait){.touch-ui .health-stat small{display:none}}
