/* Information should never occupy the virtual-stick surface on phones. */
@media (pointer: coarse) {
    body.arena-shell:is([data-game-state="playing"], [data-game-state="paused"], [data-game-state="upgrade"], [data-game-state="over"]) :is(.hud > .health, #partyFrames, #equipmentRail, #achievementTracker, #partyReviveCount) {
        scale: .7;
        transform-origin: left top;
    }
    body.arena-shell:is([data-game-state="playing"], [data-game-state="paused"], [data-game-state="upgrade"], [data-game-state="over"]) :is(.hud-stats-group, #waveStatus) {
        scale: .7;
        transform-origin: right top;
    }
    body.arena-shell:is([data-game-state="playing"], [data-game-state="paused"], [data-game-state="upgrade"], [data-game-state="over"]) #damageMeter {
        scale: .7;
        transform-origin: right bottom;
    }
    body.arena-shell:is([data-game-state="playing"], [data-game-state="paused"], [data-game-state="upgrade"], [data-game-state="over"]) :is(#bossHud, #waveBanner) {
        scale: .7;
        transform-origin: center top;
    }
    /* Dash is nested inside the health/party HUD. Retain its original touch size. */
    body.arena-shell:is([data-game-state="playing"], [data-game-state="paused"], [data-game-state="upgrade"], [data-game-state="over"]) :is(.health, #partyFrames) #dashButton {
        scale: calc(1 / .7);
        transform-origin: left top;
    }
    body.arena-shell[data-game-state="playing"] :is(.hud, .hud-stats-group, .health, .hudright, #damageMeter, #damageMeter *, #waveStatus, #bossHud, #partyFrames, .party-member, #equipmentRail) {
        pointer-events: none;
    }
    /* Only visible, intentional controls intercept a touch. The transparent
       panels and reserved space from collapsed stats pass it to the canvas. */
    body.arena-shell[data-game-state="playing"] :is(#dashButton, #performanceHud, #partyFrameToggle, .equipment-slot, .party-equipment > *, .combat-stats-toggle, .damage-meter-toggle) {
        pointer-events: auto;
    }
    body.arena-shell[data-game-state="playing"] #damageMeter [hidden],
    body.arena-shell[data-game-state="playing"] #damageMeter .meter-content-hidden {
        pointer-events: none;
    }
}
