/* Shared small-screen contract. Game overlays don't depend on desktop page flow. */
.adventure-ui,.runner-ui,.jump-ui{--game-safe-top:env(safe-area-inset-top,0px);--game-safe-bottom:env(safe-area-inset-bottom,0px);--game-safe-left:env(safe-area-inset-left,0px);--game-safe-right:env(safe-area-inset-right,0px)}
.game-ui-surface{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;display:block}
.action-arena .battle-hud{display:block;grid-template-rows:none;padding:0;overflow:visible}
.action-arena .battle-hud .adventure-top{display:flex;flex-direction:row;align-items:center;height:36px}
.action-arena .battle-hud .adventure-top>b{flex:1;min-width:0;text-align:center}
.action-arena .battle-hud .duel-health{display:flex;flex-direction:row;align-items:stretch;padding:0}
.action-arena .battle-hud .duel-health>div{display:block;flex:1;min-width:0;position:relative;padding:6px 8px}
.action-arena .battle-hud .duel-health>div>small{position:absolute;left:8px;bottom:18px;font-size:12px;line-height:14px}
.action-arena .battle-hud .duel-health>div>strong{position:absolute;right:8px;bottom:18px;font-size:12px;line-height:14px;text-align:right}
.action-arena .battle-hud .duel-health>div>i{position:absolute;left:8px;right:8px;bottom:6px;height:7px}
.action-arena .battle-hud .pve-buff-strip,.action-arena .battle-hud .field-buff-strip{position:absolute;left:8px;top:4px;right:8px;height:20px;min-height:20px}
.action-arena .battle-hud .battle-status{height:26px;min-height:26px}