@media (max-width: 560px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    overscroll-behavior-x: none;
  }

  .content-wrapper {
    padding-top: calc(var(--lb-topbar-h) + var(--lb-safe-top) + 10px) !important;
    padding-bottom: calc(var(--lb-bottomnav-h) + var(--lb-safe-bottom) + 18px) !important;
  }

  #alyAccountOverlay,
  #alyGateOverlay,
  #depositModal,
  .aly-daily-task-modal,
  .aly-race-modal,
  .aly-reward-pack-backdrop {
    padding-top: calc(var(--lb-safe-top) + 10px) !important;
    padding-bottom: calc(var(--lb-safe-bottom) + var(--lb-bottomnav-h) + 10px) !important;
  }

  #alyAccountOverlay .aly-account-card,
  #alyGateOverlay .aly-gate-card,
  #depositModal .aly-deposit-modal,
  .aly-task-sheet,
  .aly-race-sheet,
  .aly-reward-pack-sheet {
    width: min(430px, calc(100vw - 18px)) !important;
    max-height: calc(100dvh - var(--lb-topbar-h) - var(--lb-bottomnav-h) - var(--lb-safe-top) - var(--lb-safe-bottom) - 24px) !important;
    overflow: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  #alyAccountOverlay button[aria-label*="Close"],
  #alyAccountOverlay .aly-account-close,
  #depositModal button[aria-label*="Close"],
  .lb-sheet-close {
    min-width: 42px !important;
    width: 42px !important;
    min-height: 42px !important;
    height: 42px !important;
    border-radius: 15px !important;
    position: relative;
    z-index: 3;
  }
}