/* Keep the platform hall's pager inside the visible viewport. */
.slot-page[data-v-ab4c867c] {
  height: 100vh;
  height: 100dvh;
  min-height: 0;
  overflow: hidden;
}

.slot-page .slot-header[data-v-ab4c867c],
.slot-page .search-bar[data-v-ab4c867c],
.slot-page .filter-tabs[data-v-ab4c867c],
.slot-page .pagination-fixed[data-v-ab4c867c] {
  flex-shrink: 0;
}

.slot-page .slot-layout[data-v-ab4c867c],
.slot-page .slot-main[data-v-ab4c867c],
.slot-page .platform-sidebar[data-v-ab4c867c] {
  min-height: 0;
}

.slot-page .game-scroll-area[data-v-ab4c867c] {
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
  max-height: none;
  overflow-y: auto;
}

.slot-page .pagination-fixed[data-v-ab4c867c] {
  margin-top: 0;
  padding: 8px 0 calc(8px + env(safe-area-inset-bottom, 0px));
}

/* iOS home-screen apps place #app below the status bar while 100dvh can
   still include that bar. Reserve its height so the pager stays on-screen. */
@supports (-webkit-touch-callout: none) {
  @media (display-mode: standalone) and (max-width: 540px) {
    .slot-page[data-v-ab4c867c] {
      height: calc(100dvh - max(44px, env(safe-area-inset-top, 0px)));
    }
  }
}