/* Keep the canvas continuous when a short internal page ends above the
   browser's bottom edge. This fills the exposed area without moving any
   existing content or navigation. */
body.current-page-help,
body.current-page-profile,
body.current-page-editProfile,
body.current-page-memberProfiles,
body.current-page-memberPoints,
body.current-page-memberStatistics,
body.current-page-memberHistory,
body.current-page-help .app-shell,
body.current-page-profile .app-shell,
body.current-page-editProfile .app-shell,
body.current-page-memberProfiles .app-shell,
body.current-page-memberPoints .app-shell,
body.current-page-memberStatistics .app-shell,
body.current-page-memberHistory .app-shell {
  background: #141414 !important;
}

body.current-page-wallet,
body.current-page-walletTransactions,
body.current-page-redemptionHistory,
body.current-page-wallet .app-shell,
body.current-page-walletTransactions .app-shell,
body.current-page-redemptionHistory .app-shell {
  background: #07101f !important;
}

body:not(.current-page-home) .ambient {
  display: none !important;
}

/* On phones and tablets, make the page canvas and the outer background
   continuous so short pages never expose a different strip underneath. */
@media (max-width: 899px) {
  html,
  body,
  .app-shell {
    min-height: 100vh !important;
    min-height: 100dvh !important;
  }

  body.current-page-help,
  body.current-page-profile,
  body.current-page-wallet,
  body.current-page-walletTransactions,
  body.current-page-redemptionHistory,
  body.current-page-editProfile,
  body.current-page-memberProfiles,
  body.current-page-memberPoints,
  body.current-page-memberStatistics,
  body.current-page-memberHistory {
    background: #141414 !important;
  }
}