/* mobile-overscroll-fix.css — disable pull-to-refresh + FIX desktop scroll.
   2026-05-31.
   ROOT CAUSE of "desktop can't scroll": main.css had `body{overflow-x:hidden!important}`,
   which forces computed `overflow-y:auto` → body becomes a scroll container and the mouse
   WHEEL scrolls that (full-height, can't move) instead of the viewport. Override with
   `overflow-x: clip` — clips horizontal overflow WITHOUT creating a scroll container, so
   overflow-y stays `visible` and the window scrolls normally on desktop. Mobile unaffected. */
html { overscroll-behavior-y: none; }
body {
  overscroll-behavior-y: none;
  overflow-x: clip !important;   /* NOT hidden — keeps desktop wheel/scroll working */
}

/* Inner scroll areas: contain so their overscroll never chains to a page refresh */
.modal-backdrop, .auth-v3, .pf-v4, #drawer, .drawer, .modal, .modal-sheet,
.bottom-sheet, [data-scroll], .scrollable, .scroll-y, .games-scroll, .hscroll {
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
/* Legacy Malay "Bolehspin" onboarding tour overlay blocked scrolling — keep it hidden. */
#bs-tour-overlay { display: none !important; }