/* UI helpers: modals, drawer, slider */

/* Shell layout — kill duplicate-reset / scrollbar-gutter side gap + overflow */
html {
  scrollbar-gutter: auto !important;
  overflow-x: hidden !important;
  background: #051226 !important;
  width: 100% !important;
  max-width: 100% !important;
}

html,
body {
  margin: 0 !important;
  padding: 0 !important;
}

body,
#root,
[data-theme],
.mobile-app--uU8SU {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

body {
  background: #051226 !important;
  background-color: #051226 !important;
}

.mobile-app--uU8SU,
.page-container--sJ2WB,
.main--ldrhR {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  min-width: 0 !important;
}

.main--ldrhR {
  background-color: #051226 !important;
}

/* Hide any orange/native scroll gutters in device mode */
html::-webkit-scrollbar,
body::-webkit-scrollbar,
#root::-webkit-scrollbar,
.mobile-app--uU8SU::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
  background: transparent !important;
}

.slick-list {
  background: transparent !important;
  background-image: none !important;
}

.landing-bottom-menu--qRKwr {
  left: 50% !important;
  right: auto !important;
  width: calc(100% - 24px) !important;
  max-width: calc(100vw - 24px) !important;
  transform: translateX(-50%) !important;
  box-sizing: border-box !important;
}

[data-ui-hidden="true"] {
  display: none !important;
}

body.ui-locked {
  overflow: hidden;
  touch-action: none;
}

/* Disabled nav links: visible but non-clickable */
a.link-disabled,
a[data-link-disabled="true"] {
  pointer-events: none !important;
  cursor: default !important;
}

[data-games-href] .game--VfOXC {
  cursor: pointer;
}

.games-grid--rpxHp .grid-item--l5sby,
.main--ldrhR .grid-item--l5sby {
  cursor: pointer;
}

/* Logged header — don't override site CSS for balance/avatar */
.header--GQJyT .my-account--TB2Tg {
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
}

/* Account side menu */
#account-overlay.overlay--cSr4S {
  z-index: -1;
}
#account-overlay.overlay-active--jOA_4 {
  z-index: 10001;
}
#account-side-menu.side-menu-wrapper-mobile--MwqgN {
  position: fixed;
  right: 0;
  top: 0;
  left: auto;
  z-index: 10002;
  margin-left: auto;
}
#account-side-menu:not(.not-visible--s4Fc8) {
  opacity: 1;
  visibility: visible;
}

/* Compact logged header icons like live site */
.header-controls--HhBKy .bonus-button--qnteo,
.header-controls--HhBKy .notifications--takB6,
.header-controls--HhBKy .chat-icon--UPSg_ {
  color: #c5cbd3;
  flex-shrink: 0;
}
.header-controls--HhBKy .pui-badge,
.header-controls--HhBKy .badge-count--cmPpO {
  background: #1a2648;
  color: #fff;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
  min-width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  box-sizing: border-box;
}

/* Avatar silhouette fallback (missing css-image asset) */
.header-controls--HhBKy .avatar--U4z0Z:before {
  display: none !important;
}
.header-controls--HhBKy .avatar--U4z0Z {
  background: var(--blue-gradient, linear-gradient(135deg, #3a6cff, #1a3a8f));
}
.header-controls--HhBKy .avatar--U4z0Z > svg {
  width: 22px;
  height: 22px;
  display: block;
}
.header-controls--HhBKy .logo-icon--XACG9 {
  height: 28px;
  width: auto;
  max-width: 120px;
  object-fit: contain;
}
@media screen and (max-width: 385px) {
  .header-controls--HhBKy .chat-icon--UPSg_ {
    display: none;
  }
}

/* Cashback sheet */
#cashback-sheet {
  max-height: min(92vh, 720px);
  overflow: auto;
  z-index: 10020;
  padding-bottom: 24px;
}
#cashback-sheet .bottom-sheet-body--puW4e {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 8px 16px 24px;
  box-sizing: border-box;
}
#cashback-sheet .bonus-cashback-modal-title--yIbq1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
#cashback-sheet .bonus-cashback-modal-amount--c3phd {
  font-size: 28px;
  font-weight: 700;
  color: #fff;
}
#cashback-sheet .bonus-cashback-modal-label--L5c_i {
  font-size: 14px;
  color: rgba(255,255,255,.75);
}
#cashback-sheet .divider--KyWUD {
  width: 100%;
  height: 1px;
  background: rgba(255,255,255,.1);
  margin: 4px 0;
}
#cashback-sheet .transfer-button--VHP_v:disabled {
  opacity: .45;
  cursor: not-allowed;
  width: 100%;
  max-width: 360px;
  border: 0;
}

/* Account page — match live mobile layout */
.account-page--Z6Ajs {
  color: #fff;
  min-height: calc(100dvh - 128px);
  background: var(--background, #0b1224);
}
.account-page--Z6Ajs .children-container--LJAEa {
  width: 100%;
}
[data-mobile="true"] .account-page--Z6Ajs .sidebar--YeEiJ {
  background: none !important;
  border: none !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 0 18px !important;
  border-radius: 0 !important;
}
.account-page--Z6Ajs .my-account--CHU2i {
  align-items: center !important;
  background: var(--color-7, #121a31) !important;
  border-bottom: 1px solid var(--color-2, rgba(255,255,255,.08)) !important;
  display: flex !important;
  flex-direction: row !important;
  gap: 12px !important;
  padding: 18px 16px !important;
  white-space: nowrap;
  position: relative;
}
.account-page--Z6Ajs .avatar-wrapper--gnndq {
  position: relative;
  flex-shrink: 0;
}
.account-page--Z6Ajs .avatar--U4z0Z:before {
  display: none !important;
}
.account-page--Z6Ajs .avatar--U4z0Z {
  background: var(--blue-gradient, linear-gradient(135deg, #3a6cff, #1a3a8f)) !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.account-page--Z6Ajs .avatar--U4z0Z > svg {
  width: 22px;
  height: 22px;
}
.account-page--Z6Ajs .edit-button--v2M2H {
  position: absolute;
  inset: 0;
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
}
.account-page--Z6Ajs .edit-icon-wrapper--sidOl {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--brand, #ff9e00);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.account-page--Z6Ajs .username-container--UZ1jM {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  min-width: 0;
  flex: 1;
}
.account-page--Z6Ajs .username--JfidG {
  align-items: center;
  color: var(--text, #fff);
  display: flex;
  font-size: 16px;
  font-weight: 500;
  gap: 4px;
  line-height: 20px;
  max-width: 100%;
}
.account-page--Z6Ajs .amount--jJLe6 {
  color: var(--brand, #ff9e00);
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  position: relative;
  display: flex;
  gap: 6px;
  align-items: center;
}
.account-page--Z6Ajs .menu--tri3I {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
  padding: 0 12px 8px;
}
.account-page--Z6Ajs .menu--zdw71 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.account-page--Z6Ajs .list-item--vTbVF {
  color: var(--text, #fff) !important;
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  padding: 0 16px !important;
  height: 42px !important;
  min-height: 42px;
  text-decoration: none;
  background: var(--color-6, rgba(255,255,255,.06));
  border: 0;
  border-radius: 8px;
  box-sizing: border-box;
}
.account-page--Z6Ajs .list-item--vTbVF.is-active {
  background: rgba(255, 158, 0, 0.12);
}
.account-page--Z6Ajs .list-item--vTbVF .icon--Cqujm {
  margin-right: 12px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.account-page--Z6Ajs .list-item--vTbVF .name--EQIye {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
.account-page--Z6Ajs .logout--QAsAR {
  align-items: center;
  background: var(--color-6, rgba(255,255,255,.06));
  border-radius: 8px;
  display: flex;
  gap: 12px;
  height: 42px;
  padding: 0 16px;
  margin-top: 4px;
  color: #fff;
  text-decoration: none;
  box-sizing: border-box;
}
.account-page--Z6Ajs .account-main--panel {
  margin: 12px;
  padding: 16px;
  border-radius: 10px;
  background: var(--color-7, #121a31);
  border: 1px solid rgba(255,255,255,.06);
}
.account-page--Z6Ajs .account-main--panel .panel-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 14px;
}
.account-page--Z6Ajs .promo-code--UiCbk {
  display: flex;
  gap: 8px;
  align-items: center;
}
.account-page--Z6Ajs .promo-code--UiCbk .container--TOQ8_ {
  flex: 1;
}
.account-page--Z6Ajs .promo-code--UiCbk .input--zF1p4 {
  width: 100%;
  box-sizing: border-box;
}
.account-page--Z6Ajs .apply-button--rlvdh {
  flex-shrink: 0;
  min-height: 40px;
  padding: 0 14px;
}

/* Account subpages */
.account-page--Z6Ajs .back-button--qUgbg {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.account-page--Z6Ajs .sb__reset_link {
  color: inherit;
  text-decoration: none;
}
.account-page--Z6Ajs .empty-wrapper--lAvco,
.account-page--Z6Ajs .empty-container--fTNgf,
.account-page--Z6Ajs .empty-state--ozcH9 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 16px;
  text-align: center;
  gap: 12px;
  color: rgba(255,255,255,.7);
}
.account-page--Z6Ajs .text--fSyrd,
.account-page--Z6Ajs .empty--sChDT,
.account-page--Z6Ajs .empty-state-text--acc {
  color: rgba(255,255,255,.65);
  font-size: 14px;
}
.account-page--Z6Ajs .create--vrXfC,
.account-page--Z6Ajs .new-request-button--iYghJ {
  min-height: 44px;
  border: 0;
  cursor: pointer;
}
.account-page--Z6Ajs .call-requests-page--pkv3m {
  padding: 16px;
}
.account-page--Z6Ajs .filter-trigger--uhqHu {
  background: rgba(255,255,255,.04);
  border-radius: 8px;
  padding: 12px 14px;
  color: #fff;
}
.account-page--Z6Ajs .filter-label--H91g5 { color: rgba(255,255,255,.55); font-size: 13px; }
.account-page--Z6Ajs .filter-value--DhgQm { color: #fff; font-weight: 600; font-size: 14px; }
.account-page--Z6Ajs .new-request-button-wrapper--WeKmt {
  margin-top: auto;
  padding-top: 8px;
}
.account-page--Z6Ajs .new-request-button--iYghJ.wide--kGBmq,
.account-page--Z6Ajs .button--ADLJr.wide--kGBmq {
  width: 100%;
}
.account-page--Z6Ajs .history--w0MgB,
.account-page--Z6Ajs .responsible-gambling--Qy9Tp {
  padding: 12px 16px 24px;
}
.account-page--Z6Ajs .product-switch--XHfRq {
  display: flex;
  gap: 8px;
}
.account-page--Z6Ajs .product-tab--uCeCf,
.account-page--Z6Ajs .link--jjr1g,
.account-page--Z6Ajs .limit-type--vfjBf,
.account-page--Z6Ajs .product--ayzgx {
  text-decoration: none;
  color: #fff;
  white-space: nowrap;
}
.account-page--Z6Ajs .track--lkt9f,
.account-page--Z6Ajs .scroll-track--wzJMG,
.account-page--Z6Ajs .product-list--Rur7I {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 4px;
}
.account-page--Z6Ajs .date-field-input--kkHDd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(255,255,255,.04);
  border-radius: 8px;
  padding: 12px 14px;
  color: #fff;
}
.account-page--Z6Ajs .description--Kq7cN {
  color: rgba(255,255,255,.7);
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
}
.account-page--Z6Ajs .money-input-container--ndgUG {
  background: rgba(255,255,255,.04);
  border-radius: 8px;
  padding: 10px 12px;
}
.account-page--Z6Ajs .money-input-container--ndgUG input {
  width: 100%;
  background: transparent;
  border: 0;
  color: #fff;
  outline: none;
  font-size: 14px;
}
.account-page--Z6Ajs .search-container--VcjOP {
  padding: 12px 16px 0;
}
.account-page--Z6Ajs .methods--ALQOw {
  padding: 12px 16px 24px;
}
.account-page--Z6Ajs .tabs--ToVna {
  display: flex;
  gap: 8px;
  overflow-x: auto;
}
.account-page--Z6Ajs .tab--krWG0 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 8px;
  background: rgba(255,255,255,.04);
  color: #fff;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
}
.account-page--Z6Ajs .tab--krWG0.active--Ddx3m {
  background: rgba(255,158,0,.18);
}
.account-page--Z6Ajs .tab--krWG0 .group-img--LsHyN {
  width: 20px;
  height: 20px;
  object-fit: contain;
}
.account-page--Z6Ajs .payment-method-list--wr1g9 {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  gap: 8px;
  width: 100%;
}
.account-page--Z6Ajs .payment-card--wy9hl {
  display: block;
  flex: none !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
}
.account-page--Z6Ajs .method-icon--ozLcU img,
.account-page--Z6Ajs .method-icon--ozLcU picture img {
  width: 40px;
  height: 40px;
  object-fit: contain;
}
.account-page--Z6Ajs .payment-method-group-header--oqVqE .group-img--LsHyN {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

/* Deposit method form */
.account-page--Z6Ajs .deposit-method-wrap {
  padding: 16px;
  max-width: 560px;
  width: 100%;
  box-sizing: border-box;
}
.account-page--Z6Ajs .form-group--zp4Jd {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.account-page--Z6Ajs .form-group-item--Iqhmm {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.account-page--Z6Ajs .deposit-method-wrap .field--FyYuA {
  width: 100%;
}
.account-page--Z6Ajs .deposit-method-wrap .input-container--k6Aqz {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
}
.account-page--Z6Ajs .deposit-method-wrap .form-item--TDIrL {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 10px;
}
.account-page--Z6Ajs .deposit-name-box--acc,
.account-page--Z6Ajs .deposit-method-wrap .money-input-container--ndgUG {
  background: var(--color-1, rgba(255,255,255,.04));
  border: 1px solid var(--color-3, rgba(255,255,255,.08));
  border-radius: 8px;
  padding: 12px 14px;
  min-height: 48px;
  box-sizing: border-box;
  width: 100%;
  display: flex;
  align-items: center;
}
.account-page--Z6Ajs .deposit-name-box--acc {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
.account-page--Z6Ajs .deposit-name-box--acc input {
  width: 100%;
  background: transparent;
  border: 0;
  color: #fff;
  outline: none;
  font-size: 14px;
}
.account-page--Z6Ajs .deposit-method-wrap .money-input-container--ndgUG input {
  width: 100%;
  background: transparent;
  border: 0;
  color: #fff;
  outline: none;
  font-size: 14px;
}
.account-page--Z6Ajs .amount-list--aOobv {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap;
  gap: 8px;
  margin-top: 0;
  width: 100%;
}
.account-page--Z6Ajs .amount--FaXKq {
  flex: 1 1 0;
  min-width: 0;
  background: var(--color-1, rgba(255,255,255,.04));
  border: 1px solid var(--color-3, rgba(255,255,255,.08));
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  padding: 10px 6px;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
}
.account-page--Z6Ajs .amount--FaXKq .ellipsis--Z23bR {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.account-page--Z6Ajs .amount--FaXKq.is-active {
  border-color: rgba(255,158,0,.7);
  background: rgba(255,158,0,.16);
}
.account-page--Z6Ajs .deposit-bonus-select--acc,
.account-page--Z6Ajs .select--vuK16 {
  width: 100%;
}
.account-page--Z6Ajs .deposit-bonus-select--acc {
  appearance: none;
  background: var(--color-1, rgba(255,255,255,.04));
  border: 1px solid var(--color-3, rgba(255,255,255,.08));
  border-radius: 8px;
  color: #fff;
  padding: 12px 14px;
  min-height: 48px;
  width: 100%;
  box-sizing: border-box;
}
.account-page--Z6Ajs .deposit-bonus-select--acc option {
  color: #111;
}
.account-page--Z6Ajs .deposit-hint--acc {
  display: none;
}
.account-page--Z6Ajs .deposit-error--acc {
  color: #ff6b6b;
  font-size: 13px;
  margin-top: 4px;
}
.account-page--Z6Ajs .form-item--Ld_mn {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.account-page--Z6Ajs .form-item-title--gnmxE {
  color: rgba(255,255,255,.55);
  font-size: 12px;
  font-weight: 500;
}
.account-page--Z6Ajs .form-item-content--RR7Gj {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: rgba(255,255,255,.04);
  border-radius: 8px;
  padding: 12px 14px;
  color: #fff;
  font-size: 14px;
  word-break: break-all;
}
.account-page--Z6Ajs .copy--HwQGB {
  background: transparent;
  border: 0;
  color: rgba(255,255,255,.75);
  cursor: pointer;
  display: inline-flex;
  padding: 0;
  flex-shrink: 0;
}
.account-page--Z6Ajs .deposit-summary--acc {
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: rgba(255,255,255,.75);
  font-size: 13px;
}
.account-page--Z6Ajs .deposit-summary--acc strong {
  color: #fff;
}
.account-page--Z6Ajs .button--ADLJr {
  border: 0;
  cursor: pointer;
}
.account-page--Z6Ajs .orange-gradient--_gJyt {
  background: var(--orange-gradient, linear-gradient(90deg,#ff9e00,#ff6d00));
}

/* Drawer logged profile */
.drawer-profile--bEmj2 {
  padding: 12px 16px 8px;
  color: #fff;
}
.drawer-profile--bEmj2 .profile-header--RAVQB {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.drawer-profile--bEmj2 .profile-name--w9P3J {
  font-size: 15px;
  font-weight: 700;
}
.drawer-profile--bEmj2 .stats--TwznW {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 12px;
}
.drawer-profile--bEmj2 .stat-card--Zrt1N {
  background: rgba(255,255,255,.06);
  border-radius: 10px;
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.drawer-profile--bEmj2 .stat-label--RqWxI {
  font-size: 11px;
  color: rgba(255,255,255,.65);
}
.drawer-profile--bEmj2 .stat-value-cashback--GLLVX,
.drawer-profile--bEmj2 .stat-value-bonuses--h2ZPQ {
  font-size: 16px;
  font-weight: 700;
}
.drawer-profile--bEmj2 .my-account--juT65 {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  text-decoration: none;
  padding: 10px 0;
  font-weight: 600;
}
.drawer-profile--bEmj2 .promo-code--UiCbk {
  align-items: center;
}
.drawer-profile--bEmj2 .promo-code--UiCbk .container--TOQ8_ {
  flex: 1;
}

.ui-overlay--r2B2E {
  position: fixed;
  inset: 0;
  width: 100vw;
  width: 100dvw;
  height: 100vh;
  height: 100dvh;
  background: #000;
  opacity: 0.4;
  z-index: 10000;
}

.bottom-sheet--DH7kc[data-ui-hidden="true"],
.drawer-overlay--An0DU[data-ui-hidden="true"] {
  display: none !important;
}

.bottom-sheet--DH7kc:not([data-ui-hidden="true"]) {
  display: flex;
}

.drawer-overlay--An0DU:not([data-ui-hidden="true"]) {
  display: flex;
  z-index: 10002;
}

.drawer--RAaoG {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* ========== Hero slider (match original mobile) ========== */
[data-mobile="true"] #commonBanners3 .container--p4pQ5 {
  margin: 0 auto !important;
  padding: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}

[data-mobile="true"] .carousel-container--m8jQg,
[data-mobile="true"] .carousel--vW2iR {
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 0 !important;
  overflow: hidden;
  position: relative;
}

.carousel--vW2iR .slick-list {
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

.carousel--vW2iR .slick-track {
  display: flex !important;
  align-items: stretch;
  will-change: transform;
  transition: transform 0.45s ease;
  left: 0 !important;
  opacity: 1 !important;
}

.carousel--vW2iR .slick-slide {
  flex: 0 0 auto;
  float: none !important;
  height: auto !important;
  outline: none;
  box-sizing: border-box;
}

.carousel--vW2iR .slick-slide > div {
  height: 100%;
  width: 100%;
}

.carousel--vW2iR .slide--geB4A {
  display: block;
  width: 100%;
  color: inherit;
  text-decoration: none;
}

/* Original mobile banner ratio is 2:1 — NOT 1.23 */
.carousel--vW2iR .slide-inner--vdxkn {
  position: relative !important;
  width: 100% !important;
  overflow: hidden !important;
  background: var(--background, #0b1220);
  aspect-ratio: 2 / 1 !important;
}

.carousel--vW2iR .lazy-game-img--UambA.slide-image--zx7k5,
.carousel--vW2iR .slide-image--zx7k5.lazy-game-img--UambA {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: unset !important;
}

.carousel--vW2iR .slide-image--zx7k5 picture,
.carousel--vW2iR .lazy-game-img--UambA picture {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block;
}

.carousel--vW2iR .slide-image--zx7k5 img,
.carousel--vW2iR img.img-high--nTrdE,
.carousel--vW2iR img.slide-image--zx7k5 {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  aspect-ratio: unset !important;
}

.carousel--vW2iR .gradient-overlay--logfx {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: unset !important;
  pointer-events: none;
}

.carousel--vW2iR .slide-overlay--m2INe {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  z-index: 1;
}

.carousel-dots--ui,
.carousel--vW2iR .slick-dots {
  display: none !important;
}

/* ========== Login / Register: white text (esp. terms block) ========== */
#login-sheet,
#register-sheet {
  color: #fff !important;
  --text: #ffffff;
  --dark-text: #ffffff;
  --text-3: #ffffff;
  --auth-modal-secondary-color: #ffffff;
  --cms-rich-text: #ffffff;
}

#login-sheet .header--NCjFb,
#register-sheet .header--NCjFb,
#login-sheet .close-button--A9MHg,
#register-sheet .close-button--A9MHg {
  color: #fff !important;
}

#login-sheet .content--I_ARF,
#register-sheet .content--BahL7,
#login-sheet .content--I_ARF *,
#register-sheet .content--BahL7 * {
  color: #fff !important;
}

/* Keep brand accents on switch/login link */
#login-sheet .fallback-link--hkgys,
#register-sheet .fallback-link--hkgys,
#login-sheet .modal-switch-link--DQqR5 .fallback-link--hkgys,
#register-sheet .modal-switch-link--DQqR5 .fallback-link--hkgys {
  color: #4da3ff !important;
}

#login-sheet .input--zF1p4,
#register-sheet .input--zF1p4 {
  width: 100%;
  box-sizing: border-box;
  color: #fff !important;
  caret-color: #fff;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.18);
}

#login-sheet .input--zF1p4::placeholder,
#register-sheet .input--zF1p4::placeholder {
  color: rgba(255, 255, 255, 0.65) !important;
  opacity: 1;
}

#login-sheet .input--zF1p4::-webkit-input-placeholder,
#register-sheet .input--zF1p4::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.65) !important;
}

/* Circled terms / promo block — force white */
#register-sheet .promo-code--TOeLk,
#register-sheet .promo-code--TOeLk *,
#register-sheet .promo-code-expand--zBjDp,
#register-sheet .promo-code-expand--zBjDp *,
#register-sheet .wrapper--t1YHI,
#register-sheet .wrapper--t1YHI *,
#register-sheet .title--H92wd,
#register-sheet .title--H92wd *,
#register-sheet .title--H92wd a,
#register-sheet .title--H92wd a *,
#register-sheet a.link--VhDqk,
#register-sheet a.link--VhDqk *,
#register-sheet a.sb__reset_link,
#register-sheet a.sb__reset_link *,
#register-sheet .ellipsis--Z23bR,
#register-sheet label.checkbox--fHvdX,
#register-sheet label.container--X1TqR {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

#register-sheet .checkbox--iDCVz {
  background: rgba(255, 255, 255, 0.15) !important;
  border: 1px solid rgba(255, 255, 255, 0.35);
  color: #fff !important;
}

.content--I_ARF,
.content--BahL7 {
  padding: 16px;
  overflow-y: auto;
  max-height: calc(100dvh - 120px);
}

.drawer-body--LzsLb {
  overflow-y: auto;
  flex: 1;
  -webkit-overflow-scrolling: touch;
}

/* Welcome promo story modal + install banner (one-time) */
.welcome-promo--wrap {
  z-index: 10050 !important;
}

.welcome-promo-overlay--bg {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.72);
  z-index: 0;
}

.welcome-promo-modal--box {
  position: relative !important;
  z-index: 1;
  width: min(291px, calc(100vw - 48px));
  height: min(518px, calc(100dvh - 96px));
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
}

.welcome-promo-modal--box .image--LDH5b,
.welcome-promo-modal--box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.install-banner--wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 10040;
  border-radius: 0;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
}

.install-banner--wrap .install-card--UTcWC {
  border-radius: 0;
  width: 100%;
  box-sizing: border-box;
}

.install-banner--wrap .install-close--cRWOP {
  flex-shrink: 0;
  align-self: flex-start;
  margin-top: 2px;
}

/* Push page content below the top install banner while visible */
body:has(#install-banner[data-ui-hidden="false"]) .mobile-app--uU8SU {
  padding-top: 76px;
}