/* Same original controls/HUD; constrain overflow to the visible Android viewport. */
body[data-play-mode="online"] aside{bottom:var(--online-viewport-bottom,0px);padding-bottom:max(8px,env(safe-area-inset-bottom));max-height:calc(var(--online-viewport-height,100dvh) * .45);overflow-y:auto;overscroll-behavior:contain;scroll-padding-bottom:max(8px,env(safe-area-inset-bottom));box-sizing:border-box}
body[data-play-mode="online"] aside:has(.player){overflow-y:auto}
body[data-play-mode="online"] .player{height:min(300px,calc(var(--online-viewport-height,100dvh) * .40))}
body[data-play-mode="online"] .hud-bottom{bottom:calc(var(--controls-height,0px) + var(--online-viewport-bottom,0px) + 3px)}
@media(min-width:900px){body[data-play-mode="online"] .hud-bottom{bottom:15px}body[data-play-mode="online"] aside{max-height:48dvh}}