/* Player scroll owner selected by runtime class; works on older Android Chrome
 * without relying on :has() or a particular React wrapper depth.
 */
@media (max-width: 1024px), (hover: none) and (pointer: coarse) {
  html.ruay55-android-player-scroll,
  html.ruay55-android-player-scroll.player-action-route-locked,
  html.ruay55-android-player-scroll > body,
  html.ruay55-android-player-scroll > body.ruay55-android-player-scroll.player-action-route-locked {
    height: auto !important;
    min-height: 100% !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    position: static !important;
    inset: auto !important;
    top: auto !important;
    touch-action: pan-y !important;
    overscroll-behavior: auto !important;
    overscroll-behavior-y: auto !important;
  }

  html.ruay55-android-player-scroll body #root,
  html.ruay55-android-player-scroll body #root .player-shell,
  html.ruay55-android-player-scroll body #root .player-action-shell,
  html.ruay55-android-player-scroll body #root .player-action-page,
  html.ruay55-android-player-scroll body #root .player-action-page-content,
  html.ruay55-android-player-scroll body #root .main-area,
  html.ruay55-android-player-scroll body #root .page-content,
  html.ruay55-android-player-scroll body #root .content-page {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    touch-action: pan-y !important;
    overscroll-behavior: auto !important;
    overscroll-behavior-y: auto !important;
  }

  html.ruay55-android-player-scroll body #root .player-shell,
  html.ruay55-android-player-scroll body #root .player-action-page {
    min-height: 100dvh !important;
  }
}