.direction-pad{grid-template-columns:repeat(3,44px);gap:4px}.direction-pad button:first-child,.direction-pad button:nth-child(2){grid-column:auto}.direction-pad>span{display:grid;place-items:center;font-size:9px;color:#f4ecd8}.direction-pad button{min-width:44px;min-height:44px}.arcade-controls{overscroll-behavior:contain;touch-action:none;-webkit-touch-callout:none}.arcade-controls button{transition:none}.action-pad button{min-height:60px}.arena-hud b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:900px),(pointer:coarse){
 body.arena-playing{overflow:hidden;overscroll-behavior:none}body.arena-playing .site-header,body.arena-playing .site-footer,body.arena-playing .league-intro,body.arena-playing #league-content{display:none}body.arena-playing .league-shell{padding:0;margin:0;max-width:none}body.arena-playing .arena-stage{position:fixed;inset:0 0 auto;height:calc(100vh - 222px - env(safe-area-inset-bottom));height:calc(100dvh - 222px - env(safe-area-inset-bottom));min-height:150px;border-radius:0;border-width:0;z-index:20}body.arena-playing .arcade-controls{position:fixed;inset:auto 0 0;margin:0;border-radius:0;z-index:21;height:calc(222px + env(safe-area-inset-bottom));padding:10px max(10px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));gap:8px;align-content:center;justify-content:space-around;flex-wrap:wrap}body.arena-playing .arena-hud{top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));gap:6px}.arena-playing .arena-hud>div{min-width:0;padding:8px}.arena-playing .arena-hud b{font-size:16px}.arena-playing .arena-hud>p{font-size:11px;margin:0;padding:6px 12px}.arena-playing .arena-hud progress{margin:5px 0}.arena-playing .direction-pad{grid-template-columns:repeat(3,44px);gap:3px}.arena-playing .direction-pad button{min-height:44px;height:44px;padding:0;font-size:20px}.arena-playing .action-pad{gap:6px;flex-wrap:wrap;max-width:min(170px,calc(100vw - 174px));justify-content:center}.arena-playing .action-pad button{min-width:62px;min-height:62px;padding:9px}.arena-playing .action-pad small{display:none}.arena-playing .action-pad .peck-control{width:100%;min-height:55px}.arena-playing #pause-run,.arena-playing #quit-run{flex-basis:40%;min-height:44px;padding:4px}.arena-playing #announcement{bottom:220px}
}
@media(max-height:500px) and (orientation:landscape){body.arena-playing .arena-stage{height:calc(100dvh - 156px - env(safe-area-inset-bottom))}body.arena-playing .arcade-controls{height:calc(156px + env(safe-area-inset-bottom));flex-wrap:nowrap;padding-block:4px calc(4px + env(safe-area-inset-bottom))}.arena-playing .direction-pad{grid-template-columns:repeat(3,44px);gap:0}.arena-playing .direction-pad button{height:44px;min-height:44px}.arena-playing .action-pad{max-width:none;flex-wrap:nowrap}.arena-playing .action-pad .peck-control{width:auto}.arena-playing #pause-run,.arena-playing #quit-run{flex-basis:auto;max-width:75px;min-height:44px}.arena-playing .arena-hud>div{padding:4px 8px}.arena-playing .arena-hud small{display:none}.arena-playing .arena-hud>p{padding:3px 10px;font-size:10px}.arena-playing .arena-hud b{font-size:14px}}
@media(prefers-reduced-motion:reduce){.arcade-controls button.pressed{transform:none}}