:root {
  --mama-orange: #ff7a00;
  --mama-orange-2: #ff9f1a;
  --mama-orange-3: #ff5a00;
  --mama-ink: #222334;
  --mama-muted: #757887;
  --mama-line: #ece8e2;
  --mama-bg: #fff7ef;
  --mama-panel: #ffffff;
  --mama-soft: #fff1df;
  --mama-shadow: 0 12px 26px rgba(255, 122, 0, .12), 0 4px 10px rgba(34, 35, 52, .06);
}

/* Final deposit-page overrides loaded after the shared source parity rules. */
html body.source-mobile-skin.page-deposit.page-deposit,
html body.source-mobile-skin.page-deposit.page-deposit .app,
html body.source-mobile-skin.page-deposit.page-deposit .app-shell {
  max-width: 573px !important;
  height: 100dvh !important;
  min-height: 100dvh !important;
  padding-bottom: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-page-head,
html body.source-mobile-skin.page-deposit.page-deposit .source-page-head.topbar.shell-topbar,
html body.source-mobile-skin.page-deposit.page-deposit .shell-topbar,
html body.source-mobile-skin.page-deposit.page-deposit .topbar.shell-topbar,
html body.source-mobile-skin.page-deposit.page-deposit .bottom-nav,
html body.source-mobile-skin.page-deposit.page-deposit .nav-dock {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-page {
  height: 100dvh !important;
  min-height: 100dvh !important;
  padding: 0 clamp(17px, 4.2vw, 30px) calc(18px + env(safe-area-inset-bottom, 0px)) !important;
  overflow: hidden !important;
  background: #fff !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney {
  height: 100% !important;
  min-height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  padding-top: calc(38px + env(safe-area-inset-top, 0px)) !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-head {
  display: grid !important;
  grid-template-columns: clamp(52px, 12vw, 70px) minmax(0, 1fr) clamp(52px, 12vw, 70px) !important;
  gap: clamp(11px, 3.6vw, 22px) !important;
  align-items: center !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-icon,
html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-close {
  width: clamp(50px, 12vw, 64px) !important;
  height: clamp(50px, 12vw, 64px) !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-title h1 {
  font-size: clamp(27px, 6.5vw, 36px) !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-title p {
  font-size: clamp(15px, 3.8vw, 21px) !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-balance {
  margin-top: clamp(24px, 4.8dvh, 44px) !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-amount-block {
  margin-top: clamp(48px, 8.5dvh, 98px) !important;
  min-height: 0 !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-amount {
  font-size: clamp(56px, 13vw, 78px) !important;
  margin-top: clamp(15px, 2.8dvh, 25px) !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-min {
  margin-top: clamp(16px, 3dvh, 28px) !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-min.minimum-pill {
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #9aa2af !important;
  box-shadow: none !important;
  font-size: clamp(17px, 4.2vw, 27px) !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: -.03em !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-presets .quick-amount {
  height: clamp(48px, 9vw, 58px) !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-keypad {
  margin-top: clamp(16px, 3dvh, 30px) !important;
  row-gap: clamp(12px, 2.5dvh, 26px) !important;
  column-gap: clamp(18px, 6vw, 72px) !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-keypad button {
  height: clamp(38px, 7vw, 52px) !important;
  font-size: clamp(30px, 7.4vw, 40px) !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-submit {
  height: clamp(58px, 11vw, 68px) !important;
  margin-top: clamp(16px, 3dvh, 26px) !important;
}

@media (min-height: 820px) {
  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney {
    padding-top: calc(46px + env(safe-area-inset-top, 0px)) !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-balance {
    margin-top: 42px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-amount-block {
    margin-top: 108px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-keypad {
    margin-top: 34px !important;
    row-gap: 34px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-submit {
    margin-top: 32px !important;
  }
}

@media (max-width: 320px) {
  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-page {
    padding-inline: 14px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-head {
    grid-template-columns: 40px minmax(0, 1fr) 40px !important;
    gap: 7px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-icon,
  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-close {
    width: 40px !important;
    height: 40px !important;
    border-radius: 15px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-close {
    border-radius: 50% !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-title h1 {
    font-size: 22px !important;
    line-height: 1 !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-title p {
    margin-top: 5px !important;
    font-size: 12px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-balance {
    gap: 9px !important;
    font-size: 15px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-balance svg {
    width: 24px !important;
    height: 24px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-balance b {
    margin-left: 2px !important;
    font-size: 17px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-min.minimum-pill {
    font-size: 13px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-presets {
    gap: 7px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-presets .quick-amount {
    font-size: 13px !important;
  }
}

@media (max-width: 320px) {
  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-page {
    padding-inline: 14px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-head {
    grid-template-columns: 40px minmax(0, 1fr) 40px !important;
    gap: 7px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-icon,
  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-close {
    width: 40px !important;
    height: 40px !important;
    border-radius: 15px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-close {
    border-radius: 50% !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-title h1 {
    font-size: 22px !important;
    line-height: 1 !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-title p {
    margin-top: 5px !important;
    font-size: 12px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-balance {
    gap: 9px !important;
    font-size: 15px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-balance svg {
    width: 24px !important;
    height: 24px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-balance b {
    margin-left: 2px !important;
    font-size: 17px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-min.minimum-pill {
    font-size: 13px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-presets {
    gap: 7px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-presets .quick-amount {
    font-size: 13px !important;
  }
}

/* Source wallet/withdraw polish */
html body.source-mobile-skin.page-wallet .source-wallet.source-wallet-v2,
html body.source-mobile-skin.page-funds .source-wallet.source-wallet-v2 {
  background: #f4f6fb !important;
  padding: 16px 16px 116px !important;
}

html body.source-mobile-skin.page-wallet .source-wallet.source-wallet-v2 .wallet-card,
html body.source-mobile-skin.page-funds .source-wallet.source-wallet-v2 .wallet-card {
  height: 240px !important;
  border-radius: 22px !important;
  padding: 17px 16px 13px !important;
  background: linear-gradient(145deg, #16a34a 0%, #16a34a 50%, #0b7f16 100%) !important;
  box-shadow: 0 18px 34px rgba(11, 127, 22, .23), 0 6px 16px rgba(11, 127, 22, .06) !important;
  animation: sourceWalletCardIn .46s cubic-bezier(.16, 1, .3, 1) both !important;
}

html body.source-mobile-skin.page-wallet .source-wallet.source-wallet-v2 .wallet-card::before,
html body.source-mobile-skin.page-funds .source-wallet.source-wallet-v2 .wallet-card::before {
  display: block !important;
  right: -52px !important;
  top: -68px !important;
  width: 190px !important;
  height: 190px !important;
  background: rgba(255, 255, 255, .12) !important;
}

html body.source-mobile-skin.page-wallet .source-wallet.source-wallet-v2 .wallet-card::after,
html body.source-mobile-skin.page-funds .source-wallet.source-wallet-v2 .wallet-card::after {
  display: block !important;
  right: -34px !important;
  bottom: -68px !important;
  width: 158px !important;
  height: 158px !important;
  border-radius: 50% !important;
  border: 31px solid rgba(255, 255, 255, .08) !important;
  background: transparent !important;
}

html body.source-mobile-skin.page-wallet .source-wallet.source-wallet-v2 .wallet-balance,
html body.source-mobile-skin.page-funds .source-wallet.source-wallet-v2 .wallet-balance {
  font-size: 34px !important;
  letter-spacing: -.04em !important;
}

html body.source-mobile-skin.page-wallet .source-wallet.source-wallet-v2 .wallet-help,
html body.source-mobile-skin.page-funds .source-wallet.source-wallet-v2 .wallet-help {
  height: 34px !important;
  background: rgba(255, 255, 255, .16) !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  box-shadow: none !important;
  transition: transform .16s ease, filter .16s ease !important;
}

html body.source-mobile-skin.page-wallet .source-wallet.source-wallet-v2 .wallet-help:active,
html body.source-mobile-skin.page-funds .source-wallet.source-wallet-v2 .wallet-help:active,
html body.source-mobile-skin.page-wallet .source-wallet.source-wallet-v2 .wallet-action:active,
html body.source-mobile-skin.page-funds .source-wallet.source-wallet-v2 .wallet-action:active {
  transform: scale(.97) !important;
  filter: brightness(.98) !important;
}

html body.source-mobile-skin.page-wallet .source-wallet.source-wallet-v2 .wallet-mini,
html body.source-mobile-skin.page-funds .source-wallet.source-wallet-v2 .wallet-mini {
  min-height: 58px !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .14) !important;
  border: 1px solid rgba(255, 255, 255, .11) !important;
}

html body.source-mobile-skin.page-wallet .source-wallet.source-wallet-v2 .wallet-action,
html body.source-mobile-skin.page-funds .source-wallet.source-wallet-v2 .wallet-action {
  height: 42px !important;
  border-radius: 13px !important;
  gap: 7px !important;
  transition: transform .16s ease, filter .16s ease !important;
}

html body.source-mobile-skin.page-wallet .source-wallet.source-wallet-v2 .wallet-action.add,
html body.source-mobile-skin.page-funds .source-wallet.source-wallet-v2 .wallet-action.add {
  color: #16a34a !important;
  background: #fff !important;
  box-shadow: 0 8px 18px rgba(11, 127, 22, .16) !important;
}

html body.source-mobile-skin.page-wallet .source-wallet.source-wallet-v2 .wallet-action.withdraw,
html body.source-mobile-skin.page-funds .source-wallet.source-wallet-v2 .wallet-action.withdraw {
  color: #fff !important;
  background: rgba(255, 255, 255, .15) !important;
  border: 1px solid rgba(255, 255, 255, .12) !important;
}

html body.source-mobile-skin.page-wallet .source-wallet.source-wallet-v2 .transaction-panel,
html body.source-mobile-skin.page-funds .source-wallet.source-wallet-v2 .transaction-panel {
  border-radius: 20px !important;
  border-color: #e8edf5 !important;
  box-shadow: 0 16px 34px rgba(11, 127, 22, .055) !important;
  animation: sourceWalletPanelIn .42s .08s cubic-bezier(.16, 1, .3, 1) both !important;
}

html body.source-mobile-skin.page-order .status-popup.good {
  max-width: 332px !important;
  padding: 32px 22px 20px !important;
  border-radius: 24px !important;
  background: #fff !important;
  box-shadow: 0 16px 36px rgba(11, 127, 22, .24) !important;
  animation: sourceSuccessCardIn .24s cubic-bezier(.2, .9, .25, 1) both !important;
}

html body.source-mobile-skin.page-order .status-popup.good .status-icon {
  width: 84px !important;
  height: 84px !important;
  margin-bottom: 22px !important;
  background: #dcfce7 !important;
  color: #0b7f16 !important;
  box-shadow: none !important;
  animation: sourceSuccessIconIn .24s .04s cubic-bezier(.2, .9, .25, 1) both !important;
  overflow: hidden !important;
}

html body.source-mobile-skin.page-order .status-popup.good .status-icon::before {
  display: none !important;
}

html body.source-mobile-skin.page-order .status-popup.good .status-icon::after {
  display: none !important;
}

html body.source-mobile-skin.page-order .status-popup.good h2 {
  font-size: 27px !important;
  line-height: 33px !important;
  letter-spacing: -.04em !important;
}

html body.source-mobile-skin.page-order .status-popup.good p {
  max-width: 270px !important;
  color: #6b7280 !important;
  font-size: 15px !important;
  line-height: 22px !important;
}

html body.source-mobile-skin.page-order .status-popup.good .popup-ok {
  height: 54px !important;
  margin-top: 26px !important;
  border-radius: 14px !important;
  background: linear-gradient(90deg, #0b7f16 0%, #16a34a 100%) !important;
  box-shadow: none !important;
}

html body.source-mobile-skin.page-order .status-popup.good::before,
html body.source-mobile-skin.page-order .status-popup.good .popup-ok::after {
  display: none !important;
}

@keyframes sourceWalletCardIn {
  from { opacity: 0; transform: translateY(18px) scale(.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes sourceWalletPanelIn {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes sourceSuccessCardIn {
  from { opacity: 0; transform: translateY(18px) scale(.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes sourceSuccessIconIn {
  from { opacity: 0; transform: scale(.88); }
  to { opacity: 1; transform: scale(1); }
}

@keyframes sourceSuccessPulse {
  0% { opacity: .85; transform: scale(.78); }
  74%, 100% { opacity: 0; transform: scale(1.34); }
}

@media (max-width: 340px) {
  html body.source-mobile-skin.page-order .status-popup.good {
    max-width: 300px !important;
    padding: 28px 18px 18px !important;
    border-radius: 22px !important;
  }

  html body.source-mobile-skin.page-order .status-popup.good .status-icon {
    width: 76px !important;
    height: 76px !important;
    margin-bottom: 18px !important;
  }
}

/* Source Add Money screen parity: custom keypad, no native keyboard surface. */
html body.source-mobile-skin.page-deposit {
  width: 100% !important;
  min-width: 0 !important;
  height: 100dvh !important;
  overflow: hidden !important;
  background: #fff !important;
  color: #0b7f16 !important;
  font-family: "Outfit", "Space Grotesk", system-ui, sans-serif !important;
}

html body.source-mobile-skin.page-deposit .app,
html body.source-mobile-skin.page-deposit .app-shell {
  width: 100% !important;
  max-width: 573px !important;
  height: 100dvh !important;
  min-height: 100dvh !important;
  padding-bottom: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
}

html body.source-mobile-skin.page-deposit .source-page-head,
html body.source-mobile-skin.page-deposit .shell-topbar,
html body.source-mobile-skin.page-deposit .bottom-nav,
html body.source-mobile-skin.page-deposit .nav-dock {
  display: none !important;
}

html body.source-mobile-skin.page-deposit .source-addmoney-page {
  position: relative !important;
  width: 100% !important;
  height: 100dvh !important;
  min-height: 100dvh !important;
  padding: 0 clamp(17px, 4.2vw, 30px) calc(18px + env(safe-area-inset-bottom, 0px)) !important;
  overflow: hidden !important;
  background: #fff !important;
}

html body.source-mobile-skin.page-deposit .source-addmoney-page::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 2 !important;
  height: 4px !important;
  background: linear-gradient(90deg, #16a34a 0%, #16a34a 55%, #ee4b94 100%) !important;
}

html body.source-mobile-skin.page-deposit .source-addmoney {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  padding: calc(45px + env(safe-area-inset-top, 0px)) 0 0 !important;
  background: #fff !important;
}

html body.source-mobile-skin.page-deposit .source-addmoney-head {
  display: grid !important;
  grid-template-columns: clamp(58px, 14vw, 92px) minmax(0, 1fr) clamp(52px, 12vw, 82px) !important;
  align-items: center !important;
  gap: clamp(12px, 4vw, 26px) !important;
}

html body.source-mobile-skin.page-deposit .source-addmoney-icon,
html body.source-mobile-skin.page-deposit .source-addmoney-close {
  width: clamp(52px, 13vw, 70px) !important;
  height: clamp(52px, 13vw, 70px) !important;
  border: 0 !important;
  border-radius: 20px !important;
  display: grid !important;
  place-items: center !important;
  box-shadow: none !important;
}

html body.source-mobile-skin.page-deposit .source-addmoney-icon {
  color: #0b7f16 !important;
  background: #eaf1ff !important;
}

html body.source-mobile-skin.page-deposit .source-addmoney-icon svg {
  width: 30px !important;
  height: 30px !important;
}

html body.source-mobile-skin.page-deposit .source-addmoney-title h1 {
  margin: 0 !important;
  color: #0b7f16 !important;
  font-size: clamp(29px, 7vw, 42px) !important;
  line-height: .98 !important;
  font-weight: 900 !important;
  letter-spacing: -.04em !important;
  white-space: nowrap !important;
}

html body.source-mobile-skin.page-deposit .source-addmoney-title p {
  margin: 7px 0 0 !important;
  color: #89919f !important;
  font-size: clamp(16px, 4vw, 24px) !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
  white-space: nowrap !important;
}

html body.source-mobile-skin.page-deposit .source-addmoney-close {
  justify-self: end !important;
  cursor: pointer !important;
  color: #6b7280 !important;
  background: #f4f5f7 !important;
  border-radius: 50% !important;
}

html body.source-mobile-skin.page-deposit .source-addmoney-close svg {
  width: 28px !important;
  height: 28px !important;
}

html body.source-mobile-skin.page-deposit .source-addmoney-close:active,
html body.source-mobile-skin.page-deposit .quick-amount:active,
html body.source-mobile-skin.page-deposit .source-addmoney-keypad button:active {
  transform: scale(.96) !important;
}

html body.source-mobile-skin.page-deposit .source-addmoney-balance {
  margin-top: clamp(33px, 6.2dvh, 58px) !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  color: #8f98a6 !important;
  font-size: clamp(17px, 4.6vw, 27px) !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  letter-spacing: -.02em !important;
}

html body.source-mobile-skin.page-deposit .source-addmoney-balance svg {
  width: 30px !important;
  height: 30px !important;
  color: #9da6b2 !important;
  flex: 0 0 auto !important;
}

html body.source-mobile-skin.page-deposit .source-addmoney-balance b {
  margin-left: 5px !important;
  color: #151a22 !important;
  font-size: clamp(18px, 4.8vw, 28px) !important;
  font-weight: 900 !important;
}

html body.source-mobile-skin.page-deposit .source-addmoney-main {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

html body.source-mobile-skin.page-deposit .source-addmoney-amount-block {
  margin-top: clamp(78px, 14dvh, 144px) !important;
  text-align: center !important;
}

html body.source-mobile-skin.page-deposit .source-addmoney-eyebrow {
  color: #b2b8c2 !important;
  font-size: clamp(14px, 3.2vw, 22px) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .33em !important;
}

html body.source-mobile-skin.page-deposit .source-addmoney-amount {
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: clamp(18px, 3.4dvh, 30px) auto 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #c4cad3 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  font-size: clamp(58px, 15vw, 92px) !important;
  line-height: .85 !important;
  font-weight: 900 !important;
  letter-spacing: -.07em !important;
  cursor: default !important;
}

html body.source-mobile-skin.page-deposit .source-addmoney-rupee {
  margin-right: 5px !important;
  font-size: .72em !important;
  color: #c5cbd4 !important;
  letter-spacing: -.08em !important;
}

html body.source-mobile-skin.page-deposit .source-addmoney-caret {
  width: 3px !important;
  height: .86em !important;
  margin-left: clamp(6px, 1.5vw, 10px) !important;
  border-radius: 999px !important;
  background: #16a34a !important;
  animation: sourceDepositCaret 1s steps(2, start) infinite !important;
}

html body.source-mobile-skin.page-deposit .deposit-native-amount {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  caret-color: transparent !important;
}

html body.source-mobile-skin.page-deposit .source-addmoney-min {
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  margin-top: clamp(20px, 4dvh, 34px) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #9aa2af !important;
  box-shadow: none !important;
  font-size: clamp(17px, 4.2vw, 27px) !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: -.03em !important;
}

html body.source-mobile-skin.page-deposit .source-addmoney-message {
  min-height: 22px !important;
  margin-top: 10px !important;
}

html body.source-mobile-skin.page-deposit .source-addmoney-message .bad-msg,
html body.source-mobile-skin.page-deposit .source-addmoney-message .good-msg {
  display: inline-flex !important;
  margin: 0 !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  background: #dcfce7 !important;
  color: #0b7f16 !important;
}

html body.source-mobile-skin.page-deposit .source-addmoney-presets {
  width: 100% !important;
  margin-top: auto !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(8px, 2.3vw, 18px) !important;
}

html body.source-mobile-skin.page-deposit .source-addmoney-presets .quick-amount {
  width: 100% !important;
  height: clamp(50px, 10vw, 70px) !important;
  min-height: 0 !important;
  padding: 0 4px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #f0f1f4 !important;
  color: #4e5663 !important;
  box-shadow: none !important;
  font-size: clamp(15px, 3.7vw, 24px) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -.04em !important;
  transition: transform .12s ease, background .16s ease !important;
}

html body.source-mobile-skin.page-deposit .source-addmoney-keypad {
  margin-top: clamp(22px, 4.8dvh, 48px) !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  row-gap: clamp(22px, 4.8dvh, 48px) !important;
  column-gap: clamp(20px, 7vw, 86px) !important;
  align-items: center !important;
}

html body.source-mobile-skin.page-deposit .source-addmoney-keypad button {
  width: 100% !important;
  height: clamp(39px, 8.3vw, 65px) !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: transparent !important;
  color: #12161d !important;
  box-shadow: none !important;
  font-size: clamp(31px, 8.2vw, 48px) !important;
  line-height: 1 !important;
  font-weight: 500 !important;
  letter-spacing: -.02em !important;
  transition: transform .1s ease, background .12s ease !important;
}

html body.source-mobile-skin.page-deposit .source-addmoney-keypad button:active {
  background: #f5f7fb !important;
}

html body.source-mobile-skin.page-deposit .source-addmoney-keypad .source-addmoney-muted,
html body.source-mobile-skin.page-deposit .source-addmoney-keypad .source-addmoney-back {
  color: #9da5b1 !important;
  font-weight: 800 !important;
}

html body.source-mobile-skin.page-deposit .source-addmoney-keypad .source-addmoney-back svg {
  width: clamp(32px, 7vw, 44px) !important;
  height: clamp(32px, 7vw, 44px) !important;
}

html body.source-mobile-skin.page-deposit .source-addmoney-submit {
  width: 100% !important;
  height: clamp(62px, 12.5vw, 82px) !important;
  min-height: 0 !important;
  margin-top: clamp(23px, 4.5dvh, 44px) !important;
  border: 0 !important;
  border-radius: clamp(21px, 5vw, 30px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  background: #eceff4 !important;
  color: #b4bac4 !important;
  box-shadow: none !important;
  font-size: clamp(22px, 5vw, 32px) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -.04em !important;
  transition: transform .14s ease, box-shadow .16s ease, background .16s ease, color .16s ease !important;
}

html body.source-mobile-skin.page-deposit .source-addmoney-submit.is-ready {
  background: #16a34a !important;
  color: #fff !important;
  box-shadow: 0 14px 26px rgba(11, 127, 22, .22) !important;
}

html body.source-mobile-skin.page-deposit .source-addmoney-submit.is-loading {
  background: linear-gradient(90deg, #16a34a 0%, #16a34a 100%) !important;
  color: #fff !important;
  box-shadow: 0 14px 26px rgba(11, 127, 22, .24) !important;
}

html body.source-mobile-skin.page-deposit .source-addmoney-submit.is-ready:active {
  transform: scale(.985) !important;
}

html body.source-mobile-skin.page-deposit .source-addmoney-hidden {
  display: none !important;
}

html body.source-mobile-skin.page-deposit .status-modal {
  background: rgba(11, 127, 22, .55) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.source-mobile-skin.page-deposit .status-popup {
  border-radius: 24px !important;
  box-shadow: 0 22px 50px rgba(11, 127, 22, .22) !important;
}

html body.source-mobile-skin.page-deposit .status-icon {
  background: #dcfce7 !important;
  color: #0b7f16 !important;
}

html body.source-mobile-skin.page-deposit .popup-ok {
  border-radius: 14px !important;
  background: linear-gradient(90deg, #0b7f16 0%, #16a34a 100%) !important;
}

@keyframes sourceDepositCaret {
  0%, 45% { opacity: 1; }
  46%, 100% { opacity: .15; }
}

@media (max-width: 320px) {
  html body.source-mobile-skin.page-deposit .source-addmoney-page {
    padding-inline: 14px !important;
  }

  html body.source-mobile-skin.page-deposit .source-addmoney-head {
    grid-template-columns: 48px minmax(0, 1fr) 48px !important;
    gap: 10px !important;
  }

  html body.source-mobile-skin.page-deposit .source-addmoney-icon,
  html body.source-mobile-skin.page-deposit .source-addmoney-close {
    width: 46px !important;
    height: 46px !important;
    border-radius: 16px !important;
  }

  html body.source-mobile-skin.page-deposit .source-addmoney-close {
    border-radius: 50% !important;
  }

  html body.source-mobile-skin.page-deposit .source-addmoney-title h1 {
    font-size: 24px !important;
  }

  html body.source-mobile-skin.page-deposit .source-addmoney-title p {
    font-size: 14px !important;
  }

  html body.source-mobile-skin.page-deposit .source-addmoney-presets .quick-amount {
    font-size: 13px !important;
  }
}

@media (max-height: 760px) {
  html body.source-mobile-skin.page-deposit .source-addmoney {
    padding-top: calc(28px + env(safe-area-inset-top, 0px)) !important;
  }

  html body.source-mobile-skin.page-deposit .source-addmoney-balance {
    margin-top: 24px !important;
  }

  html body.source-mobile-skin.page-deposit .source-addmoney-amount-block {
    margin-top: 44px !important;
  }

  html body.source-mobile-skin.page-deposit .source-addmoney-keypad {
    row-gap: 18px !important;
    margin-top: 18px !important;
  }

  html body.source-mobile-skin.page-deposit .source-addmoney-submit {
    margin-top: 18px !important;
  }
}

html body.source-mobile-skin.page-home .side-menu .drawer {
  width: 260px !important;
  max-width: 85vw !important;
  min-height: 0 !important;
  padding: max(env(safe-area-inset-top, 0px), 0px) 0 max(env(safe-area-inset-bottom, 0px), 0px) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  background: #ffffff !important;
  box-shadow: 18px 0 44px rgba(11, 127, 22, .18) !important;
}

html body.source-mobile-skin.page-home .source-drawer-scroll {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
  padding-left: 6px !important;
  padding-right: 6px !important;
}

html body.source-mobile-skin.page-home .source-drawer-head {
  min-height: 56px !important;
  padding: 0 12px !important;
}

html body.source-mobile-skin.page-home .source-drawer-wallet {
  flex: 0 0 auto !important;
  margin: 10px 12px 11px !important;
  padding: 16px 16px 12px !important;
  background: #0b7f16 !important;
  border-radius: 16px !important;
  color: #ffffff !important;
}

html body.source-mobile-skin.page-home .source-drawer-footer,
html body.source-mobile-skin.page-home .source-drawer-head {
  flex: 0 0 auto !important;
}

html body.source-mobile-skin.page-home .source-drawer-link,
html body.source-mobile-skin.page-home .source-drawer-language {
  border-bottom: 0 !important;
  color: #4b5563 !important;
  grid-template-columns: 40px minmax(0, 1fr) 15px !important;
  gap: 10px !important;
  padding: 6px 10px !important;
}

html body.source-mobile-skin.page-home .source-drawer-icon {
  width: 40px !important;
  height: 40px !important;
}

html body.source-mobile-skin.page-home .source-drawer-icon svg {
  width: 20px !important;
  height: 20px !important;
}

html body.source-mobile-skin.page-home .source-drawer-support {
  grid-template-columns: 40px minmax(0, 1fr) 16px !important;
  gap: 12px !important;
  min-height: 62px !important;
  padding: 10px 14px !important;
  margin-bottom: 10px !important;
  border-radius: 15px !important;
}

html body.source-mobile-skin.page-home .source-drawer-support-icon {
  width: 40px !important;
  height: 40px !important;
  border-radius: 12px !important;
}

html body.source-mobile-skin.page-home .source-drawer-support-icon svg {
  width: 22px !important;
  height: 22px !important;
}

html body.source-mobile-skin.page-home .source-drawer-support b {
  font-size: 14px !important;
  line-height: 1.08 !important;
}

html body.source-mobile-skin.page-home .source-drawer-support span span {
  font-size: 11px !important;
  line-height: 1.12 !important;
}

html body.source-mobile-skin.page-home .source-drawer-version {
  padding-bottom: 12px !important;
}

html body.source-mobile-skin.page-home .source-drawer-link.is-active {
  color: #0b7f16 !important;
}

html body.source-mobile-skin.page-home .source-drawer-wallet-btn {
  color: #16a34a !important;
  background: #ffffff !important;
}

html body.source-mobile-skin.page-home .source-drawer-wallet-btn.is-withdraw {
  color: #ffffff !important;
  background: rgba(255,255,255,.18) !important;
}

@media (max-height: 720px) {
  html body.source-mobile-skin.page-home .side-menu .drawer {
    padding-top: max(env(safe-area-inset-top, 0px), 0px) !important;
  }

  html body.source-mobile-skin.page-home .source-drawer-head {
    min-height: 52px !important;
    padding-bottom: 0 !important;
  }

  html body.source-mobile-skin.page-home .source-drawer-wallet {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    padding-top: 14px !important;
    padding-bottom: 10px !important;
  }
}

@media (max-width: 300px) {
  html body.source-mobile-skin.page-home .side-menu .drawer {
    width: 260px !important;
    max-width: 85vw !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html body.source-mobile-skin.page-home .source-drawer-wallet {
    margin-left: 10px !important;
    margin-right: 10px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  html body.source-mobile-skin.page-home .source-drawer-scroll {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  html body.source-mobile-skin.page-home .source-drawer-link,
  html body.source-mobile-skin.page-home .source-drawer-language {
    grid-template-columns: 36px minmax(0, 1fr) 14px !important;
    gap: 8px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  html body.source-mobile-skin.page-home .source-drawer-icon {
    width: 36px !important;
    height: 36px !important;
  }

  html body.source-mobile-skin.page-home .source-drawer-support {
    grid-template-columns: 28px minmax(0, 1fr) 12px !important;
    gap: 7px !important;
    min-height: 50px !important;
    padding: 8px 9px !important;
  }

  html body.source-mobile-skin.page-home .source-drawer-support-icon {
    width: 28px !important;
    height: 28px !important;
    border-radius: 9px !important;
  }

  html body.source-mobile-skin.page-home .source-drawer-support-icon svg {
    width: 15px !important;
    height: 15px !important;
  }

  html body.source-mobile-skin.page-home .source-drawer-support b {
    font-size: 11.5px !important;
  }

  html body.source-mobile-skin.page-home .source-drawer-support span span {
    font-size: 9.5px !important;
  }
}

html,
body {
  background: var(--mama-bg) !important;
  color: var(--mama-ink) !important;
}

body {
  font-family: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(255, 159, 26, .14), transparent 245px),
    repeating-linear-gradient(135deg, rgba(255, 122, 0, .035) 0 1px, transparent 1px 14px);
}

#ui3d-scene,
.blob,
.stars,
.star {
  display: none !important;
}

.app,
.home-app,
.app-shell,
.login-container,
.register-container,
.forgot-container,
.app-container {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 500px;
  min-height: 100dvh;
  background: linear-gradient(180deg, #fffaf4 0, #fff7ef 46%, #f8f1ea 100%) !important;
  box-shadow: none !important;
  overflow-x: hidden;
}

.app,
.app-shell,
.home-app {
  padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px)) !important;
}

img[src="/images/logo.png"],
img[src="/images/logo.png?v=3"],
img[src="/images/mama567.png"],
img[src="/images/matkabook-splash.jpeg"],
img[src="/images/matkabook-splash.png?v=3"],
.brand-logo,
.logo-wrap img {
  object-fit: contain !important;
  background: transparent !important;
}

.logo-wrap {
  width: 88px !important;
  height: 88px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  animation: mamaLogoIn .38s ease-out both !important;
}

.logo-wrap img {
  width: 88px !important;
  height: 88px !important;
  border-radius: 0 !important;
}

.brand-name,
.home-brand b,
.title,
.shell-brand .title {
  color: var(--mama-ink) !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  text-transform: none !important;
}

.brand-name {
  font-size: 32px !important;
  font-weight: 900 !important;
}

.brand-name::first-letter,
.home-brand b::first-letter {
  color: var(--mama-ink);
}

.brand-tag,
.section-sub,
.home-brand small,
.shell-kicker {
  color: var(--mama-muted) !important;
  letter-spacing: .08em !important;
}

.brand-tag::before,
.brand-tag::after {
  background: linear-gradient(90deg, transparent, rgba(255, 122, 0, .55)) !important;
}

.online-badge {
  color: #995100 !important;
  background: #fff3df !important;
  border-color: #ffd29b !important;
}

.online-dot {
  background: var(--mama-orange) !important;
  box-shadow: 0 0 0 4px rgba(255, 122, 0, .14) !important;
}

.hero,
.login-container .hero,
.register-container .hero,
.forgot-container .hero {
  background: transparent !important;
  padding-top: max(env(safe-area-inset-top, 0px), 16px) !important;
}

.card,
.login-container .card,
.register-container .card,
.forgot-container .card {
  border-radius: 24px 24px 0 0 !important;
  border: 1px solid var(--mama-line) !important;
  background: rgba(255, 255, 255, .94) !important;
  box-shadow: 0 -10px 28px rgba(34, 35, 52, .06) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.card::before,
.bottom-bar {
  display: none !important;
}

.tabs {
  display: none !important;
}

.tab {
  color: #9b6a30 !important;
  letter-spacing: .03em !important;
}

.tab.active {
  background: linear-gradient(135deg, var(--mama-orange-2), var(--mama-orange-3)) !important;
  color: #fff !important;
  box-shadow: 0 8px 16px rgba(255, 122, 0, .24) !important;
}

.section-title {
  color: var(--mama-ink) !important;
}

.field label,
.field-label,
.otp-lbl {
  color: #c96500 !important;
}

.input,
.field-input,
.field-textarea,
.field-file,
input,
select,
textarea {
  border-color: #efd7bf !important;
  background: #fff !important;
  color: var(--mama-ink) !important;
  box-shadow: none !important;
}

.input::placeholder,
input::placeholder,
textarea::placeholder {
  color: #aaa3a0 !important;
}

.input:focus,
.field-input:focus,
.field-textarea:focus,
input:focus,
select:focus,
textarea:focus {
  border-color: var(--mama-orange) !important;
  box-shadow: 0 0 0 3px rgba(255, 122, 0, .16) !important;
  outline: none !important;
}

.input-icon {
  color: var(--mama-orange) !important;
  opacity: .72 !important;
}

.mainBtn,
.loginBtn,
.otp-btn,
.np-btn,
.action-btn,
.submit-btn,
.quick-btn {
  border: 0 !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, var(--mama-orange-2), var(--mama-orange-3)) !important;
  color: #fff !important;
  box-shadow: 0 10px 20px rgba(255, 122, 0, .22) !important;
  letter-spacing: .04em !important;
}

.mainBtn::before,
.loginBtn::before {
  display: none !important;
}

.action-btn.green,
.quick-btn.add {
  background: linear-gradient(135deg, #232436, #3a3b50) !important;
}

.quick-btn.withdraw {
  background: linear-gradient(135deg, var(--mama-orange-2), var(--mama-orange-3)) !important;
}

.home-dashboard .launchpad .quick-btn,
.home-dashboard .launchpad .quick-btn.add,
.home-dashboard .launchpad .quick-btn.withdraw,
.special-launchpad .quick-btn,
.app .quick-btn,
button.quick-btn {
  background: linear-gradient(135deg, var(--mama-orange-2), var(--mama-orange-3)) !important;
  color: #fff !important;
}

.home-dashboard .launchpad .quick-btn.add {
  background: linear-gradient(135deg, #242536, #3b3c50) !important;
}

.home-dashboard .launchpad .quick-btn::after {
  border-color: rgba(255, 255, 255, .18) !important;
}

.bottom a,
.otp-resend span {
  color: #d76c00 !important;
}

.topbar,
.shell-topbar,
.home-topbar {
  top: 0 !important;
  min-height: 66px !important;
  padding: max(env(safe-area-inset-top, 0px), 8px) 12px 8px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--mama-line) !important;
  border-radius: 0 !important;
  background: rgba(255, 250, 244, .96) !important;
  box-shadow: 0 8px 18px rgba(34, 35, 52, .04) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.shell-topbar {
  margin: 0 !important;
  width: 100% !important;
  grid-template-columns: 40px minmax(0, 1fr) auto !important;
}

.shell-topbar::after {
  display: none !important;
}

.shell-brand .title {
  font-size: 18px !important;
  line-height: 1.1 !important;
}

.shell-kicker {
  font-size: 9px !important;
  font-weight: 900 !important;
}

.shell-kicker::before {
  content: none !important;
}

.shell-back,
.icon-btn,
.home-alert {
  border: 1px solid #f2d7bd !important;
  border-radius: 13px !important;
  background: #fff !important;
  color: var(--mama-ink) !important;
  box-shadow: 0 7px 14px rgba(34, 35, 52, .06) !important;
}

.hamburger,
.hamburger::before,
.hamburger::after {
  background: var(--mama-ink) !important;
}

.home-brand {
  min-width: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  justify-content: flex-start !important;
}

.home-brand .brand-logo {
  width: 44px !important;
  height: 44px !important;
  border-radius: 13px !important;
  box-shadow: 0 6px 14px rgba(255, 122, 0, .16);
}

.home-brand span {
  min-width: 0 !important;
  display: grid !important;
  gap: 1px !important;
  line-height: 1 !important;
}

.home-brand b {
  display: block !important;
  font-family: "Outfit", sans-serif !important;
  font-size: clamp(18px, 5vw, 24px) !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

.home-brand small {
  display: block !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: #ff6400 !important;
}

.home-wallet-mini,
.wallet-chip,
.shell-wallet {
  border: 1px solid #f2d7bd !important;
  border-radius: 14px !important;
  background: #fff !important;
  color: var(--mama-ink) !important;
  text-decoration: none !important;
  box-shadow: 0 7px 14px rgba(34, 35, 52, .05) !important;
}

.wallet-copy small,
.home-wallet-mini small,
.shell-wallet small {
  color: var(--mama-muted) !important;
}

.wallet-copy b,
.home-wallet-mini b,
.shell-wallet b {
  color: var(--mama-orange-3) !important;
}

.home-dashboard,
.page-pad {
  padding-inline: 12px !important;
}

.home-dashboard {
  padding-top: 4px !important;
}

.marquee,
.home-dashboard .marquee {
  margin: 10px 0 14px !important;
  padding: 10px 13px !important;
  border: 1px solid #f5d7b2 !important;
  border-radius: 14px !important;
  background: #fff !important;
  color: #a25700 !important;
}

.home-section-label span,
.balance-label,
.section-title,
.row-title,
.market-name {
  color: var(--mama-ink) !important;
}

.home-section-label {
  padding: 0 3px 3px !important;
}

.home-dashboard .marquee {
  margin: 3px 0 7px !important;
  padding-block: 6px !important;
}

.launchpad,
.home-dashboard .launchpad {
  gap: 10px !important;
  padding-bottom: 6px !important;
}

.home-dashboard .launchpad .quick-btn {
  min-height: 58px !important;
  padding: 8px 10px !important;
  border-radius: 16px !important;
}

.home-dashboard .launchpad .quick-btn img {
  width: 34px !important;
  height: 34px !important;
}

.home-dashboard .launchpad .quick-btn b {
  font-size: 13px !important;
}

.home-dashboard .launchpad .quick-btn small {
  font-size: 10px !important;
}

.home-section-label small,
.muted,
.section-sub,
.market-meta {
  color: var(--mama-muted) !important;
}

.market-card,
.row-card,
.balance-card,
.amount-card,
.sheet-card,
.notice-card,
.manual-card,
.payment-methods,
.method-detail,
.hero-card,
.game-card,
.support-strip .contact-pill,
.withdrawal-live-panel {
  border: 1px solid var(--mama-line) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: var(--mama-shadow) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.support-strip .contact-pill,
.contact-pill {
  text-decoration: none !important;
  color: var(--mama-ink) !important;
}

.support-strip .contact-pill img {
  width: 30px !important;
  height: 30px !important;
  object-fit: contain !important;
}

.support-strip .whatsapp-pill {
  border-color: rgba(37, 211, 102, .28) !important;
}

.support-strip .whatsapp-pill img {
  filter: none !important;
}

.support-strip .call-pill {
  border-color: #f1dac3 !important;
}

.arena-list .market-card,
.home-dashboard .market-card {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(255, 243, 223, .92)) !important;
  border-color: #efd9c2 !important;
  color: var(--mama-ink) !important;
}

.arena-list .market-card .market-name,
.home-dashboard .market-card .market-name,
.arena-list .market-card .result,
.home-dashboard .market-card .result,
.arena-list .market-card .time-grid,
.home-dashboard .market-card .time-grid,
.arena-list .market-card .status,
.home-dashboard .market-card .status {
  color: var(--mama-ink) !important;
}

.arena-list .market-card .result,
.home-dashboard .market-card .result {
  color: var(--mama-orange-3) !important;
}

.result-chamber,
.arena-list .result-chamber,
.home-dashboard .result-chamber {
  background: #3a3a36 !important;
  border: 1px solid #4b4942 !important;
}

.result-chamber span,
.arena-list .result-chamber span,
.home-dashboard .result-chamber span {
  color: #5fe0d4 !important;
}

.result-chamber strong,
.arena-list .result-chamber strong,
.home-dashboard .result-chamber strong {
  color: #ffc247 !important;
}

.amount-card #methodDetail {
  margin-top: 12px !important;
}

.amount-card #methodDetail .sheet-card {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.amount-card #methodDetail #selectedMethodTitle,
.amount-card #methodDetail #selectedMethodSub,
.amount-card #methodDetail #methodDetails {
  display: none !important;
}

.arena-list .market-card .status:not(.open),
.home-dashboard .market-card .status:not(.open) {
  background: #fff0df !important;
  color: #9a5200 !important;
}

.arena-list .market-card .time-grid > div,
.home-dashboard .market-card .time-grid > div {
  background: #fff8f0 !important;
  color: var(--mama-ink) !important;
}

.arena-list .market-card .time-grid b,
.home-dashboard .market-card .time-grid b,
.arena-list .market-card .time-grid span,
.home-dashboard .market-card .time-grid span,
.arena-list .market-card .market-meta,
.home-dashboard .market-card .market-meta {
  color: var(--mama-ink) !important;
}

.withdrawal-live-panel,
.withdrawal-live-window,
.withdrawal-batch,
.withdrawal-slide {
  color: var(--mama-ink) !important;
}

.withdrawal-live-panel {
  padding: 8px !important;
  margin-bottom: 10px !important;
  overflow: hidden !important;
}

.withdrawal-live-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 24px !important;
  padding: 0 2px 6px !important;
}

.withdrawal-live-head b {
  color: var(--mama-ink) !important;
  font-size: 12px !important;
}

.withdrawal-live-head small {
  color: #dd7a09 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

.withdrawal-live-window {
  box-sizing: border-box !important;
  min-height: 0 !important;
  height: 104px !important;
  padding: 0 10px !important;
  overflow: hidden !important;
  contain: paint !important;
}

.withdrawal-batch {
  display: grid !important;
  gap: 5px !important;
  animation: none !important;
  will-change: transform, opacity !important;
  transform: translate3d(0, 0, 0) !important;
}

.withdrawal-batch.is-ready {
  transform: translate3d(0, 0, 0) !important;
}

.withdrawal-batch.is-rolling {
  animation: none !important;
}

.withdrawal-batch.is-rolling .withdrawal-slide {
  will-change: transform, opacity !important;
}

.withdrawal-batch.is-rolling .withdrawal-slide:nth-child(1) {
  animation: mamaWithdrawalExitUp .46s cubic-bezier(.22, .72, .2, 1) forwards !important;
}

.withdrawal-batch.is-rolling .withdrawal-slide:nth-child(2) {
  animation: mamaWithdrawalMoveUp .54s cubic-bezier(.22, .72, .2, 1) .08s forwards !important;
}

.withdrawal-batch.is-rolling .withdrawal-slide:nth-child(3) {
  animation: mamaWithdrawalEnterUp .56s cubic-bezier(.22, .72, .2, 1) .16s forwards !important;
}

.withdrawal-slide,
.withdrawal-live-panel .withdrawal-slide {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  padding: 6px 8px !important;
  background: #fff !important;
  border: 1px solid #f1dac3 !important;
  border-radius: 12px !important;
  box-shadow: 0 7px 14px rgba(34, 35, 52, .05) !important;
}

.withdrawal-person,
.withdrawal-person b,
.withdrawal-person small {
  color: var(--mama-ink) !important;
}

.withdrawal-person {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  line-height: 1.1 !important;
}

.withdrawal-person b {
  overflow: hidden !important;
  font-size: 15px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.withdrawal-person small {
  margin-top: 2px !important;
  color: var(--mama-muted) !important;
  font-size: 10px !important;
}

.withdrawal-slide strong {
  justify-self: end !important;
  color: var(--mama-orange-3) !important;
  font-family: "Outfit", sans-serif !important;
  font-size: clamp(16px, 3.8vw, 22px) !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.withdrawal-check {
  display: grid !important;
  width: 30px !important;
  height: 30px !important;
  place-items: center !important;
  border-radius: 14px !important;
  background: #fff3df !important;
  color: var(--mama-orange-3) !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

@keyframes mamaWithdrawalExitUp {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
  72% {
    opacity: 1;
  }
  100% {
    opacity: .02;
    transform: translate3d(0, calc(var(--withdrawal-step, 54px) * -1), 0) scale(.98);
  }
}

@keyframes mamaWithdrawalMoveUp {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, calc(var(--withdrawal-step, 54px) * -1), 0);
  }
}

@keyframes mamaWithdrawalEnterUp {
  0% {
    opacity: 1;
    transform: translate3d(0, 8px, 0) scale(.99);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, calc(var(--withdrawal-step, 54px) * -1), 0) scale(1);
  }
}

.market-actions {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 11px !important;
  justify-items: center !important;
  min-width: 62px !important;
}

.round-action,
.market-actions .round-action {
  display: grid !important;
  min-width: 58px !important;
  justify-items: center !important;
  gap: 5px !important;
  color: var(--mama-ink) !important;
  text-decoration: none !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

.round-action .circle,
.market-actions .round-action .circle,
.round-action.chart .circle,
.round-action.play .circle,
.round-action.close .circle {
  display: grid !important;
  width: 52px !important;
  height: 52px !important;
  place-items: center !important;
  border-radius: 50% !important;
  border: 2px solid #fff !important;
  box-shadow: 0 8px 16px rgba(34, 35, 52, .12) !important;
}

.round-action.chart .circle {
  background: #242536 !important;
}

.round-action.play .circle {
  background: linear-gradient(135deg, var(--mama-orange-2), var(--mama-orange-3)) !important;
}

.round-action.close .circle {
  background: #e8e3dd !important;
  border-color: #f6eee7 !important;
}

.round-action .circle img,
.market-actions .round-action .circle img {
  width: 28px !important;
  height: 28px !important;
  object-fit: contain !important;
}

.round-action.chart .circle img,
.round-action.play .circle img {
  filter: brightness(0) invert(1) !important;
}

.round-action.close {
  color: #9b928c !important;
  pointer-events: none !important;
}

.close-mark {
  color: #8f8580 !important;
  font-size: 34px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.arena-list .market-card {
  grid-template-columns: minmax(0, 1fr) 68px !important;
  align-items: stretch !important;
  width: 100% !important;
  margin: 0 0 4px !important;
  padding: 9px 9px !important;
  border-radius: 18px !important;
}

.home-dashboard .arena-list .market-card {
  margin-bottom: 4px !important;
}

.arena-list .market-card .market-actions {
  border-left: 1px solid #ecd8c1 !important;
  padding-left: 10px !important;
}

@media (max-width: 360px) {
  .withdrawal-slide {
    grid-template-columns: 34px minmax(0, 1fr) auto !important;
    gap: 8px !important;
    padding-inline: 8px !important;
  }

  .withdrawal-check {
    width: 34px !important;
    height: 34px !important;
  }

  .round-action .circle,
  .market-actions .round-action .circle {
    width: 46px !important;
    height: 46px !important;
  }

  .arena-list .market-card {
    grid-template-columns: minmax(0, 1fr) 58px !important;
  }
}

.hero-card {
  overflow: hidden;
  color: var(--mama-ink) !important;
  background:
    linear-gradient(135deg, rgba(255, 159, 26, .20), rgba(255, 255, 255, .96)),
    #fff !important;
}

.app-shell .hero-card,
.hero-card {
  padding: 13px 16px !important;
  min-height: auto !important;
}

.app-shell .hero-card h1,
.hero-card h1 {
  font-size: clamp(24px, 7vw, 34px) !important;
  line-height: 1.08 !important;
}

.app-shell .hero-card p,
.hero-card p {
  margin-top: 5px !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
}

.app-shell .hero-card,
.app-shell .balance-card {
  background:
    linear-gradient(135deg, rgba(255, 159, 26, .20), rgba(255, 255, 255, .96)),
    #fff !important;
  color: var(--mama-ink) !important;
  border-color: #efd9c2 !important;
}

.app-shell .stack .action-btn,
.app-shell .stack .action-btn:nth-child(even),
.app-shell .action-btn,
.app-shell .submit-btn {
  background: linear-gradient(135deg, var(--mama-orange-2), var(--mama-orange-3)) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 10px 20px rgba(255, 122, 0, .20) !important;
}

.app-shell .stack .action-btn:nth-child(odd),
.app-shell .action-btn.green {
  background: linear-gradient(135deg, #242536, #3b3c50) !important;
}

.app-shell .stack a.action-btn {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) 24px !important;
  align-items: center !important;
  justify-content: stretch !important;
  min-height: 62px !important;
  padding: 10px 12px !important;
  border: 1px solid #f0d9c0 !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, .96) !important;
  color: var(--mama-ink) !important;
  box-shadow: 0 10px 20px rgba(34, 35, 52, .06) !important;
  text-align: left !important;
  letter-spacing: 0 !important;
}

.app-shell .stack a.action-btn::before {
  content: "";
  width: 40px;
  height: 40px;
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(255, 159, 26, .24), rgba(255, 90, 0, .14)),
    #fff4e7;
  box-shadow: inset 0 0 0 1px #ffd4a6;
}

.app-shell .stack a.action-btn:nth-child(odd)::before {
  background:
    linear-gradient(135deg, rgba(36, 37, 54, .14), rgba(36, 37, 54, .24)),
    #f6f3ef;
  box-shadow: inset 0 0 0 1px #ded6cd;
}

.app-shell .stack a.action-btn::after {
  content: "›";
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  justify-self: end;
  border-radius: 999px;
  background: #fff1df;
  color: var(--mama-orange-3);
  font-family: "Outfit", sans-serif;
  font-size: 22px;
  font-weight: 900;
  line-height: 1;
}

.app-shell .stack a.action-btn:nth-child(odd)::after {
  background: #f1f0f4;
  color: #242536;
}

.app-shell .stack {
  gap: 9px !important;
}

.hero-card::after,
.wallet-deck::before,
.wallet-deck::after,
.page-pad::before {
  display: none !important;
}

.hero-card p {
  color: var(--mama-muted) !important;
}

.result,
.amount,
.balance-value {
  color: var(--mama-orange-3) !important;
}

.status.open,
.market-dot.is-open {
  color: #168653 !important;
}

.round-action.chart .circle,
.round-action .circle,
.nav-home {
  background: #fff3df !important;
  box-shadow: none !important;
}

.round-action.play .circle {
  background: #fff !important;
}

.round-action img,
.nav-item img,
.games-grid .game-card img {
  filter: none !important;
}

.bottom-nav,
.nav-dock,
.orbital-nav {
  left: 50% !important;
  bottom: 0 !important;
  width: 100% !important;
  max-width: 500px !important;
  height: calc(66px + env(safe-area-inset-bottom, 0px)) !important;
  padding: 6px 6px env(safe-area-inset-bottom, 0px) !important;
  border: 0 !important;
  border-top: 1px solid var(--mama-line) !important;
  border-radius: 0 !important;
  background: rgba(255, 255, 255, .99) !important;
  box-shadow: 0 -8px 18px rgba(34, 35, 52, .08) !important;
}

.orbital-nav::before,
.home-orbit {
  display: none !important;
}

.nav-icon-shell {
  display: grid !important;
  width: 25px !important;
  height: 25px !important;
  place-items: center !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.nav-icon-shell img {
  width: 21px !important;
  height: 21px !important;
  object-fit: contain !important;
  opacity: 1 !important;
  filter: none !important;
}

.nav-item,
.orbital-nav .nav-item,
.orbital-nav .nav-home + span {
  gap: 5px !important;
  color: #6f7180 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  opacity: 1 !important;
}

.nav-center,
.nav-dock .nav-center {
  padding: 0 !important;
}

.nav-home,
.nav-dock .nav-home {
  width: 25px !important;
  height: 25px !important;
  margin: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
}

.nav-home img,
.nav-dock .nav-home img {
  width: 23px !important;
  height: 23px !important;
  filter: none !important;
}

.nav-item[aria-current="page"],
.nav-item:hover,
.nav-item[aria-current],
.nav-item:hover {
  color: var(--mama-orange-3) !important;
}

.nav-item[aria-current] .nav-home,
.nav-item[aria-current] .nav-icon-shell {
  display: grid !important;
  width: 28px !important;
  height: 28px !important;
  place-items: center;
  border-radius: 10px !important;
  background: #fff1df !important;
  box-shadow: inset 0 0 0 1px #ffd3a2 !important;
}

.drawer {
  width: min(88vw, 360px) !important;
  max-width: 360px !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  padding: max(14px, env(safe-area-inset-top, 0px)) 20px max(18px, env(safe-area-inset-bottom, 0px)) !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  background: #fffaf4 !important;
  box-shadow: 16px 0 36px rgba(34, 35, 52, .16) !important;
}

.drawer::-webkit-scrollbar {
  display: none !important;
}

.avatar {
  border-radius: 14px !important;
  background: transparent url("/images/matkabook-splash.png?v=3") center / contain no-repeat !important;
  color: transparent !important;
  box-shadow: none !important;
}

.drawer-link {
  padding: clamp(8px, 1.45vh, 12px) 0 !important;
  border-color: var(--mama-line) !important;
  color: var(--mama-ink) !important;
  font-size: clamp(16px, 4vw, 19px) !important;
  line-height: 1.2 !important;
  overflow-wrap: anywhere !important;
}

@media (max-height: 720px) {
  .drawer {
    padding-top: max(12px, env(safe-area-inset-top, 0px)) !important;
  }

  .profile {
    margin-bottom: 8px !important;
  }

  .avatar {
    width: 44px !important;
    height: 44px !important;
  }

  .drawer-link {
    padding: 8px 0 !important;
    font-size: 16px !important;
  }
}

.language-select {
  border-color: #f2d7bd !important;
  background: #fff !important;
  color: var(--mama-ink) !important;
}

button.language-select {
  min-height: 42px !important;
  max-width: 112px !important;
  padding: 0 12px !important;
  border: 1px solid #f2d7bd !important;
  border-radius: 14px !important;
  font: 900 13px/1 "Outfit", sans-serif !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-shadow: 0 8px 16px rgba(34, 35, 52, .05) !important;
}

.mama-splash {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: grid;
  place-items: center;
  padding: 22px;
  background: #faf7f4;
  transition: opacity .42s ease, visibility .42s ease;
  animation: mamaSplashScreenIn .18s ease-out both;
}

html.mama-splash-booting,
html.mama-splash-booting body {
  background: #faf7f4 !important;
}

.mama-splash.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.mama-splash-card {
  width: min(100%, 330px);
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  text-align: center;
}

.mama-splash-card::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 206px;
  height: 206px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(11, 127, 22, .13), rgba(11, 127, 22, 0) 68%);
  opacity: 0;
  transform: translate(-50%, calc(-50% - 1.5vh)) scale(.72);
  animation: mamaSplashGlowIn .9s ease-out .08s both, mamaSplashGlowBreathe 2.8s ease-in-out 1.05s infinite;
}

.mama-splash-brand {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  transform: translateY(-1.5vh);
}

.mama-splash-brand::before {
  content: "";
  position: absolute;
  left: -9px;
  top: 50%;
  width: 54px;
  height: 54px;
  border: 1px solid rgba(11, 127, 22, .18);
  border-radius: 50%;
  opacity: 0;
  transform: translateY(-50%) scale(.6);
  animation: mamaSplashRing .95s ease-out .36s both;
}

.mama-splash-logo {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  margin: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  object-fit: contain;
  opacity: 0;
  transform: scale(.82);
  animation:
    mamaSplashIconIn .72s cubic-bezier(.22, 1, .36, 1) .2s both,
    mamaSplashIconPulse 2.8s ease-in-out 1.2s infinite;
}

.mama-splash-title {
  font-family: Arial, "Outfit", sans-serif;
  font-size: clamp(31px, 7.8vw, 39px);
  font-weight: 900;
  line-height: 1;
  color: #16a34a;
  letter-spacing: 0;
  text-transform: none;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  position: relative;
}

.mama-splash-title span {
  display: inline-block;
  opacity: 0;
  transform: translateX(10px);
  background: linear-gradient(90deg, #0b7f16 0%, #16a34a 45%, #0b7f16 100%);
  background-size: 180% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation:
    mamaSplashWordIn .62s cubic-bezier(.22, 1, .36, 1) .56s both,
    mamaSplashWordShine 2.7s ease-in-out 1.2s infinite;
}

.mama-splash-title::after {
  content: "";
  position: absolute;
  top: -20%;
  bottom: -20%;
  width: 22px;
  left: -28px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.82), transparent);
  transform: skewX(-18deg);
  opacity: 0;
  animation: mamaSplashSweep 2.6s ease-in-out 1.35s infinite;
}

.mama-splash-sub {
  margin-top: 24px;
  color: #69718e;
  font-family: Arial, "Outfit", sans-serif;
  font-size: clamp(14px, 3.9vw, 17px);
  font-style: italic;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  transform: translateY(-1.5vh);
  opacity: 0;
  position: relative;
  animation: mamaTaglineIn .58s ease-out 1.35s both;
}

.mama-splash-sub::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -12px;
  width: 92px;
  height: 1px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(11, 127, 22,.38), transparent);
  opacity: 0;
  transform: translateX(-50%) scaleX(.2);
  animation: mamaSplashLineIn .58s ease-out 1.75s both;
}

.mama-splash-bar {
  position: fixed;
  left: 50%;
  bottom: calc(12vh + env(safe-area-inset-bottom, 0px));
  width: 16px;
  height: 16px;
  margin: 0;
  border: 2px solid rgba(11, 127, 22, .16);
  border-top-color: rgba(11, 127, 22, .58);
  border-radius: 999px;
  background: transparent;
  transform: translateX(-50%);
  opacity: 0;
  animation: mamaSpinnerIn .28s ease-out 1.95s both, mamaSpin .82s linear 1.95s infinite;
}

.mama-splash-bar::before {
  content: none;
}

@keyframes mamaLoad {
  0% { transform: translateX(-105%); }
  100% { transform: translateX(250%); }
}

@keyframes mamaSplashScreenIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes mamaSplashGlowIn {
  from { opacity: 0; transform: translate(-50%, calc(-50% - 1.5vh)) scale(.72); }
  to { opacity: 1; transform: translate(-50%, calc(-50% - 1.5vh)) scale(1); }
}

@keyframes mamaSplashGlowBreathe {
  0%, 100% { opacity: .72; transform: translate(-50%, calc(-50% - 1.5vh)) scale(1); }
  50% { opacity: 1; transform: translate(-50%, calc(-50% - 1.5vh)) scale(1.08); }
}

@keyframes mamaSplashRing {
  0% { opacity: 0; transform: translateY(-50%) scale(.55); }
  45% { opacity: .85; }
  100% { opacity: 0; transform: translateY(-50%) scale(1.55); }
}

@keyframes mamaLogoIn {
  from { opacity: 0; transform: translateY(8px) scale(.92); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes mamaSplashIconIn {
  0% { opacity: 0; transform: scale(.82); filter: blur(1px); }
  100% { opacity: 1; transform: scale(1); filter: blur(0); }
}

@keyframes mamaSplashIconPulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.035); }
}

@keyframes mamaSplashWordIn {
  0% { opacity: 0; transform: translateX(10px); filter: blur(1px); }
  100% { opacity: 1; transform: translateX(0); filter: blur(0); }
}

@keyframes mamaSplashWordShine {
  0%, 100% { background-position: 0% 50%; filter: none; }
  50% { background-position: 100% 50%; filter: brightness(1.05); }
}

@keyframes mamaSplashSweep {
  0%, 42% { opacity: 0; left: -28px; }
  55% { opacity: .78; }
  72%, 100% { opacity: 0; left: calc(100% + 28px); }
}

@keyframes mamaTaglineIn {
  from { opacity: 0; transform: translateY(calc(-1.5vh + 7px)); }
  to { opacity: 1; transform: translateY(-1.5vh); }
}

@keyframes mamaSplashLineIn {
  from { opacity: 0; transform: translateX(-50%) scaleX(.2); }
  to { opacity: 1; transform: translateX(-50%) scaleX(1); }
}

@keyframes mamaSpinnerIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .mama-splash,
  .mama-splash-logo,
  .mama-splash-title span,
  .mama-splash-sub,
  .mama-splash-bar {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

@keyframes mamaSpin {
  to { transform: translateX(-50%) rotate(360deg); }
}

@media (max-width: 380px) {
  .brand-name { font-size: 28px !important; }
  .home-dashboard,
  .page-pad { padding-inline: 10px !important; }
  .quick-actions { gap: 9px !important; }
  .quick-btn { min-height: 60px !important; padding-inline: 10px !important; }
  .market-card { padding: 12px 10px !important; }
  .nav-item { font-size: 9px !important; }
}

@media (max-height: 650px) {
  .logo-wrap,
  .logo-wrap img { width: 64px !important; height: 64px !important; border-radius: 0 !important; }
  .brand-name { font-size: 25px !important; }
  .hero { padding-top: 8px !important; padding-bottom: 7px !important; }
  .card-content { padding-top: 0 !important; }
}

/* Final high-specificity mobile fixes */
.home-dashboard .market-actions .round-action,
.home-dashboard .market-actions .round-action.disabled,
.arena-list .market-actions .round-action,
.arena-list .market-actions .round-action.disabled {
  opacity: 1 !important;
  filter: none !important;
  pointer-events: auto;
}

.home-dashboard .market-actions .round-action.close,
.arena-list .market-actions .round-action.close {
  pointer-events: none !important;
}

.home-dashboard .market-actions .round-action .circle,
.arena-list .market-actions .round-action .circle {
  width: 46px !important;
  height: 46px !important;
  border-radius: 50% !important;
  opacity: 1 !important;
}

.home-dashboard .market-actions .round-action.chart .circle,
.arena-list .market-actions .round-action.chart .circle {
  background: #242536 !important;
  border: 2px solid #fff !important;
}

.home-dashboard .market-actions .round-action.play .circle,
.arena-list .market-actions .round-action.play .circle {
  background: linear-gradient(135deg, var(--mama-orange-2), var(--mama-orange-3)) !important;
  border: 2px solid #fff !important;
}

.home-dashboard .market-actions .round-action.close .circle,
.arena-list .market-actions .round-action.close .circle {
  background: #eee7df !important;
  border: 2px solid #fff !important;
}

.home-dashboard .market-actions .round-action.chart .circle img,
.arena-list .market-actions .round-action.chart .circle img {
  display: none !important;
}

.home-dashboard .market-actions .round-action.chart .circle::before,
.arena-list .market-actions .round-action.chart .circle::before {
  content: "";
  display: block;
  width: 24px;
  height: 22px;
  background:
    linear-gradient(#fff, #fff) 2px 15px / 5px 8px no-repeat,
    linear-gradient(#fff, #fff) 11px 9px / 5px 14px no-repeat,
    linear-gradient(#fff, #fff) 20px 4px / 5px 19px no-repeat,
    linear-gradient(#fff, #fff) 0 22px / 27px 3px no-repeat;
  border-radius: 2px;
}

.home-dashboard .market-actions .round-action.play .circle img,
.arena-list .market-actions .round-action.play .circle img {
  width: 25px !important;
  height: 25px !important;
  opacity: 1 !important;
  filter: brightness(0) invert(1) !important;
}

.home-dashboard .market-actions .round-action > span:last-child,
.arena-list .market-actions .round-action > span:last-child {
  color: var(--mama-ink) !important;
  opacity: 1 !important;
}

.home-dashboard .market-actions .round-action.close > span:last-child,
.arena-list .market-actions .round-action.close > span:last-child {
  color: #756d68 !important;
}

.bottom-nav .nav-item,
.bottom-nav .nav-item span:last-child {
  opacity: 1 !important;
}

.bottom-nav .nav-item img {
  opacity: 1 !important;
}

.bottom-nav .nav-icon-shell {
  background: #fff1df !important;
  box-shadow: inset 0 0 0 1px #ffd8aa !important;
}

.bottom-nav .nav-center .nav-home {
  display: grid !important;
  place-items: center !important;
  background: #fff1df !important;
  box-shadow: inset 0 0 0 1px #ffd8aa !important;
}

.bottom-nav .nav-item[aria-current] .nav-icon-shell,
.bottom-nav .nav-item[aria-current] .nav-home {
  background: linear-gradient(135deg, var(--mama-orange-2), var(--mama-orange-3)) !important;
  box-shadow: 0 6px 12px rgba(255, 122, 0, .22) !important;
}

.bottom-nav .nav-item[aria-current] img {
  filter: brightness(0) invert(1) !important;
}

body.mama-hide-bottom-nav .bottom-nav {
  display: none !important;
}

body.mama-hide-bottom-nav .app,
body.mama-hide-bottom-nav .app-shell,
body.mama-hide-bottom-nav .home-app {
  padding-bottom: max(18px, env(safe-area-inset-bottom, 0px)) !important;
  min-height: auto !important;
}

body.mama-hide-bottom-nav .order-page {
  min-height: auto !important;
  padding-bottom: 92px !important;
}

body.mama-hide-bottom-nav .summary-bar {
  position: fixed !important;
  left: 50% !important;
  bottom: 0 !important;
  transform: translateX(-50%) !important;
  width: 100% !important;
  max-width: 500px !important;
  margin: 0 !important;
  border: 1px solid #d8eee9 !important;
  border-radius: 18px 18px 0 0 !important;
  box-shadow: 0 -10px 24px rgba(34, 35, 52, .10) !important;
  z-index: 28 !important;
}

body.mama-hide-bottom-nav .summary-bar {
  grid-template-columns: minmax(0, .8fr) minmax(0, .9fr) minmax(94px, 118px) !important;
  padding: 9px 10px max(9px, env(safe-area-inset-bottom, 0px)) !important;
}

/* Action menu cards */
.app-shell .stack > a.action-btn,
.app-shell .stack > a.action-btn.green,
.app-shell .stack > a.action-btn:nth-child(odd),
.app-shell .stack > a.action-btn:nth-child(even) {
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) 24px !important;
  align-items: center !important;
  min-height: 58px !important;
  padding: 10px 12px !important;
  border: 1px solid #efd9c2 !important;
  border-radius: 17px !important;
  background: rgba(255, 255, 255, .96) !important;
  color: var(--mama-ink) !important;
  box-shadow: 0 9px 18px rgba(34, 35, 52, .06) !important;
  text-align: left !important;
  font-size: 15px !important;
  letter-spacing: 0 !important;
}

.app-shell .stack > a.action-btn::before {
  content: "" !important;
  display: grid !important;
  place-items: center !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 13px !important;
  background: #fff3df !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 21px 21px !important;
  box-shadow: inset 0 0 0 1px #ffd3a2 !important;
}

.app-shell .stack > a.action-btn:nth-child(odd)::before {
  background: #f2f0f4 !important;
  box-shadow: inset 0 0 0 1px #ddd8d2 !important;
  color: #242536 !important;
}

.app-shell .stack > a.action-btn::after {
  content: "›" !important;
  display: grid !important;
  width: 22px !important;
  height: 22px !important;
  place-items: center !important;
  justify-self: end !important;
  border-radius: 50% !important;
  background: #fff1df !important;
  color: var(--mama-orange-3) !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.app-shell .stack > a.action-btn:nth-child(odd)::after {
  background: #f0eef4 !important;
  color: #242536 !important;
}

.app-shell .stack > a.action-btn[href*="deposit"]::before,
.app-shell .stack > a.action-btn[href*="transfer"]::before {
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20stroke='%23ff5a00'%20stroke-width='2.4'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%207.5h16v11H4z'/%3E%3Cpath%20d='M7%207.5V5.8C7%204.8%207.8%204%208.8%204h6.4c1%200%201.8.8%201.8%201.8v1.7'/%3E%3Cpath%20d='M12%2010.5v5'/%3E%3Cpath%20d='M9.5%2013h5'/%3E%3C/svg%3E") !important;
}

.app-shell .stack > a.action-btn[href*="transfer"]::before {
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20stroke='%23ff5a00'%20stroke-width='2.3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M7%207h10'/%3E%3Cpath%20d='M14%204l3%203-3%203'/%3E%3Cpath%20d='M17%2017H7'/%3E%3Cpath%20d='M10%2014l-3%203%203%203'/%3E%3Ccircle%20cx='12'%20cy='12'%20r='9'/%3E%3C/svg%3E") !important;
}

.app-shell .stack > a.action-btn[href*="withdraw"]::before {
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20stroke='%23ff5a00'%20stroke-width='2.4'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%207.5h16v11H4z'/%3E%3Cpath%20d='M7%207.5V5.8C7%204.8%207.8%204%208.8%204h6.4c1%200%201.8.8%201.8%201.8v1.7'/%3E%3Cpath%20d='M9%2013h6'/%3E%3C/svg%3E") !important;
}

.app-shell .stack > a.action-btn[href*="History"]::before,
.app-shell .stack > a.action-btn[href*="history"]::before,
.app-shell .stack > a.action-btn[href*="myBids"]::before,
.app-shell .stack > a.action-btn[href*="winnings"]::before {
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20stroke='%23242536'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='8'/%3E%3Cpath%20d='M12%207v5l3%202'/%3E%3C/svg%3E") !important;
}

.app-shell .stack > a.action-btn[href*="myBids"]::before {
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20stroke='%23242536'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M7%204h10v16H7z'/%3E%3Cpath%20d='M10%208h4'/%3E%3Cpath%20d='M10%2012h4'/%3E%3Cpath%20d='M10%2016h2'/%3E%3C/svg%3E") !important;
}

.app-shell .stack > a.action-btn[href*="winnings"]::before {
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20stroke='%23ff5a00'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M8%204h8v3a4%204%200%200%201-8%200V4z'/%3E%3Cpath%20d='M6%205H4v2a3%203%200%200%200%203%203'/%3E%3Cpath%20d='M18%205h2v2a3%203%200%200%201-3%203'/%3E%3Cpath%20d='M12%2011v5'/%3E%3Cpath%20d='M9%2020h6'/%3E%3Cpath%20d='M10%2016h4'/%3E%3C/svg%3E") !important;
}

.app-shell .stack > a.action-btn[href*="bank"]::before {
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20stroke='%23242536'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M3%209l9-5%209%205'/%3E%3Cpath%20d='M5%2010h14'/%3E%3Cpath%20d='M6%2010v7'/%3E%3Cpath%20d='M10%2010v7'/%3E%3Cpath%20d='M14%2010v7'/%3E%3Cpath%20d='M18%2010v7'/%3E%3Cpath%20d='M4%2019h16'/%3E%3C/svg%3E") !important;
}

.app-shell .stack > a.action-btn[href*="passbook"]::before {
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20stroke='%23ff5a00'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M6%204h12a1%201%200%200%201%201%201v17H7a2%202%200%200%201-2-2V5a1%201%200%200%201%201-1z'/%3E%3Cpath%20d='M9%208h6'/%3E%3Cpath%20d='M9%2012h6'/%3E%3Cpath%20d='M9%2016h4'/%3E%3C/svg%3E") !important;
}

.app-shell .stack > a.action-btn[href^="tel:"]::before {
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20stroke='%23242536'%20stroke-width='2.3'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='7'%20y='3'%20width='10'%20height='18'%20rx='2'/%3E%3Cpath%20d='M11%2017h2'/%3E%3C/svg%3E") !important;
}

.app-shell .stack > a.action-btn[href*="wa.me"]::before {
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20stroke='%2316a34a'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%2020l1.3-4A8%208%200%201%201%208%2018.7L4%2020z'/%3E%3Cpath%20d='M9%209.5c.3%202%202.5%204.2%204.5%204.5l1.1-1.1%202%20.7-.4%201.8c-.2.8-1%201.3-1.8%201.1-3.4-.7-6.2-3.5-6.9-6.9-.2-.8.3-1.6%201.1-1.8l1.8-.4.7%202-1.1%201.1z'/%3E%3C/svg%3E") !important;
}

.app-shell .stack > a.action-btn[href*="chat"]::before {
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20stroke='%23242536'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%2012a8%208%200%200%201%2016%200v5a2%202%200%200%201-2%202h-3'/%3E%3Cpath%20d='M7%2013h.01'/%3E%3Cpath%20d='M12%2013h.01'/%3E%3Cpath%20d='M17%2013h.01'/%3E%3Cpath%20d='M9%2019h6'/%3E%3C/svg%3E") !important;
}

.app-shell .stack > a.action-btn[data-language-trigger]::before {
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20stroke='%23242536'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='9'/%3E%3Cpath%20d='M3.6%209h16.8'/%3E%3Cpath%20d='M3.6%2015h16.8'/%3E%3Cpath%20d='M12%203a14%2014%200%200%201%200%2018'/%3E%3Cpath%20d='M12%203a14%2014%200%200%200%200%2018'/%3E%3C/svg%3E") !important;
}

.app-shell .stack > a.action-btn[href*="logout"]::before {
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20stroke='%23ff5a00'%20stroke-width='2.4'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M10%204H6a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h4'/%3E%3Cpath%20d='M14%2016l4-4-4-4'/%3E%3Cpath%20d='M18%2012H9'/%3E%3C/svg%3E") !important;
}

.app-shell .stack > a.action-btn::before,
.app-shell .stack > a.action-btn:nth-child(odd)::before,
.app-shell .stack > a.action-btn:nth-child(even)::before {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 21px 21px !important;
}

.order-page .summary-stat {
  font-size: 9px !important;
}

.order-page .summary-stat b {
  font-size: 15px !important;
}

.order-page .submit-btn {
  height: 38px !important;
  border-radius: 12px !important;
}

.mama-language-gate {
  position: fixed;
  inset: 0;
  z-index: 9998;
  display: block;
  padding: 0;
  background: #fff;
  overflow: hidden;
  animation: mama-language-fade .2s ease both;
}

.mama-language-card {
  position: relative;
  width: 100%;
  max-width: 573px;
  height: 100vh;
  height: 100dvh;
  min-height: 100vh;
  min-height: 100dvh;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden auto;
  padding: max(18px, env(safe-area-inset-top, 0px)) 20px calc(118px + env(safe-area-inset-bottom, 0px));
  background-color: #fff;
  background-image: radial-gradient(circle, #eaf0fb 1.25px, transparent 1.25px);
  background-size: 26px 26px;
  color: #0b7f16;
  border: 0;
  box-shadow: none;
  -webkit-overflow-scrolling: touch;
}

.mama-language-back {
  position: relative;
  z-index: 2;
  width: 52px;
  height: 52px;
  border: 1px solid #e6e9ef;
  border-radius: 18px;
  background: rgba(248, 250, 252, .9);
  color: #475569;
  display: grid;
  place-items: center;
  box-shadow: 0 6px 14px rgba(11, 127, 22, .035);
  -webkit-tap-highlight-color: transparent;
  transition: transform .18s ease, background .18s ease;
}

.mama-language-back:active {
  transform: scale(.94);
  background: #f1f5f9;
}

.mama-language-back svg {
  width: 24px;
  height: 24px;
}

.mama-language-dot {
  position: absolute;
  z-index: 0;
  border-radius: 999px;
  opacity: .8;
  pointer-events: none;
}

.mama-language-dot.dot-a {
  width: 72px;
  height: 72px;
  left: 20px;
  top: 214px;
  background: #eefaf5;
}

.mama-language-dot.dot-b {
  width: 82px;
  height: 82px;
  right: 38px;
  top: 156px;
  background: #f3f7ff;
}

.mama-language-dot.dot-c {
  width: 106px;
  height: 106px;
  right: 62px;
  bottom: 174px;
  background: #fff9f1;
}

.mama-language-brand {
  position: relative;
  z-index: 1;
  margin: clamp(66px, 9.5vh, 88px) auto 34px;
  width: 106px;
  height: 106px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid #edf0f6;
  display: grid;
  place-items: center;
  box-shadow: 0 10px 24px rgba(11, 127, 22, .045);
  animation: mama-language-pop .48s cubic-bezier(.2, .9, .25, 1.28) both;
}

.mama-language-brand span {
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  background: #16a34a;
}

.mama-language-brand img {
  width: 50px;
  height: 50px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

.mama-language-card.has-extra-languages .mama-language-brand {
  margin-top: clamp(30px, 5vh, 42px);
  margin-bottom: 18px;
  width: 84px;
  height: 84px;
}

.mama-language-card.has-extra-languages .mama-language-brand span {
  width: 54px;
  height: 54px;
}

.mama-language-card.has-extra-languages .mama-language-brand img {
  width: 44px;
  height: 44px;
}

.mama-language-card.has-extra-languages .mama-language-list {
  margin-top: clamp(24px, 3.5vh, 30px);
  gap: 12px 18px;
}

.mama-language-card.has-extra-languages .mama-language-option {
  min-height: 74px;
}

.mama-language-card.has-extra-languages .mama-language-title h2 {
  font-size: clamp(28px, 6.6vw, 36px);
}

.mama-language-card.has-extra-languages .mama-language-title p {
  margin-top: 10px;
  font-size: clamp(18px, 4.6vw, 24px);
}

.mama-language-card.has-extra-languages .mama-language-copy b {
  font-size: clamp(17px, 4.4vw, 22px);
}

.mama-language-card.has-extra-languages .mama-language-copy small {
  font-size: clamp(14px, 3.9vw, 18px);
}

.mama-language-title {
  position: relative;
  z-index: 1;
  padding: 0;
  background: transparent;
  color: #0b7f16;
  text-align: center;
  font-family: "Outfit", sans-serif;
  animation: mama-language-rise .38s ease .06s both;
}

.mama-language-title h2 {
  margin: 0;
  color: #0b7f16;
  font: 800 clamp(33px, 7.8vw, 43px)/1.05 "Outfit", sans-serif;
  letter-spacing: 0;
}

.mama-language-title p {
  margin: 18px 0 0;
  color: #9ca3af;
  font: 400 clamp(22px, 5.5vw, 28px)/1.1 "Space Grotesk", sans-serif;
}

.mama-language-list {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 24px;
  width: 100%;
  margin: clamp(64px, 7.2vh, 80px) auto 0;
  padding: 0 8px;
  overflow: visible;
  background: transparent;
}

.mama-language-option {
  position: relative;
  min-height: 98px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 38px;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 0 22px;
  border: 2px solid #e5e7eb;
  border-radius: 18px;
  background: #fff;
  color: #0b7f16;
  box-shadow: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transform-origin: center;
  transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
  animation: mama-language-rise .34s ease calc(.09s + var(--language-index, 0) * .035s) both;
}

.mama-language-option input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.mama-language-copy {
  min-width: 0;
  display: grid;
  gap: 9px;
  overflow: hidden;
}

.mama-language-copy b {
  color: #0b7f16;
  font: 700 clamp(22px, 5.2vw, 28px)/1 "Outfit", sans-serif;
  letter-spacing: 0;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mama-language-copy small {
  color: #9ca3af;
  font: 500 clamp(18px, 4.45vw, 23px)/1 "Space Grotesk", sans-serif;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mama-language-check {
  width: 30px;
  height: 30px;
  justify-self: end;
  border-radius: 50%;
  border: 3px solid #e5e7eb;
  color: #fff;
  display: grid;
  place-items: center;
  background: #fff;
  transition: border-color .2s ease, background .2s ease, transform .24s cubic-bezier(.2, .9, .24, 1.35);
}

.mama-language-check svg {
  width: 19px;
  height: 19px;
  opacity: 0;
  transform: scale(.55) rotate(-12deg);
  transition: opacity .18s ease, transform .24s cubic-bezier(.2, .9, .24, 1.35);
}

.mama-language-option.is-selected,
.mama-language-option:has(input:checked) {
  border-color: #0b7f16;
  box-shadow: 0 8px 18px rgba(11, 127, 22, .08);
}

.mama-language-option.is-selected .mama-language-check,
.mama-language-option:has(input:checked) .mama-language-check {
  border-color: #0b7f16;
  background: #0b7f16;
  transform: scale(1.08);
}

.mama-language-option.is-selected .mama-language-check svg,
.mama-language-option:has(input:checked) .mama-language-check svg {
  opacity: 1;
  transform: scale(1) rotate(0deg);
}

.mama-language-option:active {
  transform: scale(.975);
}

.mama-language-submit {
  position: fixed;
  left: max(20px, env(safe-area-inset-left, 0px));
  right: max(20px, env(safe-area-inset-right, 0px));
  bottom: max(16px, env(safe-area-inset-bottom, 0px));
  width: min(calc(100vw - 40px), 533px);
  height: 70px;
  margin: 0 auto;
  border: 0;
  border-radius: 16px;
  background: #0b7f16;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  font-family: "Outfit", sans-serif;
  font-size: clamp(22px, 5.2vw, 28px);
  font-weight: 700;
  letter-spacing: 0;
  box-shadow: 0 12px 26px rgba(11, 127, 22, .16);
  -webkit-tap-highlight-color: transparent;
  transition: transform .18s ease, box-shadow .18s ease;
  z-index: 3;
}

.mama-language-submit svg {
  width: 25px;
  height: 25px;
}

.mama-language-submit:active {
  transform: scale(.985);
  box-shadow: 0 8px 18px rgba(11, 127, 22, .12);
}

.mama-language-gate.is-closing {
  animation: mama-language-fade-out .18s ease both;
}

@keyframes mama-language-fade {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes mama-language-fade-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes mama-language-rise {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes mama-language-pop {
  0% { opacity: 0; transform: scale(.78); }
  65% { opacity: 1; transform: scale(1.04); }
  100% { opacity: 1; transform: scale(1); }
}

@media (max-width: 360px) {
  .mama-language-card {
    padding-inline: 16px;
    padding-bottom: calc(104px + env(safe-area-inset-bottom, 0px));
  }

  .mama-language-back {
    width: 48px;
    height: 48px;
    border-radius: 16px;
  }

  .mama-language-brand {
    width: 96px;
    height: 96px;
    margin-top: clamp(50px, 8vh, 74px);
    margin-bottom: 28px;
  }

  .mama-language-brand span {
    width: 60px;
    height: 60px;
  }

  .mama-language-title h2 {
    font-size: clamp(28px, 8.3vw, 33px);
  }

  .mama-language-title p {
    margin-top: 14px;
    font-size: clamp(20px, 5.7vw, 24px);
  }

  .mama-language-option {
    min-height: 88px;
    grid-template-columns: minmax(0, 1fr) 26px;
    gap: 6px;
    padding-inline: 12px;
    border-radius: 16px;
  }

  .mama-language-list {
    gap: 14px;
    padding-inline: 0;
    margin-top: clamp(46px, 6.2vh, 62px);
  }

  .mama-language-check {
    width: 26px;
    height: 26px;
    border-width: 3px;
  }

  .mama-language-check svg {
    width: 16px;
    height: 16px;
  }

  .mama-language-copy {
    gap: 7px;
  }

  .mama-language-copy b {
    font-size: clamp(18px, 5.8vw, 21px);
  }

  .mama-language-copy small {
    font-size: clamp(15px, 4.7vw, 18px);
  }

  .mama-language-submit {
    left: max(16px, env(safe-area-inset-left, 0px));
    right: max(16px, env(safe-area-inset-right, 0px));
    width: min(calc(100vw - 32px), 541px);
    height: 64px;
    border-radius: 15px;
  }

  .mama-language-card.has-extra-languages .mama-language-brand {
    margin-top: clamp(36px, 5.8vh, 48px);
    margin-bottom: 20px;
    width: 86px;
    height: 86px;
  }

  .mama-language-card.has-extra-languages .mama-language-brand span {
    width: 56px;
    height: 56px;
  }

  .mama-language-card.has-extra-languages .mama-language-brand img {
    width: 46px;
    height: 46px;
  }

  .mama-language-card.has-extra-languages .mama-language-title h2 {
    font-size: clamp(26px, 7.6vw, 31px);
  }

  .mama-language-card.has-extra-languages .mama-language-title p {
    margin-top: 10px;
    font-size: clamp(18px, 5vw, 22px);
  }

  .mama-language-card.has-extra-languages .mama-language-list {
    margin-top: clamp(28px, 4.2vh, 36px);
    gap: 12px;
  }

  .mama-language-card.has-extra-languages .mama-language-option {
    min-height: 76px;
  }

  .mama-language-card.has-extra-languages .mama-language-copy b {
    font-size: clamp(16px, 5vw, 19px);
  }

  .mama-language-card.has-extra-languages .mama-language-copy small {
    font-size: clamp(13px, 4.25vw, 16px);
  }
}

@media (max-width: 300px) {
  .mama-language-card {
    padding-inline: 12px;
  }

  .mama-language-list {
    gap: 11px;
  }

  .mama-language-option {
    min-height: 80px;
    grid-template-columns: minmax(0, 1fr) 22px;
    padding-inline: 9px;
    gap: 5px;
  }

  .mama-language-copy b {
    font-size: 16px;
  }

  .mama-language-copy small {
    font-size: 14px;
  }

  .mama-language-check {
    width: 22px;
    height: 22px;
    border-width: 3px;
  }

  .mama-language-check svg {
    width: 14px;
    height: 14px;
  }

  .mama-language-submit {
    left: max(12px, env(safe-area-inset-left, 0px));
    right: max(12px, env(safe-area-inset-right, 0px));
    width: min(calc(100vw - 24px), 549px);
  }

  .mama-language-card.has-extra-languages .mama-language-brand {
    margin-top: 28px;
    margin-bottom: 16px;
    width: 78px;
    height: 78px;
  }

  .mama-language-card.has-extra-languages .mama-language-brand span {
    width: 50px;
    height: 50px;
  }

  .mama-language-card.has-extra-languages .mama-language-brand img {
    width: 40px;
    height: 40px;
  }

  .mama-language-card.has-extra-languages .mama-language-title h2 {
    font-size: 23px;
  }

  .mama-language-card.has-extra-languages .mama-language-title p {
    margin-top: 8px;
    font-size: 17px;
  }

  .mama-language-card.has-extra-languages .mama-language-list {
    margin-top: 24px;
    gap: 10px;
  }

  .mama-language-card.has-extra-languages .mama-language-option {
    min-height: 70px;
  }

  .mama-language-card.has-extra-languages .mama-language-copy b {
    font-size: 15px;
  }

  .mama-language-card.has-extra-languages .mama-language-copy small {
    font-size: 12px;
  }
}

.home-dashboard .withdrawal-live-panel {
  margin-top: 4px !important;
  margin-bottom: 7px !important;
}

.home-dashboard .support-label,
.home-dashboard .markets-label {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.home-dashboard .support-strip {
  padding: 0 0 7px !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.home-dashboard .support-strip .contact-pill {
  justify-content: flex-start !important;
  min-width: 0 !important;
  min-height: 43px !important;
  padding: 7px 8px !important;
  gap: 7px !important;
  font-size: clamp(11px, 3vw, 14px) !important;
  white-space: nowrap !important;
}

.home-dashboard .support-strip .contact-pill img {
  flex: 0 0 auto !important;
  width: 28px !important;
  height: 28px !important;
}

.home-dashboard .support-strip .contact-pill span {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.home-dashboard .arena-list {
  margin-top: 0 !important;
}

.home-dashboard .market-card:first-child {
  margin-top: 0 !important;
}

.home-dashboard .market-card .market-name,
.arena-list .market-card .market-name {
  font-size: 17px !important;
  line-height: 1.12 !important;
  margin-top: 3px !important;
}

.home-dashboard .market-card .market-meta,
.arena-list .market-card .market-meta {
  font-size: 8px !important;
}

.home-dashboard .market-card .status,
.arena-list .market-card .status {
  display: inline-flex !important;
  width: max-content !important;
  margin-top: 5px !important;
  padding: 3px 8px !important;
  border-radius: 999px !important;
  font-size: 10px !important;
}

.home-dashboard .result-chamber,
.arena-list .result-chamber {
  min-height: 38px !important;
  margin-top: 7px !important;
  padding: 7px 11px !important;
  border-radius: 14px !important;
}

.home-dashboard .result-chamber span,
.arena-list .result-chamber span {
  font-size: 10px !important;
  letter-spacing: .16em !important;
}

.home-dashboard .result-chamber strong,
.arena-list .result-chamber strong {
  font-size: 17px !important;
  letter-spacing: .1em !important;
}

.home-dashboard .time-grid,
.arena-list .time-grid {
  margin-top: 7px !important;
  gap: 8px !important;
}

.home-dashboard .time-grid > div,
.arena-list .time-grid > div {
  min-height: 29px !important;
  padding: 6px 9px !important;
  border-radius: 11px !important;
}

.home-dashboard .time-grid b,
.arena-list .time-grid b {
  font-size: 9px !important;
}

.home-dashboard .time-grid span,
.arena-list .time-grid span {
  font-size: 12px !important;
}

.home-dashboard .market-actions,
.arena-list .market-actions {
  gap: 6px !important;
  min-width: 56px !important;
}

.home-dashboard .round-action,
.arena-list .round-action {
  min-width: 52px !important;
  font-size: 10px !important;
}

.home-dashboard .market-card .market-actions,
.arena-list .market-card .market-actions {
  padding-left: 8px !important;
}

.mama-splash-card {
  max-width: calc(100vw - 36px);
  padding: 0 22px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

@media (max-width: 540px) {
  .mama-splash { padding: 18px; }
  .mama-splash-card { width: min(100%, 312px); max-width: calc(100vw - 36px); border-radius: 0; padding-inline: 8px; }
  .mama-splash-logo {
    width: 36px;
    height: 36px;
    border-radius: 0;
  }
  .mama-splash-title { font-size: clamp(29px, 8vw, 36px); }
  .mama-splash-sub { font-size: 14px; margin-top: 23px; }
}

.mama-official-gate {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  padding: max(14px, env(safe-area-inset-top, 0px)) 14px max(14px, env(safe-area-inset-bottom, 0px));
  background:
    radial-gradient(circle at 22% 16%, rgba(11, 127, 22, .24), transparent 30%),
    radial-gradient(circle at 80% 86%, rgba(32, 191, 139, .22), transparent 28%),
    rgba(12, 18, 32, .58);
  backdrop-filter: blur(8px) saturate(1.1);
  transition: opacity .24s ease, visibility .24s ease;
}

.mama-official-gate,
.mama-official-gate * {
  box-sizing: border-box;
}

.mama-official-gate.is-hiding {
  opacity: 0;
  visibility: hidden;
}

.mama-official-card {
  position: relative;
  width: min(calc(100vw - 28px), 374px);
  max-width: calc(100vw - 28px);
  max-height: calc(100dvh - max(42px, env(safe-area-inset-top, 0px) + env(safe-area-inset-bottom, 0px)));
  padding: clamp(18px, 3vh, 24px) clamp(15px, 4vw, 22px) clamp(16px, 3vh, 21px);
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  border-radius: 30px;
  border: 1px solid #dcfce7;
  background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
  box-shadow: 0 28px 64px rgba(11, 127, 22, .25);
  text-align: center;
  animation: mamaOfficialCardIn .32s cubic-bezier(.18, 1.15, .32, 1) both;
}

.mama-official-card::-webkit-scrollbar {
  display: none;
}

.mama-official-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 7px;
  background: linear-gradient(90deg, #0b7f16 0%, #20bf8b 58%, #ffc247 100%);
}

.mama-official-card::after {
  content: "";
  position: absolute;
  right: -44px;
  top: 72px;
  width: 128px;
  height: 128px;
  border-radius: 999px;
  background: rgba(11, 127, 22, .07);
  pointer-events: none;
}

.mama-official-close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  width: clamp(36px, 6.6vh, 42px);
  height: clamp(36px, 6.6vh, 42px);
  display: grid;
  place-items: center;
  border: 1px solid #dfe6f2;
  border-radius: 14px;
  background: #f6f8fc;
  color: #0b7f16;
  font-size: 27px;
  font-weight: 800;
  line-height: 1;
  box-shadow: 0 7px 18px rgba(11, 127, 22, .06);
}

.mama-official-logo-shell {
  position: relative;
  z-index: 1;
  width: clamp(82px, 13vh, 94px);
  height: clamp(82px, 13vh, 94px);
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  margin: clamp(8px, 1.2vh, 12px) auto clamp(10px, 1.8vh, 14px);
  border: 1px solid #dcfce7;
  border-radius: 26px;
  background:
    linear-gradient(135deg, rgba(11, 127, 22, .14), rgba(32, 191, 139, .08)),
    #ffffff;
  box-shadow: 0 16px 34px rgba(11, 127, 22, .15);
}

.mama-official-logo {
  width: 74%;
  height: 74%;
  display: block;
  object-fit: contain;
  filter: saturate(1.1) contrast(1.04) drop-shadow(0 10px 15px rgba(11, 127, 22, .2));
}

.mama-official-badge {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: clamp(25px, 4vh, 30px);
  padding: 0 14px;
  border-radius: 999px;
  background: #edf4ff;
  color: #0b7f16;
  font-size: clamp(10px, 3vw, 12px);
  font-weight: 900;
  letter-spacing: .07em;
  text-transform: uppercase;
  max-width: 100%;
  line-height: 1.2;
  text-align: center;
  white-space: normal;
  box-shadow: inset 0 0 0 1px rgba(11, 127, 22, .08);
}

.mama-official-card h2 {
  position: relative;
  z-index: 1;
  margin: clamp(11px, 2vh, 15px) 0 0;
  max-width: 100%;
  color: #0b7f16;
  font-family: "Outfit", sans-serif;
  font-size: clamp(21px, 5.3vw, 26px);
  font-weight: 900;
  line-height: 1.12;
  overflow-wrap: anywhere;
  text-wrap: balance;
}

.mama-official-card p {
  position: relative;
  z-index: 1;
  margin: clamp(10px, 1.8vh, 13px) 0 0;
  max-width: 100%;
  color: #697386;
  font-size: clamp(13px, 3.75vw, 15px);
  font-weight: 700;
  line-height: 1.5;
  overflow-wrap: anywhere;
  text-wrap: pretty;
}

.mama-official-note {
  position: relative;
  z-index: 1;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 8px;
  margin-top: clamp(10px, 1.9vh, 14px);
  color: #96a0b2;
  font-size: clamp(10px, 2.9vw, 11px);
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.mama-official-note span {
  height: 1px;
  background: #e6ecf5;
}

.mama-official-ok {
  position: relative;
  z-index: 1;
  width: 100%;
  align-self: stretch;
  height: clamp(44px, 7vh, 52px);
  margin-top: clamp(12px, 2.4vh, 18px);
  border: 0;
  border-radius: 18px;
  background: linear-gradient(135deg, #0b7f16 0%, #16a34a 62%, #20bf8b 100%);
  color: #fff;
  font-family: "Outfit", sans-serif;
  font-size: 18px;
  font-weight: 900;
  box-shadow: 0 16px 26px rgba(11, 127, 22, .22);
}

.mama-official-ok:active,
.mama-official-close:active {
  transform: scale(.98);
}

@keyframes mamaOfficialCardIn {
  from {
    opacity: 0;
    transform: translateY(14px) scale(.97);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (max-width: 380px) {
  .mama-official-card {
    width: min(calc(100vw - 22px), 350px);
    max-width: calc(100vw - 24px);
    padding: 19px 14px 16px;
    border-radius: 24px;
  }

  .mama-official-logo-shell {
    width: 72px;
    height: 72px;
    border-radius: 20px;
  }

  .mama-official-card h2 { font-size: 20px; }
  .mama-official-card p { font-size: 13px; }
  .mama-official-note { font-size: 9.5px; gap: 6px; }
}

@media (max-height: 680px) {
  .mama-official-card {
    border-radius: 24px;
    padding-top: 16px;
  }

  .mama-official-logo-shell {
    width: 68px;
    height: 68px;
  }

  .mama-official-card h2 {
    line-height: 1.08;
  }

  .mama-official-card p {
    line-height: 1.38;
  }
}

.swal2-popup.mama-auth-success {
  width: min(92vw, 360px) !important;
  padding: 24px 20px 20px !important;
  border-radius: 26px !important;
  border: 1px solid rgba(255, 188, 105, .75) !important;
  background: linear-gradient(180deg, #fffaf3 0%, #ffffff 78%) !important;
  box-shadow: 0 28px 60px rgba(34, 35, 52, .2) !important;
}

.mama-auth-success-html {
  margin: 0 !important;
  overflow: visible !important;
}

.mama-auth-success-logo {
  width: 76px;
  height: 76px;
  margin: 0 auto 10px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 16px 34px rgba(255, 122, 0, .16);
}

.mama-auth-success-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.mama-auth-success-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 0 12px;
  border-radius: 999px;
  background: #fff0df;
  color: #b35700;
  font: 900 11px/1 "Outfit", sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.mama-auth-success-title {
  margin: 12px 0 0;
  color: #232438;
  font: 900 25px/1.12 "Outfit", sans-serif;
}

.mama-auth-success-copy {
  margin: 8px auto 0;
  max-width: 280px;
  color: #747686;
  font: 800 14px/1.45 "Outfit", sans-serif;
}

.mama-auth-success .swal2-timer-progress-bar {
  background: linear-gradient(90deg, #ff9d18, #ff5a00) !important;
}

/* Android-style SweetAlert popups across auth/app screens. */
.swal2-container.swal2-top,
.swal2-container.swal2-top-start,
.swal2-container.swal2-top-end,
.swal2-container.swal2-center,
.swal2-container.swal2-center-start,
.swal2-container.swal2-center-end {
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
  background: rgba(11, 127, 22, .42) !important;
  backdrop-filter: blur(3px) !important;
  -webkit-backdrop-filter: blur(3px) !important;
  pointer-events: auto !important;
}

.swal2-popup,
.swal2-popup.swal2-toast,
.swal2-popup.mama-auth-success {
  width: min(320px, calc(100vw - 48px)) !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: 42px 1fr !important;
  grid-template-rows: auto auto !important;
  column-gap: 14px !important;
  align-items: center !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: #fff !important;
  color: #0b7f16 !important;
  box-shadow: 0 24px 60px rgba(11, 127, 22, .24) !important;
  padding: 20px 18px 16px !important;
  animation: androidAlertPop .12s cubic-bezier(.2,0,.2,1) both !important;
  pointer-events: auto !important;
}

.swal2-popup.swal2-toast {
  max-width: min(320px, calc(100vw - 48px)) !important;
}

.swal2-icon {
  grid-row: 1 / span 2 !important;
  grid-column: 1 !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: #dcfce7 !important;
  color: #16a34a !important;
  overflow: hidden !important;
}

.swal2-icon .swal2-icon-content {
  font: 900 25px/1 "Outfit", sans-serif !important;
  color: #16a34a !important;
}

.swal2-icon .swal2-x-mark,
.swal2-icon .swal2-success-ring,
.swal2-icon .swal2-success-fix,
.swal2-icon .swal2-success-circular-line-left,
.swal2-icon .swal2-success-circular-line-right,
.swal2-icon .swal2-success-line-tip,
.swal2-icon .swal2-success-line-long {
  display: none !important;
}

.swal2-icon.swal2-error::before,
.swal2-icon.swal2-warning::before,
.swal2-icon.swal2-info::before,
.swal2-icon.swal2-question::before,
.swal2-icon.swal2-success::before {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: 100% !important;
  color: currentColor !important;
  font: 900 22px/1 "Outfit", sans-serif !important;
}

.swal2-icon.swal2-error::before { content: "!" !important; }
.swal2-icon.swal2-warning::before { content: "!" !important; }
.swal2-icon.swal2-info::before { content: "i" !important; }
.swal2-icon.swal2-question::before { content: "?" !important; }
.swal2-icon.swal2-success::before { content: "✓" !important; }

.swal2-icon.swal2-error .swal2-icon-content,
.swal2-icon.swal2-warning .swal2-icon-content,
.swal2-icon.swal2-info .swal2-icon-content,
.swal2-icon.swal2-question .swal2-icon-content,
.swal2-icon.swal2-success .swal2-icon-content {
  display: none !important;
}

.swal2-icon.swal2-success {
  background: #eefaf3 !important;
  color: #14a669 !important;
}

.swal2-title {
  grid-column: 2 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #0b7f16 !important;
  font: 900 20px/1.18 "Outfit", sans-serif !important;
  text-align: left !important;
}

.swal2-html-container,
.swal2-popup.swal2-toast .swal2-title {
  grid-column: 2 !important;
  margin: 4px 0 0 !important;
  padding: 0 !important;
  color: #7c8291 !important;
  font: 800 12px/1.45 "Space Grotesk", sans-serif !important;
  text-align: left !important;
}

.swal2-actions {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  margin: 18px 0 0 !important;
  pointer-events: auto !important;
}

.swal2-confirm {
  width: 100% !important;
  height: 42px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #16a34a, #0b7f16) !important;
  color: #fff !important;
  box-shadow: none !important;
  font: 900 13px/1 "Outfit", sans-serif !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

.swal2-timer-progress-bar,
.mama-auth-success .swal2-timer-progress-bar {
  background: linear-gradient(90deg, #16a34a, #bbf7d0) !important;
}

.swal2-popup.mama-auth-success {
  display: block !important;
  text-align: left !important;
}

.swal2-popup.mama-auth-success .mama-auth-success-logo,
.swal2-popup.mama-auth-success .mama-auth-success-badge {
  display: none !important;
}

.swal2-popup.mama-auth-success .mama-auth-success-title {
  margin: 0 0 6px !important;
  color: #0b7f16 !important;
  font: 900 20px/1.18 "Outfit", sans-serif !important;
}

.swal2-popup.mama-auth-success .mama-auth-success-copy {
  color: #7c8291 !important;
  font: 800 12px/1.45 "Space Grotesk", sans-serif !important;
}

/* Radha 567 auth redesign: video-style clean mobile login/register. */
body:has(.login-container),
body:has(.register-container) {
  background: #fbf6f3 !important;
  align-items: stretch !important;
}

.login-container,
.register-container {
  max-width: 478px !important;
  min-height: 100dvh !important;
  background: #fbf6f3 !important;
}

.login-container::before,
.register-container::before {
  content: "";
  position: fixed;
  top: max(env(safe-area-inset-top, 0px), 0px);
  left: 0;
  right: 0;
  height: 2px;
  z-index: 4;
  background: linear-gradient(90deg, #16a34a, #bbf7d0, #16a34a);
  box-shadow: 0 1px 10px rgba(11, 127, 22, .22);
}

.login-container .hero,
.register-container .hero {
  display: none !important;
}

.login-container .card,
.register-container .card {
  flex: 1 !important;
  overflow-y: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 15% 9%, rgba(11, 127, 22, .055), transparent 28%),
    linear-gradient(180deg, #fffaf7 0%, #fbf6f3 100%) !important;
  box-shadow: none !important;
  animation: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.login-container .card::before,
.register-container .card::before,
.login-container .card-handle,
.register-container .card-handle {
  display: none !important;
}

.login-container .card-content,
.register-container .card-content {
  width: 100% !important;
  min-height: 100dvh !important;
  padding: max(env(safe-area-inset-top, 0px), 52px) 25px max(env(safe-area-inset-bottom, 0px), 24px) !important;
}

.login-container .section-title,
.register-container .section-title {
  position: relative !important;
  margin: 0 0 4px !important;
  padding-left: 14px !important;
  color: #0b7f16 !important;
  font: 900 24px/1.08 "Outfit", sans-serif !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.login-container .section-title::before,
.register-container .section-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 3px;
  height: 38px;
  border-radius: 999px;
  background: #16a34a;
}

.login-container .section-sub,
.register-container .section-sub {
  margin: 0 0 24px !important;
  padding-left: 14px !important;
  color: #8d92a3 !important;
  font: 700 11px/1.35 "Space Grotesk", sans-serif !important;
}

.login-container .tabs,
.register-container .tabs {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 5px !important;
  margin: 0 0 20px !important;
  padding: 4px !important;
  border: 1px solid #e4e9f7 !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow:
    0 6px 16px rgba(11, 127, 22, .045),
    inset 0 1px 0 rgba(255,255,255,.9) !important;
}

.login-container .tab,
.register-container .tab {
  min-height: 38px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #687085 !important;
  box-shadow: none !important;
  font: 900 12px/1 "Outfit", sans-serif !important;
  letter-spacing: .01em !important;
  text-transform: uppercase !important;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease !important;
  -webkit-tap-highlight-color: transparent !important;
}

.login-container .tab.active,
.register-container .tab.active {
  background:
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,0) 45%),
    linear-gradient(135deg, #16a34a 0%, #0b7f16 55%, #0b7f16 100%) !important;
  color: #fff !important;
  box-shadow:
    0 5px 11px rgba(11, 127, 22, .18),
    0 1px 3px rgba(11, 127, 22, .10),
    inset 0 1px 0 rgba(255,255,255,.24) !important;
}

.login-container .tab:active,
.register-container .tab:active {
  transform: scale(.98) !important;
}

.login-container .field,
.register-container .field {
  margin-bottom: 16px !important;
}

.login-container .field label,
.register-container .field label {
  margin-bottom: 7px !important;
  color: #8a8f9d !important;
  font: 900 10px/1 "Outfit", sans-serif !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
}

.login-container .input-wrap,
.register-container .input-wrap {
  position: relative !important;
}

.login-container .input-icon,
.register-container .input-icon {
  left: 14px !important;
  width: 16px !important;
  height: 16px !important;
  color: #16a34a !important;
  opacity: .52 !important;
}

.login-container .input,
.register-container .input {
  min-height: 44px !important;
  border: 1px solid #d6d4d2 !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .72) !important;
  color: #0b7f16 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85) !important;
  font: 800 15px/1 "Space Grotesk", sans-serif !important;
  padding: 12px 14px 12px 43px !important;
}

.login-container .input::placeholder,
.register-container .input::placeholder {
  color: #aaa8a8 !important;
  font-weight: 700 !important;
}

.login-container .input:focus,
.register-container .input:focus {
  border-color: #16a34a !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(11, 127, 22, .12), inset 0 1px 0 rgba(255,255,255,.9) !important;
}

.login-container .row {
  justify-content: flex-end !important;
  margin: 10px 0 18px !important;
  color: #777c8c !important;
}

.login-container .remember-option {
  min-height: 32px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #777c8c !important;
  font: 800 12px/1 "Space Grotesk", sans-serif !important;
}

.login-container .remember-box {
  width: 18px !important;
  height: 18px !important;
  border-color: #c7cbd7 !important;
  border-radius: 5px !important;
}

.login-container .remember-option.is-checked .remember-box {
  border-color: #16a34a !important;
  background: #16a34a !important;
  box-shadow: 0 6px 14px rgba(11, 127, 22,.18) !important;
}

.login-container .row a {
  color: #16a34a !important;
  font: 900 12px/1 "Space Grotesk", sans-serif !important;
}

.login-container .loginBtn,
.register-container .mainBtn,
.otp-overlay .otp-btn {
  width: 100% !important;
  min-height: 54px !important;
  margin: 10px 0 18px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,0) 42%),
    linear-gradient(135deg, #16a34a 0%, #0b7f16 52%, #0b7f16 100%) !important;
  background-size: 100% 100% !important;
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(11, 127, 22,.28) !important;
  box-shadow:
    0 10px 18px rgba(11, 127, 22, .28),
    0 3px 5px rgba(11, 127, 22, .18),
    inset 0 1px 0 rgba(255,255,255,.24) !important;
  font: 900 16px/1 "Outfit", sans-serif !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
  animation: androidCtaFloat 2.6s cubic-bezier(.2,0,.2,1) infinite !important;
  isolation: isolate !important;
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent !important;
  transform: translateZ(0) !important;
  transition: transform .16s cubic-bezier(.2,0,.2,1), box-shadow .16s cubic-bezier(.2,0,.2,1), filter .16s ease !important;
  will-change: transform, box-shadow !important;
}

.login-container .loginBtn .auth-btn-text,
.register-container .mainBtn .auth-btn-text,
.login-container .loginBtn svg,
.register-container .mainBtn svg,
.otp-overlay .otp-btn > * {
  position: relative !important;
  z-index: 6 !important;
}

.login-container .loginBtn svg,
.register-container .mainBtn svg,
.otp-overlay .otp-btn svg {
  width: 22px !important;
  height: 22px !important;
  animation: androidCtaArrow 1.35s cubic-bezier(.2,0,.2,1) infinite !important;
  filter: drop-shadow(0 2px 4px rgba(11, 127, 22,.24)) !important;
}

.login-container .loginBtn::before,
.register-container .mainBtn::before,
.otp-overlay .otp-btn::before {
  display: block !important;
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  left: 0 !important;
  background:
    linear-gradient(115deg, transparent 0 36%, rgba(255,255,255,.22) 48%, transparent 60% 100%) !important;
  transform: translateX(-110%) !important;
  transform-origin: center !important;
  opacity: .74 !important;
  animation: androidCtaSweep 2.8s cubic-bezier(.4,0,.2,1) infinite !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

.login-container .loginBtn::after,
.register-container .mainBtn::after,
.otp-overlay .otp-btn::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.13), transparent 52%, rgba(11, 127, 22,.12)) !important;
  background-size: auto !important;
  animation: none !important;
  mix-blend-mode: normal !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

.login-container .loginBtn.is-rippling::before,
.register-container .mainBtn.is-rippling::before,
.otp-overlay .otp-btn.is-rippling::before {
  animation: authButtonRipple .68s ease-out both !important;
  z-index: 1 !important;
}

.login-container .loginBtn.is-loading,
.register-container .mainBtn.is-loading,
.otp-overlay .otp-btn.is-loading {
  animation: androidCtaLoading .92s ease-in-out infinite !important;
}

.login-container .loginBtn.is-loading::before,
.register-container .mainBtn.is-loading::before,
.otp-overlay .otp-btn.is-loading::before {
  animation: authButtonLoadWash 1.05s ease-in-out infinite !important;
  z-index: 1 !important;
}

.login-container .loginBtn.is-pressing,
.register-container .mainBtn.is-pressing,
.otp-overlay .otp-btn.is-pressing {
  animation: androidCtaPress .42s cubic-bezier(.2,0,.2,1) both !important;
}

.auth-liquid-ripple {
  position: absolute !important;
  z-index: 4 !important;
  width: var(--ripple-size, 180px) !important;
  height: var(--ripple-size, 180px) !important;
  left: var(--ripple-left, 50%) !important;
  top: var(--ripple-top, 50%) !important;
  border-radius: 999px !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle, rgba(255,255,255,.62) 0%, rgba(255,255,255,.34) 34%, rgba(255,255,255,0) 72%) !important;
  transform: translate(-50%, -50%) scale(0) !important;
  mix-blend-mode: soft-light !important;
  animation: androidRealRipple .62s cubic-bezier(.2,0,.2,1) both !important;
}

.auth-liquid-ripple::after {
  content: "" !important;
  position: absolute !important;
  inset: 17% !important;
  border-radius: inherit !important;
  border: 1px solid rgba(255,255,255,.34) !important;
  opacity: .7 !important;
}

.login-container .loginBtn:active,
.register-container .mainBtn:active,
.otp-overlay .otp-btn:active {
  transform: translateY(2px) scale(.985) !important;
  box-shadow:
    0 5px 10px rgba(11, 127, 22, .22),
    0 2px 3px rgba(11, 127, 22, .18),
    inset 0 1px 0 rgba(255,255,255,.2) !important;
}

.login-container .divider,
.register-container .divider {
  display: none !important;
}

/* Video-style OTP verification screen. */
.otp-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999 !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  padding: 0 !important;
  background: #fbf6f3 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.otp-modal {
  width: 100% !important;
  max-width: 478px !important;
  min-height: 100dvh !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 15% 9%, rgba(11, 127, 22,.055), transparent 28%),
    linear-gradient(180deg, #fffaf7 0%, #fbf6f3 100%) !important;
  box-shadow: none !important;
  animation: otpScreenIn .24s cubic-bezier(.2,0,.2,1) both !important;
  overflow-y: auto !important;
}

.otp-modal::before {
  content: "" !important;
  position: fixed !important;
  top: max(env(safe-area-inset-top, 0px), 0px) !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, #16a34a, #bbf7d0, #16a34a) !important;
  box-shadow: 0 1px 10px rgba(11, 127, 22,.22) !important;
}

.otp-head {
  position: relative !important;
  padding: max(env(safe-area-inset-top,0px),52px) 25px 0 !important;
  text-align: left !important;
  background: transparent !important;
}

.otp-icon {
  display: none !important;
}

.otp-title {
  position: relative !important;
  margin: 0 0 4px !important;
  padding-left: 14px !important;
  color: #0b7f16 !important;
  font: 900 24px/1.08 "Outfit", sans-serif !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.otp-title::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 1px !important;
  width: 3px !important;
  height: 38px !important;
  border-radius: 999px !important;
  background: #16a34a !important;
}

.otp-sub {
  margin: 0 !important;
  padding-left: 14px !important;
  color: #8d92a3 !important;
  font: 700 11px/1.35 "Space Grotesk", sans-serif !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.otp-num {
  display: inline-block !important;
  margin: 4px 0 0 14px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #9a9ba5 !important;
  font: 800 10.5px/1.2 "Space Grotesk", sans-serif !important;
  letter-spacing: .01em !important;
}

.otp-body {
  padding: 30px 25px max(env(safe-area-inset-bottom,0px),24px) !important;
}

.otp-lbl {
  display: none !important;
}

.otp-boxes {
  display: grid !important;
  grid-template-columns: repeat(4, 48px) !important;
  justify-content: center !important;
  gap: 13px !important;
  margin: 0 0 24px !important;
}

.otp-box {
  width: 48px !important;
  height: 48px !important;
  border: 1.5px solid #eee8e2 !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.72) !important;
  color: #0b7f16 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85) !important;
  font: 900 23px/48px "Outfit", sans-serif !important;
  text-align: center !important;
  caret-color: #16a34a !important;
  outline: none !important;
  padding: 0 !important;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease, transform .18s ease !important;
}

.otp-box:focus {
  border-color: #16a34a !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(11, 127, 22,.12), inset 0 1px 0 rgba(255,255,255,.9) !important;
  transform: translateY(-1px) !important;
}

.otp-box.filled {
  border-color: #16a34a !important;
  background: #fff !important;
}

.otp-box.auto-filling {
  animation: otpDigitPop .28s cubic-bezier(.2,0,.2,1) both !important;
}

.otp-timer,
.otp-resend {
  color: #9a9ba5 !important;
  text-align: center !important;
  font: 800 10.5px/1.35 "Space Grotesk", sans-serif !important;
  margin-bottom: 8px !important;
}

.otp-resend span {
  color: #8d92a3 !important;
  text-decoration: none !important;
  font-weight: 900 !important;
}

.otp-overlay .otp-btn {
  min-height: 42px !important;
  margin: 0 auto 18px !important;
  border-radius: 7px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,0) 44%),
    linear-gradient(135deg, #dcfce7 0%, #dcfce7 100%) !important;
  color: #fff !important;
  box-shadow: 0 10px 20px rgba(11, 127, 22,.16), inset 0 1px 0 rgba(255,255,255,.22) !important;
  font: 900 13px/1 "Outfit", sans-serif !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  animation: otpVerifyBreath 2.2s ease-in-out infinite !important;
}

.otp-overlay .otp-btn svg {
  display: none !important;
}

.otp-cancel {
  width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #a4a4aa !important;
  font: 800 10.5px/1.4 "Space Grotesk", sans-serif !important;
  text-decoration: none !important;
}

.otp-bar {
  display: none !important;
}

.login-container .bottom,
.register-container .bottom {
  margin-top: 18px !important;
  color: #8d92a3 !important;
  font: 800 12px/1.35 "Space Grotesk", sans-serif !important;
}

.login-container .bottom a,
.register-container .bottom a {
  color: #16a34a !important;
  font-weight: 900 !important;
}

@keyframes authPageIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes authButtonGradient {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

@keyframes authButtonTexture {
  0%, 100% { background-position: 0 0, 0 0, 0% 50%; }
  50% { background-position: 0 0, 0 0, 100% 50%; }
}

@keyframes authButtonStripes {
  from { background-position: 0 0, 0 0, 0% 50%; }
  to { background-position: 42px 0, 0 0, 0% 50%; }
}

@keyframes authButtonSweep {
  0%, 22% { transform: translateX(-140%) skewX(-14deg); opacity: 0; }
  38% { opacity: .85; }
  68%, 100% { transform: translateX(140%) skewX(-14deg); opacity: 0; }
}

@keyframes authButtonRepoFill {
  0% { transform: scaleX(.03); opacity: .18; }
  42% { transform: scaleX(1); opacity: .92; }
  72% { transform: scaleX(1); opacity: .92; }
  100% { transform: scaleX(.03); opacity: .18; transform-origin: right center; }
}

@keyframes authButtonRepoShine {
  0%, 24% { background-position: -140% 0, 0 0; opacity: .2; }
  48% { opacity: .95; }
  78%, 100% { background-position: 150% 0, 0 0; opacity: .25; }
}

@keyframes authButtonSimpleShine {
  0%, 44% { transform: translateX(-140%) skewX(-14deg); opacity: 0; }
  55% { opacity: .85; }
  72%, 100% { transform: translateX(140%) skewX(-14deg); opacity: 0; }
}

@keyframes authSolidButtonPulse {
  0%, 100% { transform: translateY(0); box-shadow: 0 14px 28px rgba(11, 127, 22,.30), 0 0 0 1px rgba(255,255,255,.18) inset, inset 0 1px 0 rgba(255,255,255,.26); }
  50% { transform: translateY(-1px); box-shadow: 0 18px 34px rgba(11, 127, 22,.38), 0 0 0 1px rgba(255,255,255,.22) inset, inset 0 1px 0 rgba(255,255,255,.30); }
}

@keyframes androidCtaFloat {
  0%, 100% {
    transform: translateZ(0);
    box-shadow:
      0 10px 18px rgba(11, 127, 22,.28),
      0 3px 5px rgba(11, 127, 22,.18),
      inset 0 1px 0 rgba(255,255,255,.24);
    filter: brightness(1);
  }
  50% {
    transform: translateZ(0);
    box-shadow:
      0 13px 24px rgba(11, 127, 22,.34),
      0 5px 8px rgba(11, 127, 22,.2),
      inset 0 1px 0 rgba(255,255,255,.28);
    filter: brightness(1.04);
  }
}

@keyframes authSolidButtonShine {
  0%, 46% { transform: translateX(-125%) skewX(-18deg); opacity: 0; }
  56% { opacity: .9; }
  76%, 100% { transform: translateX(125%) skewX(-18deg); opacity: 0; }
}

@keyframes androidCtaSweep {
  0%, 52% { transform: translateX(-110%); opacity: 0; }
  62% { opacity: .64; }
  86%, 100% { transform: translateX(110%); opacity: 0; }
}

@keyframes authSolidButtonLoading {
  0%, 100% { filter: brightness(1); }
  50% { filter: brightness(1.15); }
}

@keyframes androidCtaLoading {
  0%, 100% { filter: brightness(.96) saturate(1); }
  50% { filter: brightness(1.1) saturate(1.08); }
}

@keyframes authButtonArrow {
  0%, 100% { transform: translateX(0); opacity: .92; }
  50% { transform: translateX(7px); opacity: 1; }
}

@keyframes androidCtaArrow {
  0%, 100% { transform: translateX(0); opacity: .9; }
  45% { transform: translateX(5px); opacity: 1; }
}

@keyframes authButtonRipple {
  0% {
    opacity: 1;
    background:
      radial-gradient(circle at var(--ripple-x, 50%) var(--ripple-y, 50%), rgba(255,255,255,.52) 0 0, rgba(255,255,255,0) 1px),
      linear-gradient(90deg, transparent, rgba(255,255,255,.16), transparent);
  }
  100% {
    opacity: 0;
    background:
      radial-gradient(circle at var(--ripple-x, 50%) var(--ripple-y, 50%), rgba(255,255,255,.36) 0 230px, rgba(255,255,255,0) 232px),
      linear-gradient(90deg, transparent, rgba(255,255,255,.16), transparent);
  }
}

@keyframes authButtonLoadWash {
  0% {
    opacity: .34;
    background:
      linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.5), rgba(255,255,255,0));
    transform: translateX(-85%);
  }
  55% {
    opacity: .9;
  }
  100% {
    opacity: .34;
    background:
      linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.5), rgba(255,255,255,0));
    transform: translateX(85%);
  }
}

@keyframes authButtonBreath {
  0%, 100% { filter: saturate(1) brightness(1); }
  50% { filter: saturate(1.08) brightness(1.08); }
}

@keyframes authButtonPressGlow {
  0% {
    box-shadow:
      0 8px 16px rgba(11, 127, 22,.14),
      inset 0 1px 0 rgba(255,255,255,.46),
      inset 0 -1px 0 rgba(11, 127, 22,.08);
  }
  45% {
    box-shadow:
      0 13px 26px rgba(11, 127, 22,.26),
      0 0 0 5px rgba(11, 127, 22,.20),
      inset 0 1px 0 rgba(255,255,255,.58),
      inset 0 -1px 0 rgba(11, 127, 22,.08);
  }
  100% {
    box-shadow:
      0 8px 16px rgba(11, 127, 22,.14),
      inset 0 1px 0 rgba(255,255,255,.46),
      inset 0 -1px 0 rgba(11, 127, 22,.08);
  }
}

@keyframes authRealRipple {
  0% { opacity: 0; transform: translate(-50%, -50%) scale(.06); }
  16% { opacity: .95; }
  100% { opacity: 0; transform: translate(-50%, -50%) scale(1); }
}

@keyframes androidCtaPress {
  0% {
    transform: translateY(0) scale(1);
    box-shadow:
      0 10px 18px rgba(11, 127, 22,.28),
      0 3px 5px rgba(11, 127, 22,.18),
      inset 0 1px 0 rgba(255,255,255,.24);
  }
  52% {
    transform: translateY(2px) scale(.985);
    box-shadow:
      0 5px 10px rgba(11, 127, 22,.22),
      0 2px 3px rgba(11, 127, 22,.18),
      inset 0 1px 0 rgba(255,255,255,.2);
  }
  100% {
    transform: translateY(0) scale(1);
    box-shadow:
      0 11px 20px rgba(11, 127, 22,.3),
      0 3px 5px rgba(11, 127, 22,.18),
      inset 0 1px 0 rgba(255,255,255,.24);
  }
}

@keyframes androidRealRipple {
  0% { opacity: 0; transform: translate(-50%, -50%) scale(.04); }
  12% { opacity: .86; }
  100% { opacity: 0; transform: translate(-50%, -50%) scale(1); }
}

@keyframes otpScreenIn {
  0% { opacity: 0; transform: translateY(12px); }
  100% { opacity: 1; transform: translateY(0); }
}

@keyframes otpVerifyBreath {
  0%, 100% {
    filter: brightness(1);
    box-shadow: 0 10px 20px rgba(11, 127, 22,.16), inset 0 1px 0 rgba(255,255,255,.22);
  }
  50% {
    filter: brightness(1.04);
    box-shadow: 0 12px 24px rgba(11, 127, 22,.22), inset 0 1px 0 rgba(255,255,255,.25);
  }
}

@keyframes otpDigitPop {
  0% { transform: translateY(0) scale(.9); box-shadow: 0 0 0 0 rgba(11, 127, 22,0); }
  55% { transform: translateY(-2px) scale(1.06); box-shadow: 0 0 0 5px rgba(11, 127, 22,.12); }
  100% { transform: translateY(0) scale(1); box-shadow: 0 0 0 3px rgba(11, 127, 22,.12), inset 0 1px 0 rgba(255,255,255,.9); }
}

@media (max-width: 380px) {
  .login-container .card-content,
  .register-container .card-content {
    padding-inline: 20px !important;
  }

  .login-container .tabs,
  .register-container .tabs {
    gap: 10px !important;
  }
}

/* APK-style bottom navigation: white bar, #0b7f16 active items, floating center FAB. */
.bottom-nav.nav-dock,
.bottom-nav.orbital-nav {
  --apk-nav-blue: #16a34a;
  --apk-nav-ink: #2c2d33;
  --apk-nav-muted: #3e3f46;
  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  bottom: 0 !important;
  width: 100% !important;
  max-width: 500px !important;
  height: calc(66px + env(safe-area-inset-bottom, 0px)) !important;
  padding: 0 max(env(safe-area-inset-right, 0px), 6px) env(safe-area-inset-bottom, 0px) max(env(safe-area-inset-left, 0px), 6px) !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  align-items: end !important;
  overflow: visible !important;
  border: 0 !important;
  border-top: 1px solid rgba(32, 38, 50, .08) !important;
  border-radius: 0 !important;
  background: rgba(255, 247, 245, .96) !important;
  box-shadow: 0 -5px 18px rgba(22, 27, 42, .08), inset 0 1px 0 rgba(255,255,255,.9) !important;
  backdrop-filter: blur(12px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.08) !important;
  transform: translateX(-50%) !important;
  z-index: 80 !important;
}

.bottom-nav.nav-dock::before,
.bottom-nav.orbital-nav::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  top: auto !important;
  bottom: max(env(safe-area-inset-bottom, 0px), 6px) !important;
  width: 94px !important;
  height: 3px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(31, 32, 38, .70) !important;
  box-shadow: none !important;
  transform: translateX(-50%) !important;
  pointer-events: none !important;
  opacity: 0 !important;
  transform: translate(-50%, 26px) !important;
  transition: opacity .34s ease, transform .46s cubic-bezier(.22, 1, .36, 1) !important;
}

body.mama-nav-ready .bottom-nav.nav-dock,
body.mama-nav-ready .bottom-nav.orbital-nav {
  opacity: 1 !important;
  transform: translateX(-50%) !important;
}

.bottom-nav.nav-dock::after,
.bottom-nav.orbital-nav::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: -30px !important;
  width: 72px !important;
  height: 72px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(11, 127, 22,.20) 0 42%, rgba(11, 127, 22,.10) 43% 58%, transparent 68%) !important;
  filter: blur(.2px) !important;
  transform: translateX(-50%) !important;
  animation: apkCenterHalo 2.25s ease-in-out infinite !important;
  pointer-events: none !important;
}

.bottom-nav .nav-item {
  position: relative !important;
  min-width: 0 !important;
  height: 61px !important;
  padding: 7px 2px 13px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 3px !important;
  overflow: visible !important;
  border-radius: 16px !important;
  background: transparent !important;
  color: var(--apk-nav-muted) !important;
  text-decoration: none !important;
  font: 900 8px/1.05 "Space Grotesk", "Outfit", sans-serif !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  -webkit-tap-highlight-color: transparent !important;
  transition: color .18s ease, transform .18s cubic-bezier(.2,0,.2,1) !important;
}

.bottom-nav .nav-item > span:last-child {
  color: currentColor !important;
  text-align: center !important;
  white-space: nowrap !important;
  transform-origin: center !important;
  transition: color .18s ease, transform .18s cubic-bezier(.2,0,.2,1) !important;
}

.bottom-nav .nav-icon-shell {
  width: 25px !important;
  height: 25px !important;
  display: grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform-origin: center !important;
  transition: transform .18s cubic-bezier(.2,0,.2,1), filter .18s ease !important;
}

.bottom-nav .nav-item img {
  width: 22px !important;
  height: 22px !important;
  object-fit: contain !important;
  filter: brightness(0) saturate(0) opacity(.78) !important;
  transition: filter .18s ease, transform .18s cubic-bezier(.2,0,.2,1) !important;
}

.bottom-nav .nav-item[aria-current],
.bottom-nav .nav-item.nav-pressing {
  color: var(--apk-nav-blue) !important;
}

.bottom-nav .nav-item[aria-current] .nav-icon-shell,
.bottom-nav .nav-item.nav-pressing .nav-icon-shell {
  animation: apkNavPop .34s cubic-bezier(.2,0,.2,1) both !important;
}

.bottom-nav .nav-item[aria-current] img,
.bottom-nav .nav-item.nav-pressing img {
  filter: invert(43%) sepia(99%) saturate(3272%) hue-rotate(210deg) brightness(98%) contrast(97%) !important;
}

.bottom-nav .nav-item[aria-current] > span:last-child {
  transform: translateY(-1px) !important;
}

.bottom-nav .nav-item:not(.nav-center)[aria-current]::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 7px !important;
  width: 4px !important;
  height: 4px !important;
  border-radius: 50% !important;
  background: var(--apk-nav-blue) !important;
  transform: translateX(-50%) scale(1) !important;
  box-shadow: 0 0 0 3px rgba(11, 127, 22,.12) !important;
  animation: apkDotIn .24s ease both !important;
}

.bottom-nav .nav-item:not(.nav-center).nav-pressing::before {
  content: "" !important;
  position: absolute !important;
  top: 4px !important;
  left: 50% !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  background: rgba(11, 127, 22, .12) !important;
  transform: translateX(-50%) scale(.65) !important;
  animation: apkRipple .42s ease-out both !important;
  pointer-events: none !important;
}

.bottom-nav .nav-center {
  height: 66px !important;
  padding-top: 0 !important;
  justify-content: flex-start !important;
  color: var(--apk-nav-blue) !important;
  z-index: 2 !important;
}

.bottom-nav .nav-home {
  position: relative !important;
  width: 45px !important;
  height: 45px !important;
  margin: -18px auto 2px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  border: 3px solid rgba(255,255,255,.92) !important;
  border-radius: 50% !important;
  background: linear-gradient(145deg, #16a34a 0%, #16a34a 58%, #0b7f16 100%) !important;
  box-shadow: 0 0 0 7px rgba(11, 127, 22,.12), 0 10px 18px rgba(11, 127, 22, .28), inset 0 1px 0 rgba(255,255,255,.34) !important;
  transform: translateZ(0) !important;
  animation: apkCenterFloat 2.4s ease-in-out infinite !important;
}

.bottom-nav.nav-dock .nav-center,
.bottom-nav.orbital-nav .nav-center {
}

.bottom-nav.nav-dock .nav-home,
.bottom-nav.orbital-nav .nav-home,
.bottom-nav .nav-item[aria-current] .nav-home {
  width: 45px !important;
  height: 45px !important;
  margin: -18px auto 2px !important;
  border: 3px solid rgba(255,255,255,.92) !important;
  border-radius: 50% !important;
  background-color: #16a34a !important;
  background-image: linear-gradient(145deg, #16a34a 0%, #16a34a 58%, #0b7f16 100%) !important;
  box-shadow: 0 0 0 7px rgba(11, 127, 22,.12), 0 10px 18px rgba(11, 127, 22,.28), inset 0 1px 0 rgba(255,255,255,.34) !important;
}

.bottom-nav .home-orbit {
  display: none !important;
}

.bottom-nav .nav-home::before {
  content: "" !important;
  position: absolute !important;
  inset: -20% !important;
  background: linear-gradient(110deg, transparent 18%, rgba(255,255,255,.35) 46%, transparent 72%) !important;
  transform: translateX(-80%) rotate(18deg) !important;
  animation: apkFabSheen 2.5s ease-in-out infinite !important;
  pointer-events: none !important;
}

.bottom-nav .nav-home img {
  position: relative !important;
  z-index: 1 !important;
  width: 27px !important;
  height: 27px !important;
  filter: brightness(0) invert(1) drop-shadow(0 2px 3px rgba(11, 127, 22,.25)) !important;
}

.bottom-nav .nav-center > span:last-child {
  color: var(--apk-nav-blue) !important;
  font-size: 8px !important;
}

.bottom-nav .nav-center[aria-current]::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 7px !important;
  width: 4px !important;
  height: 4px !important;
  border-radius: 50% !important;
  background: var(--apk-nav-blue) !important;
  transform: translateX(-50%) !important;
  box-shadow: 0 0 0 3px rgba(11, 127, 22,.12) !important;
}

.bottom-nav .nav-center.nav-pressing .nav-home {
  animation: apkCenterTap .38s cubic-bezier(.2,0,.2,1) both !important;
}

body.mama-hide-bottom-nav .bottom-nav {
  transform: translate(-50%, 105%) !important;
  pointer-events: none !important;
}

@media screen and (max-width: 573px) {
  html,
  body {
    width: 100vw !important;
    width: 100dvw !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  body {
    display: block !important;
    justify-content: initial !important;
  }

  html body .app,
  html body .app-shell,
  html body .home-app {
    width: 100vw !important;
    width: 100dvw !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 0 !important;
  }

  html body .home-dashboard,
  html body .source-wallet,
  html body .source-bids,
  html body .page-pad {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  html body .bottom-nav,
  html body .bottom-nav.nav-dock,
  html body .bottom-nav.orbital-nav {
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    width: 100dvw !important;
    max-width: none !important;
    transform: translateY(26px) !important;
  }

  html body.mama-nav-ready .bottom-nav,
  html body.mama-nav-ready .bottom-nav.nav-dock,
  html body.mama-nav-ready .bottom-nav.orbital-nav {
    transform: translateY(0) !important;
  }

  html body.mama-hide-bottom-nav .bottom-nav,
  html body.mama-hide-bottom-nav .bottom-nav.nav-dock,
  html body.mama-hide-bottom-nav .bottom-nav.orbital-nav {
    transform: translateY(105%) !important;
  }

  html body .bid-tabs {
    display: grid !important;
    grid-template-columns: .8fr 1.35fr .85fr .85fr !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  html body .bid-tab {
    width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 0 8px 0 11px !important;
  }

  html body .bid-tab-label {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: left !important;
  }
}

@media screen and (max-width: 380px) {
  html body .bid-tabs {
    gap: 6px !important;
  }

  html body .bid-tab {
    height: 32px !important;
    padding: 0 5px !important;
    gap: 3px !important;
    font-size: 11px !important;
  }

  html body .bid-tab b {
    min-width: 18px !important;
    height: 18px !important;
    font-size: 10px !important;
  }
}

@media screen and (max-width: 280px) {
  html body .bid-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body .bid-tab {
    font-size: 10px !important;
    gap: 3px !important;
  }

  html body .bid-tab b {
    min-width: 17px !important;
    height: 17px !important;
  }
}

/* Keep Android WebView pages vertically scrollable while blocking only sideways drift. */
html,
body {
  height: auto !important;
  min-height: 100% !important;
  min-height: 100dvh !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior-y: auto !important;
  touch-action: pan-y !important;
}

html body .app,
html body .app-shell,
html body .home-app {
  height: 100dvh !important;
  min-height: 100dvh !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior-y: contain !important;
  touch-action: pan-y !important;
}

html body .source-bids,
html body .source-wallet,
html body .home-dashboard,
html body .page-pad {
  touch-action: pan-y !important;
}

/* Source bottom-nav lock: copied from online.matkabook.com behavior and cleaned. */
html body .bottom-nav.nav-dock,
html body .bottom-nav.orbital-nav {
  --mb-source-blue: #0b7f16 !important;
  --mb-source-ink: #0b7f16 !important;
  --mb-source-label: #475569 !important;
  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  bottom: 0 !important;
  width: 100% !important;
  max-width: 460px !important;
  height: calc(90px + env(safe-area-inset-bottom, 0px)) !important;
  padding: 34px 10px env(safe-area-inset-bottom, 0px) !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr 66px 1fr 1fr !important;
  align-items: stretch !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: translateX(-50%) !important;
  z-index: 90 !important;
  pointer-events: none !important;
}

html body .bottom-nav.nav-dock::before,
html body .bottom-nav.orbital-nav::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 34px !important;
  bottom: auto !important;
  height: 56px !important;
  border: 0 !important;
  border-radius: 20px 20px 0 0 !important;
  background: #fff !important;
  box-shadow: 0 -2px 10px rgba(11, 127, 22, .04), 0 -1px 3px rgba(11, 127, 22, .03) !important;
  filter: none !important;
  animation: none !important;
  -webkit-mask-image: radial-gradient(circle 34px at 50% 0, transparent 33px, #000 34px) !important;
  mask-image: radial-gradient(circle 34px at 50% 0, transparent 33px, #000 34px) !important;
  pointer-events: none !important;
}

html body .bottom-nav.nav-dock::after,
html body .bottom-nav.orbital-nav::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 33px !important;
  height: 1px !important;
  background: rgba(11, 127, 22, .08) !important;
  -webkit-mask-image: radial-gradient(circle 35px at 50% 100%, transparent 34px, #000 35px) !important;
  mask-image: radial-gradient(circle 35px at 50% 100%, transparent 34px, #000 35px) !important;
  pointer-events: none !important;
}

html body .bottom-nav .nav-item {
  height: 56px !important;
  pointer-events: auto !important;
  -webkit-tap-highlight-color: transparent !important;
}

html body .bottom-nav .nav-item:not(.nav-center) {
  transition: transform .16s ease, color .25s ease !important;
}

html body .bottom-nav .nav-item:not(.nav-center):active,
html body .bottom-nav .nav-item:not(.nav-center).nav-pressing {
  transform: scale(.9) !important;
}

html body .bottom-nav .nav-center,
html body .bottom-nav.nav-dock .nav-center,
html body .bottom-nav.orbital-nav .nav-center {
  position: absolute !important;
  left: 50% !important;
  top: 34px !important;
  width: 54px !important;
  height: 54px !important;
  border: 4px solid #fff !important;
  border-radius: 50% !important;
  background: linear-gradient(168deg, #16a34a 0%, var(--mb-source-blue) 45%, #0b7f16 100%) !important;
  box-shadow: 0 14px 28px rgba(11, 127, 22, .4), 0 4px 10px rgba(11, 127, 22, .12) !important;
  color: #fff !important;
  transform: translate(-50%, -52%) !important;
  transition: box-shadow .25s !important;
  pointer-events: auto !important;
  overflow: visible !important;
}

html body .bottom-nav .nav-home,
html body .bottom-nav.nav-dock .nav-home,
html body .bottom-nav.orbital-nav .nav-home {
  width: 33.5px !important;
  height: 33.5px !important;
  margin: 0 !important;
  display: block !important;
  background: #fff !important;
  filter: drop-shadow(0 2px 3px rgba(11, 127, 22, .45)) !important;
  box-shadow: none !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M315.97,291.42c.49.4-1.56,2.16-1.9,2.5-11.71,11.72-23.83,23.04-35.54,34.68-4.72,4.69-10.43,8.62-12.57,15.15-4.28,13.07,5.18,19.84,13.4,28.05,15.16,15.14,32.33,29.8,46.85,45.24,10,10.64,7.79,23.88-5.97,29.52-44.77,1.44-89.85.19-134.73.63-15.1-2.75-20.15-18.12-9.57-29.31,12.95-13.7,28-26.74,41.53-40.05,4.76-4.69,16.8-15.49,18.95-20.97,5.86-14.92-7.06-28.96-23.03-25.38-6.46,1.45-14.32,10.52-20.02,14.52-25.27,17.77-59.37,21.75-88.35,10.28-60.8-24.07-76.97-100.23-32.07-146.49L251.12,36c.93-.15,11.9,11.29,13.54,12.87,50.77,48.84,101.17,97.83,151.12,147.43,15.27,15.16,27.39,25.55,34.88,46.54,25.82,72.32-48.21,142.02-121.29,113.8-4.3-1.66-12.46-5.39-15.95-8.11-.82-.64,1.32-1.64,1.93-2.27,14.63-15.32,30.23-29.79,45.3-44.68,5.66-5.59,19.31-16.75,21.17-23.79,3.05-11.52-4.74-22.69-16.74-24.12l-94.05-.43-.62-1.89c-.31-28.94.5-57.92,0-86.85-.14-8.34-3.23-15.56-11.9-18.66-15.18-5.42-21.67,5.54-30.85,14.32-31.04,29.69-61.81,59.72-92.15,89.93-4.75,4.73-12.78,10.38-14.44,17.06-2.74,10.96,3.06,21.17,14.44,23.65,12.32,2.69,19.33-6.47,27.05-13.9,21.95-21.14,43.24-43.07,65.54-63.97,1.25-1.17,1.98-3.46,4.03-3.34v64.17c0,8.58,9.75,17.65,18.51,17.65h65.33Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M315.97,291.42c.49.4-1.56,2.16-1.9,2.5-11.71,11.72-23.83,23.04-35.54,34.68-4.72,4.69-10.43,8.62-12.57,15.15-4.28,13.07,5.18,19.84,13.4,28.05,15.16,15.14,32.33,29.8,46.85,45.24,10,10.64,7.79,23.88-5.97,29.52-44.77,1.44-89.85.19-134.73.63-15.1-2.75-20.15-18.12-9.57-29.31,12.95-13.7,28-26.74,41.53-40.05,4.76-4.69,16.8-15.49,18.95-20.97,5.86-14.92-7.06-28.96-23.03-25.38-6.46,1.45-14.32,10.52-20.02,14.52-25.27,17.77-59.37,21.75-88.35,10.28-60.8-24.07-76.97-100.23-32.07-146.49L251.12,36c.93-.15,11.9,11.29,13.54,12.87,50.77,48.84,101.17,97.83,151.12,147.43,15.27,15.16,27.39,25.55,34.88,46.54,25.82,72.32-48.21,142.02-121.29,113.8-4.3-1.66-12.46-5.39-15.95-8.11-.82-.64,1.32-1.64,1.93-2.27,14.63-15.32,30.23-29.79,45.3-44.68,5.66-5.59,19.31-16.75,21.17-23.79,3.05-11.52-4.74-22.69-16.74-24.12l-94.05-.43-.62-1.89c-.31-28.94.5-57.92,0-86.85-.14-8.34-3.23-15.56-11.9-18.66-15.18-5.42-21.67,5.54-30.85,14.32-31.04,29.69-61.81,59.72-92.15,89.93-4.75,4.73-12.78,10.38-14.44,17.06-2.74,10.96,3.06,21.17,14.44,23.65,12.32,2.69,19.33-6.47,27.05-13.9,21.95-21.14,43.24-43.07,65.54-63.97,1.25-1.17,1.98-3.46,4.03-3.34v64.17c0,8.58,9.75,17.65,18.51,17.65h65.33Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

html body .bottom-nav .nav-home img,
html body .bottom-nav .home-orbit,
html body .bottom-nav .nav-home::before,
html body .bottom-nav .nav-home::after {
  display: none !important;
  content: none !important;
  filter: none !important;
}

html body .bottom-nav .nav-center[aria-current]::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 70px !important;
  width: 5px !important;
  height: 5px !important;
  border-radius: 50% !important;
  background: var(--mb-source-blue) !important;
  opacity: 1 !important;
  transform: translateX(-50%) !important;
  transition: opacity .25s !important;
  animation: none !important;
}

html body .bottom-nav .nav-center:not([aria-current])::after {
  opacity: 0 !important;
}

html body .bottom-nav .nav-home-ripple {
  position: absolute !important;
  inset: -4px !important;
  border-radius: 50% !important;
  border: 3px solid var(--mb-source-blue) !important;
  opacity: .5;
  pointer-events: none !important;
}

@media screen and (max-width: 573px) {
  html body .bottom-nav.nav-dock,
  html body .bottom-nav.orbital-nav {
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    width: 100dvw !important;
    max-width: none !important;
    transform: translateY(0) !important;
  }
}

/* Absolute final Home FAB click animation lock. */
html body .bottom-nav .nav-center .nav-home {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  transform-origin: center !important;
}

html body .bottom-nav .nav-center .source-home-icon {
  width: 62% !important;
  height: 62% !important;
  min-width: 33.48px !important;
  min-height: 33.48px !important;
  display: block !important;
  position: relative !important;
  overflow: visible !important;
  filter: drop-shadow(0 2px 3px rgba(11, 127, 22, .45)) !important;
  transform-origin: center !important;
}

html body .bottom-nav .nav-center .source-home-icon path {
  fill: #fff !important;
}

html body .bottom-nav .nav-center .nav-home-ripple {
  position: absolute !important;
  inset: -4px !important;
  border-radius: 50% !important;
  border: 3px solid #0b7f16 !important;
  opacity: .5;
  pointer-events: none !important;
}

/* Final no-slide lock: bottom nav must not come from below on tab clicks. */
html body .bottom-nav,
html body .bottom-nav.nav-dock,
html body .bottom-nav.orbital-nav,
html body.mama-nav-ready .bottom-nav,
html body.mama-nav-ready .bottom-nav.nav-dock,
html body.mama-nav-ready .bottom-nav.orbital-nav {
  transition: none !important;
  animation: none !important;
  transform: translateX(-50%) !important;
}

html body .bottom-nav.nav-dock *,
html body .bottom-nav.orbital-nav * {
  transition-property: color, opacity, filter, background-color, border-color, box-shadow !important;
}

@media screen and (max-width: 573px) {
  html body .bottom-nav,
  html body .bottom-nav.nav-dock,
  html body .bottom-nav.orbital-nav,
  html body.mama-nav-ready .bottom-nav,
  html body.mama-nav-ready .bottom-nav.nav-dock,
  html body.mama-nav-ready .bottom-nav.orbital-nav {
    transform: translateY(0) !important;
  }
}

/* Absolute EOF hard stop: no bottom-nav slide/pop animations. */
html body .bottom-nav,
html body .bottom-nav.nav-dock,
html body .bottom-nav.orbital-nav,
html body.mama-nav-ready .bottom-nav,
html body.mama-nav-ready .bottom-nav.nav-dock,
html body.mama-nav-ready .bottom-nav.orbital-nav {
  transition: none !important;
  animation: none !important;
  transform: translateX(-50%) !important;
}

html body .bottom-nav .nav-item,
html body .bottom-nav .nav-center,
html body .bottom-nav .nav-icon-shell,
html body .bottom-nav .nav-icon-shell::before,
html body .bottom-nav .nav-icon-shell svg,
html body .bottom-nav .nav-home,
html body .bottom-nav .source-home-icon,
html body .bottom-nav .nav-item[aria-current],
html body .bottom-nav .nav-item.nav-icon-playing,
html body .bottom-nav .nav-item.nav-pressing {
  animation: none !important;
  animation-delay: 0s !important;
}

html body .bottom-nav .nav-item:not(.nav-center).nav-pressing,
html body .bottom-nav .nav-item:not(.nav-center):active {
  transform: none !important;
}

@media screen and (max-width: 573px) {
  html body .bottom-nav,
  html body .bottom-nav.nav-dock,
  html body .bottom-nav.orbital-nav,
  html body.mama-nav-ready .bottom-nav,
  html body.mama-nav-ready .bottom-nav.nav-dock,
  html body.mama-nav-ready .bottom-nav.orbital-nav {
    transform: translateY(0) !important;
  }
}

/* Final hard stop: no bottom-nav child pop/slide animations on page changes. */
html body .bottom-nav .nav-item,
html body .bottom-nav .nav-center,
html body .bottom-nav .nav-icon-shell,
html body .bottom-nav .nav-icon-shell::before,
html body .bottom-nav .nav-icon-shell svg,
html body .bottom-nav .nav-home,
html body .bottom-nav .source-home-icon,
html body .bottom-nav .nav-item[aria-current],
html body .bottom-nav .nav-item.nav-icon-playing,
html body .bottom-nav .nav-item.nav-pressing {
  animation: none !important;
  animation-delay: 0s !important;
}

html body .bottom-nav .nav-item,
html body .bottom-nav .nav-center,
html body .bottom-nav .nav-icon-shell,
html body .bottom-nav .nav-icon-shell::before,
html body .bottom-nav .nav-icon-shell svg,
html body .bottom-nav .nav-home,
html body .bottom-nav .source-home-icon {
  transition: color .18s ease, opacity .18s ease, filter .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

html body .bottom-nav .nav-item:not(.nav-center).nav-pressing,
html body .bottom-nav .nav-item:not(.nav-center):active {
  transform: none !important;
}

/* Keep bottom nav fixed: no slide-in/out when changing bottom tabs. */
html body .bottom-nav,
html body .bottom-nav.nav-dock,
html body .bottom-nav.orbital-nav,
html body.mama-nav-ready .bottom-nav,
html body.mama-nav-ready .bottom-nav.nav-dock,
html body.mama-nav-ready .bottom-nav.orbital-nav {
  transition: none !important;
  animation: none !important;
  transform: translateX(-50%) !important;
}

html body.mama-hide-bottom-nav .bottom-nav,
html body.mama-hide-bottom-nav .bottom-nav.nav-dock,
html body.mama-hide-bottom-nav .bottom-nav.orbital-nav {
  transition: none !important;
}

@media screen and (max-width: 573px) {
  html body .bottom-nav,
  html body .bottom-nav.nav-dock,
  html body .bottom-nav.orbital-nav,
  html body.mama-nav-ready .bottom-nav,
  html body.mama-nav-ready .bottom-nav.nav-dock,
  html body.mama-nav-ready .bottom-nav.orbital-nav {
    transform: translateY(0) !important;
  }
}

html body .bottom-nav .nav-center.nav-pressing,
html body .bottom-nav .nav-center.nav-home-playing {
  animation: mbSourceHomeFabClick 450ms cubic-bezier(0.22, 1, 0.36, 1) both !important;
}

html body .bottom-nav .nav-center.nav-pressing .source-home-icon,
html body .bottom-nav .nav-center.nav-home-playing .source-home-icon {
  animation: mbSourceHomeIconClick 450ms cubic-bezier(0.22, 1, 0.36, 1) both !important;
}

@keyframes mbSourceHomeFabClick {
  0% { scale: 1; }
  30% { scale: .84; }
  65% { scale: 1.09; }
  100% { scale: 1; }
}

@keyframes mbSourceHomeIconClick {
  0% { scale: 1; }
  30% { scale: .96; }
  65% { scale: 1.04; }
  100% { scale: 1; }
}









/* Final source Home FAB icon and click animation lock: keep at EOF. */
html body .bottom-nav .nav-center .nav-home {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  transform-origin: center !important;
}

html body .bottom-nav .nav-center .source-home-icon {
  width: 62% !important;
  height: 62% !important;
  min-width: 33.48px !important;
  min-height: 33.48px !important;
  display: block !important;
  position: relative !important;
  overflow: visible !important;
  filter: drop-shadow(0 2px 3px rgba(11, 127, 22, .45)) !important;
  transform-origin: center !important;
}

html body .bottom-nav .nav-center .source-home-icon path {
  fill: #fff !important;
}

html body .bottom-nav .nav-center .nav-home-ripple {
  position: absolute !important;
  inset: -4px !important;
  border-radius: 50% !important;
  border: 3px solid #0b7f16 !important;
  opacity: .5;
  pointer-events: none !important;
}

html body .bottom-nav .nav-center.nav-pressing {
  animation: mbSourceHomeFabClick 450ms cubic-bezier(0.22, 1, 0.36, 1) both !important;
}

html body .bottom-nav .nav-center.nav-pressing .source-home-icon {
  animation: mbSourceHomeIconClick 450ms cubic-bezier(0.22, 1, 0.36, 1) both !important;
}

@keyframes mbSourceHomeFabClick {
  0% { scale: 1; }
  30% { scale: .84; }
  65% { scale: 1.09; }
  100% { scale: 1; }
}

@keyframes mbSourceHomeIconClick {
  0% { scale: 1; }
  30% { scale: .96; }
  65% { scale: 1.04; }
  100% { scale: 1; }
}

/* Exact source Lottie icons and repeated-click text/ripple cleanup. */
html body .bottom-nav .nav-icon-shell[data-lottie] {
  width: 25px !important;
  height: 25px !important;
  color: #0b7f16 !important;
  background: transparent !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  overflow: visible !important;
}

html body .bottom-nav .nav-icon-shell[data-lottie]::before,
html body .bottom-nav .nav-icon-shell[data-lottie] img {
  display: none !important;
  content: none !important;
}

html body .bottom-nav .nav-icon-shell[data-lottie] svg {
  width: 25px !important;
  height: 25px !important;
  display: block !important;
  overflow: visible !important;
}

html body .bottom-nav .nav-item[aria-current] .nav-icon-shell[data-lottie],
html body .bottom-nav .nav-item.nav-pressing .nav-icon-shell[data-lottie],
html body .bottom-nav .nav-item.nav-icon-playing .nav-icon-shell[data-lottie] {
  color: #0b7f16 !important;
  background: transparent !important;
  filter: none !important;
}

html body .bottom-nav .nav-center {
  font-size: 0 !important;
  line-height: 0 !important;
  -webkit-tap-highlight-color: transparent !important;
  user-select: none !important;
}

html body .bottom-nav .nav-center > span:last-child,
html body .bottom-nav .nav-center .nav-home + span {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  font-size: 0 !important;
  line-height: 0 !important;
  pointer-events: none !important;
}

html body .bottom-nav .nav-center:focus,
html body .bottom-nav .nav-center:focus-visible {
  outline: none !important;
}

html body .bottom-nav .nav-home {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  transform-origin: center !important;
}

html body .bottom-nav .source-home-icon {
  width: 62% !important;
  height: 62% !important;
  display: block !important;
  position: relative !important;
  overflow: visible !important;
  filter: drop-shadow(0 2px 3px rgba(11, 127, 22, .45)) !important;
  transform-origin: center !important;
}

html body .bottom-nav .source-home-icon path {
  fill: #fff !important;
}

@media screen and (max-width: 700px) {
  html body .app,
  html body .app-shell,
  html body .home-app {
    width: 100vw !important;
    width: 100dvw !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 0 !important;
  }

  html body .bottom-nav.nav-dock,
  html body .bottom-nav.orbital-nav {
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    width: 100dvw !important;
    max-width: none !important;
    transform: translateY(26px) !important;
  }

  html body.mama-nav-ready .bottom-nav.nav-dock,
  html body.mama-nav-ready .bottom-nav.orbital-nav {
    transform: translateY(0) !important;
  }

  html body.mama-hide-bottom-nav .bottom-nav.nav-dock,
  html body.mama-hide-bottom-nav .bottom-nav.orbital-nav {
    transform: translateY(105%) !important;
  }
}

/* Android WebView fit: make the app fill every phone viewport cleanly. */
html {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 100% !important;
  min-height: 100dvh !important;
  overflow-x: hidden !important;
  background: #f5f6fb !important;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 100% !important;
  min-height: 100dvh !important;
  margin: 0 !important;
  overflow-x: hidden !important;
  overscroll-behavior-y: none;
  background: #f5f6fb !important;
}

body,
.app,
.app-shell,
.home-app {
  touch-action: manipulation;
}

@media (max-width: 600px), (pointer: coarse) and (max-width: 900px) {
  body {
    display: block !important;
    justify-content: initial !important;
  }

  .app,
  .app-shell,
  .home-app {
    width: 100% !important;
    width: 100dvw !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    margin: 0 !important;
    border-radius: 0 !important;
    overflow-x: hidden !important;
    background: #f5f6fb !important;
  }

  .topbar,
  .source-page-head,
  .bids-toolbar {
    padding-left: max(14px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(14px, env(safe-area-inset-right, 0px)) !important;
  }

  .source-wallet,
  .source-bids,
  .home-dashboard,
  .page-pad {
    width: 100% !important;
    max-width: none !important;
    padding-left: max(14px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(14px, env(safe-area-inset-right, 0px)) !important;
    overflow-x: hidden !important;
  }

  .bottom-nav.nav-dock,
  .bottom-nav.orbital-nav {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    width: 100dvw !important;
    max-width: none !important;
    transform: translateY(26px) !important;
  }

  body.mama-nav-ready .bottom-nav.nav-dock,
  body.mama-nav-ready .bottom-nav.orbital-nav {
    transform: translateY(0) !important;
  }

  body.mama-hide-bottom-nav .bottom-nav {
    transform: translateY(105%) !important;
  }

  .bottom-nav .nav-center,
  .bottom-nav.nav-dock .nav-center,
  .bottom-nav.orbital-nav .nav-center {
    left: 50% !important;
    transform: translate(-50%, -52%) !important;
  }

  .wallet-card,
  .transaction-panel,
  .search-box,
  .source-bid-card {
    max-width: 100% !important;
  }
}

@media (max-width: 340px) {
  .source-wallet,
  .source-bids,
  .home-dashboard,
  .page-pad {
    padding-left: max(10px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(10px, env(safe-area-inset-right, 0px)) !important;
  }

  .wallet-help {
    font-size: 10px !important;
    padding-inline: 9px !important;
  }

  .wallet-action {
    font-size: 12px !important;
  }

  .bid-tab {
    padding-inline: 11px !important;
  }
}

@keyframes apkCenterFloat {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-3px) scale(1.035); }
}

@keyframes apkCenterHalo {
  0%, 100% { opacity: .76; transform: translateX(-50%) scale(.94); }
  50% { opacity: 1; transform: translateX(-50%) scale(1.04); }
}

@keyframes apkCenterTap {
  0% { transform: translateY(0) scale(1); }
  45% { transform: translateY(-5px) scale(1.13); }
  100% { transform: translateY(0) scale(1); }
}

@keyframes apkNavPop {
  0% { transform: translateY(0) scale(1); }
  45% { transform: translateY(-4px) scale(1.16); }
  100% { transform: translateY(0) scale(1); }
}

@keyframes apkDotIn {
  from { opacity: 0; transform: translateX(-50%) scale(.3); }
  to { opacity: 1; transform: translateX(-50%) scale(1); }
}

@keyframes apkRipple {
  from { opacity: .75; transform: translateX(-50%) scale(.45); }
  to { opacity: 0; transform: translateX(-50%) scale(1.25); }
}

@keyframes apkFabSheen {
  0%, 42% { transform: translateX(-85%) rotate(18deg); opacity: 0; }
  55% { opacity: .75; }
  78%, 100% { transform: translateX(90%) rotate(18deg); opacity: 0; }
}

/* Final video-match pass for the APK bottom nav. */
.app,
.home-app {
  padding-bottom: calc(104px + env(safe-area-inset-bottom, 0px)) !important;
}

.bottom-nav.nav-dock,
.bottom-nav.orbital-nav {
  --apk-nav-blue: #16a34a;
  --apk-nav-blue-deep: #0b7f16;
  --apk-nav-ink: #404045;
  --apk-nav-line: #eed4bb;
  left: 50% !important;
  right: auto !important;
  bottom: 0 !important;
  width: 100% !important;
  max-width: 500px !important;
  height: calc(89px + env(safe-area-inset-bottom, 0px)) !important;
  padding: 0 18px env(safe-area-inset-bottom, 0px) !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  align-items: end !important;
  overflow: visible !important;
  border: 0 !important;
  border-top: 1px solid var(--apk-nav-line) !important;
  border-radius: 0 !important;
  background: rgba(255, 248, 247, .985) !important;
  box-shadow: 0 -3px 14px rgba(38, 38, 44, .08), inset 0 1px 0 rgba(255, 255, 255, .9) !important;
  transform: translateX(-50%) !important;
  z-index: 80 !important;
}

.bottom-nav.nav-dock::before,
.bottom-nav.orbital-nav::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: -57px !important;
  bottom: auto !important;
  width: 126px !important;
  height: 126px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(11, 127, 22, .20) 0 42%, rgba(11, 127, 22, .13) 43% 58%, rgba(11, 127, 22, .07) 59% 70%, transparent 71%) !important;
  box-shadow: none !important;
  filter: blur(.2px) !important;
  transform: translateX(-50%) !important;
  animation: apkCenterHalo 2.35s ease-in-out infinite !important;
  pointer-events: none !important;
}

.bottom-nav.nav-dock::after,
.bottom-nav.orbital-nav::after {
  display: none !important;
}

.bottom-nav .nav-item {
  position: relative !important;
  height: 84px !important;
  min-width: 0 !important;
  padding: 33px 0 24px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  overflow: visible !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--apk-nav-ink) !important;
  text-decoration: none !important;
  font: 900 16px/1 "Outfit", "Space Grotesk", sans-serif !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  transition: color .18s ease, transform .18s cubic-bezier(.2, 0, .2, 1) !important;
}

.bottom-nav .nav-item > span:last-child {
  color: currentColor !important;
  font-size: 16px !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.bottom-nav .nav-icon-shell {
  width: 32px !important;
  height: 31px !important;
  display: grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.bottom-nav .nav-icon-shell img {
  display: none !important;
}

.bottom-nav .nav-icon-shell::before {
  content: "" !important;
  width: 30px !important;
  height: 30px !important;
  display: block !important;
  background: currentColor !important;
  -webkit-mask: var(--nav-icon-mask) center / contain no-repeat !important;
  mask: var(--nav-icon-mask) center / contain no-repeat !important;
  transform-origin: center !important;
  transition: transform .18s cubic-bezier(.2, 0, .2, 1) !important;
}

.bottom-nav .nav-item[href*="gameHistorySelection"] .nav-icon-shell {
  --nav-icon-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='3.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 12h2M14 24h2M14 36h2'/%3E%3Cpath d='M23 12h14M23 24h14M23 36h14'/%3E%3Cpath d='M10 10l2 2.2 4-5.2M10 22l2 2.2 4-5.2M10 34l2 2.2 4-5.2'/%3E%3C/g%3E%3C/svg%3E");
}

.bottom-nav .nav-item[href*="passbook"] .nav-icon-shell {
  --nav-icon-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 10h20a4 4 0 0 1 4 4v26H18a4 4 0 0 1-4-4V10z'/%3E%3Cpath d='M14 10a4 4 0 0 0-4 4v20a6 6 0 0 0 6 6'/%3E%3Cpath d='M21 16v18M31 16v18'/%3E%3C/g%3E%3C/svg%3E");
}

.bottom-nav .nav-item[href*="funds"] .nav-icon-shell {
  --nav-icon-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 17h24l6 8-18 17L6 25l6-8z'/%3E%3Cpath d='M12 17l6 8 6-8 6 8 6-8M6 25h36M18 25l6 17 6-17'/%3E%3C/g%3E%3C/svg%3E");
}

.bottom-nav .nav-item[href*="support"] .nav-icon-shell,
.bottom-nav .nav-item[href*="profile"] .nav-icon-shell {
  --nav-icon-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='24' cy='16' r='7'/%3E%3Cpath d='M11 40c2.6-8 7-12 13-12s10.4 4 13 12'/%3E%3C/g%3E%3C/svg%3E");
}

.bottom-nav .nav-item[aria-current],
.bottom-nav .nav-item.nav-pressing {
  color: var(--apk-nav-blue) !important;
}

.bottom-nav .nav-item[aria-current] .nav-icon-shell,
.bottom-nav .nav-item.nav-pressing .nav-icon-shell {
  width: 32px !important;
  height: 31px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.bottom-nav .nav-item[aria-current] .nav-icon-shell::before,
.bottom-nav .nav-item.nav-pressing .nav-icon-shell::before {
  transform: translateY(-1px) scale(1.07) !important;
}

.bottom-nav .nav-item:not(.nav-center)[aria-current]::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 7px !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: var(--apk-nav-blue) !important;
  transform: translateX(-50%) !important;
  box-shadow: 0 0 0 8px rgba(11, 127, 22, .12) !important;
  animation: apkDotIn .24s ease both !important;
}

.bottom-nav .nav-center,
.bottom-nav.nav-dock .nav-center,
.bottom-nav.orbital-nav .nav-center {
  height: 98px !important;
  padding: 0 0 24px !important;
  justify-content: flex-end !important;
  color: var(--apk-nav-blue) !important;
  z-index: 2 !important;
}

.bottom-nav .nav-home,
.bottom-nav.nav-dock .nav-home,
.bottom-nav.orbital-nav .nav-home,
.bottom-nav .nav-item[aria-current] .nav-home {
  position: relative !important;
  width: 76px !important;
  height: 76px !important;
  margin: 0 auto -4px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  border: 5px solid rgba(255, 255, 255, .96) !important;
  border-radius: 50% !important;
  background: linear-gradient(145deg, #16a34a 0%, var(--apk-nav-blue) 48%, var(--apk-nav-blue-deep) 100%) !important;
  box-shadow: 0 0 0 14px rgba(11, 127, 22, .16), 0 14px 24px rgba(11, 127, 22, .36), inset 0 2px 2px rgba(255, 255, 255, .36) !important;
  transform: translateZ(0) !important;
  animation: apkCenterFloat 2.35s ease-in-out infinite !important;
}

.bottom-nav .nav-home img {
  display: none !important;
}

.bottom-nav .home-orbit {
  display: none !important;
}

.bottom-nav .nav-home::before {
  content: "" !important;
  position: absolute !important;
  inset: -18% !important;
  background: linear-gradient(110deg, transparent 20%, rgba(255, 255, 255, .28) 46%, transparent 72%) !important;
  transform: translateX(-82%) rotate(18deg) !important;
  animation: apkFabSheen 2.7s ease-in-out infinite !important;
  pointer-events: none !important;
}

.bottom-nav .nav-home::after,
.bottom-nav.nav-dock .nav-home::after,
.bottom-nav.orbital-nav .nav-home::after {
  content: "" !important;
  position: relative !important;
  z-index: 1 !important;
  width: 49px !important;
  height: 49px !important;
  display: block !important;
  background: #fff !important;
  filter: drop-shadow(0 2px 3px rgba(11, 127, 22, .22)) !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M31 8c-6 5.5-11.6 11.7-17.3 17.7-2.7 2.8-1 7.5 2.9 7.5h5.1l-3.7 9c-.9 2.3.8 4.8 3.3 4.8h19.6c2.5 0 4.2-2.5 3.3-4.8l-3.6-9h6.7c3.9 0 5.7-4.7 3-7.5C44.5 19.5 38.8 13.4 33 8h-2zM31.9 17.5l13.6 12.2h-9.2l3.9 9.6H23.5l5-12.1H19l12.9-9.7z'/%3E%3Cpath fill='black' d='M28 35h8v16h-8z'/%3E%3Cpath fill='black' d='M22 48h20a3 3 0 0 1 3 3v3H19v-3a3 3 0 0 1 3-3z'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M31 8c-6 5.5-11.6 11.7-17.3 17.7-2.7 2.8-1 7.5 2.9 7.5h5.1l-3.7 9c-.9 2.3.8 4.8 3.3 4.8h19.6c2.5 0 4.2-2.5 3.3-4.8l-3.6-9h6.7c3.9 0 5.7-4.7 3-7.5C44.5 19.5 38.8 13.4 33 8h-2zM31.9 17.5l13.6 12.2h-9.2l3.9 9.6H23.5l5-12.1H19l12.9-9.7z'/%3E%3Cpath fill='black' d='M28 35h8v16h-8z'/%3E%3Cpath fill='black' d='M22 48h20a3 3 0 0 1 3 3v3H19v-3a3 3 0 0 1 3-3z'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

.bottom-nav .nav-center > span:last-child {
  color: var(--apk-nav-blue) !important;
  font-size: 17px !important;
  line-height: 1 !important;
  margin-top: 0 !important;
}

.bottom-nav .nav-center[aria-current]::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 7px !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: var(--apk-nav-blue) !important;
  transform: translateX(-50%) !important;
  box-shadow: 0 0 0 8px rgba(11, 127, 22, .12) !important;
}

.bottom-nav .nav-item:not(.nav-center).nav-pressing::before {
  top: 23px !important;
  width: 48px !important;
  height: 48px !important;
  background: rgba(11, 127, 22, .13) !important;
}

.bottom-nav .nav-center.nav-pressing .nav-home {
  animation: apkCenterTap .38s cubic-bezier(.2, 0, .2, 1) both !important;
}

@media (max-width: 380px) {
  .bottom-nav.nav-dock,
  .bottom-nav.orbital-nav {
    padding-inline: 10px !important;
  }

  .bottom-nav .nav-item {
    padding-top: 25px !important;
    padding-bottom: 18px !important;
  }

  .bottom-nav .nav-item > span:last-child {
    font-size: 10px !important;
  }

  .bottom-nav .nav-center > span:last-child {
    font-size: 12px !important;
  }

  .bottom-nav .nav-center,
  .bottom-nav.nav-dock .nav-center,
  .bottom-nav.orbital-nav .nav-center {
    padding-bottom: 20px !important;
  }

  .bottom-nav .nav-center[aria-current]::after,
  .bottom-nav .nav-item:not(.nav-center)[aria-current]::after {
    bottom: 10px !important;
  }
}

/* Revert to the earlier image-icon bottom nav. */
.bottom-nav .nav-icon-shell::before,
.bottom-nav .nav-home::after {
  display: none !important;
  content: none !important;
}

.bottom-nav .nav-icon-shell img {
  display: block !important;
}

.bottom-nav .nav-item img {
  width: 31px !important;
  height: 31px !important;
  object-fit: contain !important;
  opacity: 1 !important;
  filter: grayscale(1) brightness(.35) contrast(1.45) !important;
  transition: filter .18s ease, transform .18s cubic-bezier(.2, 0, .2, 1) !important;
}

.bottom-nav .nav-item[aria-current] img,
.bottom-nav .nav-item.nav-pressing img {
  filter: invert(46%) sepia(94%) saturate(2667%) hue-rotate(206deg) brightness(99%) contrast(95%) !important;
}

.bottom-nav .nav-home img,
.bottom-nav.nav-dock .nav-home img,
.bottom-nav.orbital-nav .nav-home img {
  display: block !important;
  position: relative !important;
  z-index: 1 !important;
  width: 48px !important;
  height: 48px !important;
  filter: brightness(0) invert(1) drop-shadow(0 2px 3px rgba(11, 127, 22, .22)) !important;
}

@media (max-width: 380px) {
  .bottom-nav .nav-item > span:last-child {
    font-size: 12px !important;
  }

  .bottom-nav .nav-center > span:last-child {
    font-size: 14px !important;
  }
}

/* online.matkabook.com bottom navigation clone */
.app,
.home-app {
  padding-bottom: calc(100px + env(safe-area-inset-bottom, 0px)) !important;
}

.bottom-nav.nav-dock,
.bottom-nav.orbital-nav {
  --mb-source-blue: #0b7f16;
  --mb-source-ink: #0b7f16;
  --mb-source-label: #475569;
  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  bottom: 0 !important;
  width: 100% !important;
  max-width: 460px !important;
  height: calc(90px + env(safe-area-inset-bottom, 0px)) !important;
  padding: 34px 10px env(safe-area-inset-bottom, 0px) !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr 66px 1fr 1fr !important;
  align-items: stretch !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: translateX(-50%) !important;
  z-index: 90 !important;
  pointer-events: none !important;
}

.bottom-nav.nav-dock::before,
.bottom-nav.orbital-nav::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 34px !important;
  bottom: auto !important;
  width: auto !important;
  height: 56px !important;
  border: 0 !important;
  border-radius: 20px 20px 0 0 !important;
  background: #fff !important;
  box-shadow: 0 -2px 10px rgba(11, 127, 22, .04), 0 -1px 3px rgba(11, 127, 22, .03) !important;
  filter: none !important;
  animation: none !important;
  -webkit-mask-image: radial-gradient(circle 34px at 50% 0, transparent 33px, #000 34px) !important;
  mask-image: radial-gradient(circle 34px at 50% 0, transparent 33px, #000 34px) !important;
  pointer-events: none !important;
}

.bottom-nav.nav-dock::after,
.bottom-nav.orbital-nav::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 33px !important;
  width: auto !important;
  height: 1px !important;
  border-radius: 0 !important;
  background: rgba(11, 127, 22, .08) !important;
  animation: none !important;
  filter: none !important;
  -webkit-mask-image: radial-gradient(circle 35px at 50% 100%, transparent 34px, #000 35px) !important;
  mask-image: radial-gradient(circle 35px at 50% 100%, transparent 34px, #000 35px) !important;
  pointer-events: none !important;
}

.bottom-nav .nav-item {
  position: relative !important;
  z-index: 1 !important;
  min-width: 0 !important;
  height: 56px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--mb-source-ink) !important;
  font-family: "Space Grotesk", system-ui, sans-serif !important;
  font-size: 9.5px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: transform .16s ease, color .25s ease !important;
  opacity: 1 !important;
  animation: mbSourceItemIn .42s cubic-bezier(.22, 1, .36, 1) both !important;
  pointer-events: auto !important;
  -webkit-tap-highlight-color: transparent !important;
}

.bottom-nav .nav-item[href*="gameHistorySelection"],
.bottom-nav .nav-item[href="/bids"] { grid-column: 1 !important; }
.bottom-nav .nav-item[href*="funds"],
.bottom-nav .nav-item[href="/wallet"] { grid-column: 2 !important; animation-delay: .04s !important; }
.bottom-nav .nav-item[href*="passbook"] { grid-column: 4 !important; animation-delay: .08s !important; }
.bottom-nav .nav-item[href*="profile"],
.bottom-nav .nav-item[href*="support"] { grid-column: 5 !important; animation-delay: .12s !important; }

.bottom-nav .nav-item:not(.nav-center):active,
.bottom-nav .nav-item:not(.nav-center).nav-pressing {
  transform: scale(.9) !important;
}

.bottom-nav .nav-item > span:last-child {
  color: currentColor !important;
  display: block !important;
  font: inherit !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
  opacity: 1 !important;
  transition: color .25s ease !important;
}

.bottom-nav .nav-item[aria-current] {
  color: var(--mb-source-blue) !important;
  font-weight: 700 !important;
}

.bottom-nav .nav-icon-shell,
.bottom-nav .nav-item[aria-current] .nav-icon-shell,
.bottom-nav .nav-item.nav-pressing .nav-icon-shell {
  width: 22px !important;
  height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: currentColor !important;
  animation: none !important;
}

.bottom-nav .nav-icon-shell img,
.bottom-nav .nav-home img {
  display: none !important;
}

.bottom-nav .nav-icon-shell::before {
  content: "" !important;
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  background: currentColor !important;
  -webkit-mask: var(--mb-nav-icon) center / contain no-repeat !important;
  mask: var(--mb-nav-icon) center / contain no-repeat !important;
  transition: transform .25s ease !important;
}

.bottom-nav .nav-item[aria-current] .nav-icon-shell::before,
.bottom-nav .nav-item.nav-pressing .nav-icon-shell::before,
.bottom-nav .nav-item.nav-icon-playing .nav-icon-shell::before {
  animation: mbSourceIconDraw .72s cubic-bezier(.22, 1, .36, 1) both !important;
}

.bottom-nav .nav-item[href*="gameHistorySelection"].nav-icon-playing .nav-icon-shell::before,
.bottom-nav .nav-item[href="/bids"].nav-icon-playing .nav-icon-shell::before,
.bottom-nav .nav-item[href*="gameHistorySelection"].nav-pressing .nav-icon-shell::before,
.bottom-nav .nav-item[href="/bids"].nav-pressing .nav-icon-shell::before {
  animation-name: mbSourceListPlay !important;
}

.bottom-nav .nav-item[href*="funds"].nav-icon-playing .nav-icon-shell::before,
.bottom-nav .nav-item[href="/wallet"].nav-icon-playing .nav-icon-shell::before,
.bottom-nav .nav-item[href*="funds"].nav-pressing .nav-icon-shell::before,
.bottom-nav .nav-item[href="/wallet"].nav-pressing .nav-icon-shell::before {
  animation-name: mbSourceDiamondPlay !important;
}

.bottom-nav .nav-item[href*="passbook"].nav-icon-playing .nav-icon-shell::before,
.bottom-nav .nav-item[href*="passbook"].nav-pressing .nav-icon-shell::before {
  animation-name: mbSourceBookPlay !important;
}

.bottom-nav .nav-item[href*="profile"].nav-icon-playing .nav-icon-shell::before,
.bottom-nav .nav-item[href*="support"].nav-icon-playing .nav-icon-shell::before,
.bottom-nav .nav-item[href*="profile"].nav-pressing .nav-icon-shell::before,
.bottom-nav .nav-item[href*="support"].nav-pressing .nav-icon-shell::before {
  animation-name: mbSourceUserPlay !important;
}

.bottom-nav .nav-item[href*="gameHistorySelection"] .nav-icon-shell,
.bottom-nav .nav-item[href="/bids"] .nav-icon-shell {
  --mb-nav-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 12.5h1.5M15 24h1.5M15 35.5h1.5M24 12.5h12M24 24h12M24 35.5h12M9.5 11.5l2 2 4-5M9.5 23l2 2 4-5M9.5 34.5l2 2 4-5'/%3E%3C/g%3E%3C/svg%3E");
}

.bottom-nav .nav-item[href*="funds"] .nav-icon-shell,
.bottom-nav .nav-item[href="/wallet"] .nav-icon-shell {
  --mb-nav-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='3.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16h24l6 8-18 17L6 24l6-8zM12 16l6 8 6-8 6 8 6-8M6 24h36M18 24l6 17 6-17'/%3E%3C/g%3E%3C/svg%3E");
}

.bottom-nav .nav-item[href*="passbook"] .nav-icon-shell {
  --mb-nav-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='3.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 10h20a3 3 0 0 1 3 3v25H18a4 4 0 0 1-4-4V11a1 1 0 0 1 1-1zM14 13a4 4 0 0 0-4 4v17a4 4 0 0 0 4 4M22 15v18M31 15v18'/%3E%3C/g%3E%3C/svg%3E");
}

.bottom-nav .nav-item[href*="profile"] .nav-icon-shell,
.bottom-nav .nav-item[href*="support"] .nav-icon-shell {
  --mb-nav-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='black' stroke-width='3.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='24' cy='16' r='7'/%3E%3Cpath d='M11 40c2.6-8 7-12 13-12s10.4 4 13 12'/%3E%3C/g%3E%3C/svg%3E");
}

.bottom-nav .nav-center,
.bottom-nav.nav-dock .nav-center,
.bottom-nav.orbital-nav .nav-center {
  position: absolute !important;
  left: 50% !important;
  top: 34px !important;
  z-index: 3 !important;
  width: 54px !important;
  height: 54px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 4px solid #fff !important;
  border-radius: 50% !important;
  background: linear-gradient(168deg, #16a34a 0%, var(--mb-source-blue) 45%, #0b7f16 100%) !important;
  box-shadow: 0 14px 28px rgba(11, 127, 22, .4), 0 4px 10px rgba(11, 127, 22, .12) !important;
  color: #fff !important;
  transform: translate(-50%, -52%) !important;
  transition: box-shadow .25s !important;
  animation: mbSourceFabIn .46s cubic-bezier(.22, 1, .36, 1) both !important;
  pointer-events: auto !important;
  overflow: visible !important;
  -webkit-tap-highlight-color: transparent !important;
}

.bottom-nav .nav-center > span:last-child {
  display: none !important;
}

.bottom-nav .nav-home,
.bottom-nav.nav-dock .nav-home,
.bottom-nav.orbital-nav .nav-home,
.bottom-nav .nav-item[aria-current] .nav-home {
  width: 33.5px !important;
  height: 33.5px !important;
  margin: 0 !important;
  display: block !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
  animation: none !important;
  overflow: visible !important;
  filter: drop-shadow(0 2px 3px rgba(11, 127, 22, .45)) !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M315.97,291.42c.49.4-1.56,2.16-1.9,2.5-11.71,11.72-23.83,23.04-35.54,34.68-4.72,4.69-10.43,8.62-12.57,15.15-4.28,13.07,5.18,19.84,13.4,28.05,15.16,15.14,32.33,29.8,46.85,45.24,10,10.64,7.79,23.88-5.97,29.52-44.77,1.44-89.85.19-134.73.63-15.1-2.75-20.15-18.12-9.57-29.31,12.95-13.7,28-26.74,41.53-40.05,4.76-4.69,16.8-15.49,18.95-20.97,5.86-14.92-7.06-28.96-23.03-25.38-6.46,1.45-14.32,10.52-20.02,14.52-25.27,17.77-59.37,21.75-88.35,10.28-60.8-24.07-76.97-100.23-32.07-146.49L251.12,36c.93-.15,11.9,11.29,13.54,12.87,50.77,48.84,101.17,97.83,151.12,147.43,15.27,15.16,27.39,25.55,34.88,46.54,25.82,72.32-48.21,142.02-121.29,113.8-4.3-1.66-12.46-5.39-15.95-8.11-.82-.64,1.32-1.64,1.93-2.27,14.63-15.32,30.23-29.79,45.3-44.68,5.66-5.59,19.31-16.75,21.17-23.79,3.05-11.52-4.74-22.69-16.74-24.12l-94.05-.43-.62-1.89c-.31-28.94.5-57.92,0-86.85-.14-8.34-3.23-15.56-11.9-18.66-15.18-5.42-21.67,5.54-30.85,14.32-31.04,29.69-61.81,59.72-92.15,89.93-4.75,4.73-12.78,10.38-14.44,17.06-2.74,10.96,3.06,21.17,14.44,23.65,12.32,2.69,19.33-6.47,27.05-13.9,21.95-21.14,43.24-43.07,65.54-63.97,1.25-1.17,1.98-3.46,4.03-3.34v64.17c0,8.58,9.75,17.65,18.51,17.65h65.33Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M315.97,291.42c.49.4-1.56,2.16-1.9,2.5-11.71,11.72-23.83,23.04-35.54,34.68-4.72,4.69-10.43,8.62-12.57,15.15-4.28,13.07,5.18,19.84,13.4,28.05,15.16,15.14,32.33,29.8,46.85,45.24,10,10.64,7.79,23.88-5.97,29.52-44.77,1.44-89.85.19-134.73.63-15.1-2.75-20.15-18.12-9.57-29.31,12.95-13.7,28-26.74,41.53-40.05,4.76-4.69,16.8-15.49,18.95-20.97,5.86-14.92-7.06-28.96-23.03-25.38-6.46,1.45-14.32,10.52-20.02,14.52-25.27,17.77-59.37,21.75-88.35,10.28-60.8-24.07-76.97-100.23-32.07-146.49L251.12,36c.93-.15,11.9,11.29,13.54,12.87,50.77,48.84,101.17,97.83,151.12,147.43,15.27,15.16,27.39,25.55,34.88,46.54,25.82,72.32-48.21,142.02-121.29,113.8-4.3-1.66-12.46-5.39-15.95-8.11-.82-.64,1.32-1.64,1.93-2.27,14.63-15.32,30.23-29.79,45.3-44.68,5.66-5.59,19.31-16.75,21.17-23.79,3.05-11.52-4.74-22.69-16.74-24.12l-94.05-.43-.62-1.89c-.31-28.94.5-57.92,0-86.85-.14-8.34-3.23-15.56-11.9-18.66-15.18-5.42-21.67,5.54-30.85,14.32-31.04,29.69-61.81,59.72-92.15,89.93-4.75,4.73-12.78,10.38-14.44,17.06-2.74,10.96,3.06,21.17,14.44,23.65,12.32,2.69,19.33-6.47,27.05-13.9,21.95-21.14,43.24-43.07,65.54-63.97,1.25-1.17,1.98-3.46,4.03-3.34v64.17c0,8.58,9.75,17.65,18.51,17.65h65.33Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

.bottom-nav .nav-center[aria-current]::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 70px !important;
  bottom: auto !important;
  width: 5px !important;
  height: 5px !important;
  border-radius: 50% !important;
  background: var(--mb-source-blue) !important;
  opacity: 1 !important;
  box-shadow: none !important;
  transform: translateX(-50%) !important;
  transition: opacity .25s !important;
  animation: mbSourceDotIn .25s ease both !important;
}

.bottom-nav .nav-item:not(.nav-center)[aria-current]::after,
.bottom-nav .nav-item:not(.nav-center).nav-pressing::before,
.bottom-nav .home-orbit,
.bottom-nav .nav-home::before,
.bottom-nav .nav-home::after {
  display: none !important;
  content: none !important;
}

.bottom-nav .nav-home-ripple {
  position: absolute !important;
  inset: -4px !important;
  border-radius: 50% !important;
  border: 3px solid var(--mb-source-blue) !important;
  opacity: .5;
  pointer-events: none !important;
}

@keyframes mbSourceIconDraw {
  0% { transform: translateY(0) scale(.92); opacity: .72; }
  55% { transform: translateY(-2px) scale(1.08); opacity: 1; }
  100% { transform: translateY(0) scale(1); opacity: 1; }
}

@keyframes mbSourceItemIn {
  from { opacity: 0; transform: translateY(12px) scale(.96); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes mbSourceFabIn {
  0% { opacity: 0; transform: translate(-50%, -22%) scale(.82); }
  68% { opacity: 1; transform: translate(-50%, -56%) scale(1.08); }
  100% { opacity: 1; transform: translate(-50%, -52%) scale(1); }
}

@keyframes mbSourceDotIn {
  from { opacity: 0; transform: translateX(-50%) scale(.45); }
  to { opacity: 1; transform: translateX(-50%) scale(1); }
}

@keyframes mbSourceListPlay {
  0% { transform: translateY(-7px) scale(.9); opacity: .2; }
  38% { transform: translateY(3px) scale(1.07); opacity: 1; }
  68% { transform: translateY(-1px) scale(1); opacity: 1; }
  100% { transform: translateY(0) scale(1); opacity: 1; }
}

@keyframes mbSourceDiamondPlay {
  0% { transform: rotate(-18deg) scale(.72); opacity: .35; }
  48% { transform: rotate(10deg) scale(1.12); opacity: 1; }
  74% { transform: rotate(-4deg) scale(.98); opacity: 1; }
  100% { transform: rotate(0) scale(1); opacity: 1; }
}

@keyframes mbSourceBookPlay {
  0% { transform: perspective(80px) rotateY(-38deg) scale(.9); opacity: .45; }
  55% { transform: perspective(80px) rotateY(16deg) scale(1.08); opacity: 1; }
  100% { transform: perspective(80px) rotateY(0) scale(1); opacity: 1; }
}

@keyframes mbSourceUserPlay {
  0% { transform: translateY(4px) scale(.82); opacity: .35; }
  45% { transform: translateY(-3px) scale(1.1); opacity: 1; }
  72% { transform: translateY(1px) scale(.98); opacity: 1; }
  100% { transform: translateY(0) scale(1); opacity: 1; }
}

body.mama-hide-bottom-nav .bottom-nav {
  transform: translate(-50%, 105%) !important;
  pointer-events: none !important;
}

@media screen and (max-width: 573px) {
  html,
  body {
    width: 100vw !important;
    width: 100dvw !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  body {
    display: block !important;
    justify-content: initial !important;
  }

  html body .app,
  html body .app-shell,
  html body .home-app {
    width: 100vw !important;
    width: 100dvw !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 0 !important;
  }

  html body .home-dashboard,
  html body .source-wallet,
  html body .source-bids,
  html body .page-pad {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  html body .bottom-nav,
  html body .bottom-nav.nav-dock,
  html body .bottom-nav.orbital-nav {
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    width: 100dvw !important;
    max-width: none !important;
    transform: translateY(26px) !important;
  }

  html body.mama-nav-ready .bottom-nav,
  html body.mama-nav-ready .bottom-nav.nav-dock,
  html body.mama-nav-ready .bottom-nav.orbital-nav {
    transform: translateY(0) !important;
  }

  html body.mama-hide-bottom-nav .bottom-nav,
  html body.mama-hide-bottom-nav .bottom-nav.nav-dock,
  html body.mama-hide-bottom-nav .bottom-nav.orbital-nav {
    transform: translateY(105%) !important;
  }
}

/* Final scroll recovery: WebView must pan vertically on every screen. */
html,
body {
  height: auto !important;
  min-height: 100% !important;
  min-height: 100dvh !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior-y: auto !important;
  touch-action: pan-y !important;
}

html body .app,
html body .app-shell,
html body .home-app {
  height: 100dvh !important;
  min-height: 100dvh !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior-y: contain !important;
  touch-action: pan-y !important;
}

html body .source-bids,
html body .source-wallet,
html body .home-dashboard,
html body .page-pad {
  touch-action: pan-y !important;
}

/* Final source nav bugfix: this must stay last. */
html body .bottom-nav.nav-dock,
html body .bottom-nav.orbital-nav {
  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  bottom: 0 !important;
  width: 100% !important;
  max-width: 460px !important;
  height: calc(90px + env(safe-area-inset-bottom, 0px)) !important;
  padding: 34px 10px env(safe-area-inset-bottom, 0px) !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr 66px 1fr 1fr !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: translateX(-50%) !important;
  pointer-events: none !important;
}

html body .bottom-nav.nav-dock::before,
html body .bottom-nav.orbital-nav::before {
  top: 34px !important;
  height: 56px !important;
  border-radius: 20px 20px 0 0 !important;
  background: #fff !important;
  box-shadow: 0 -2px 10px rgba(11, 127, 22, .04), 0 -1px 3px rgba(11, 127, 22, .03) !important;
  filter: none !important;
  -webkit-mask-image: radial-gradient(circle 34px at 50% 0, transparent 33px, #000 34px) !important;
  mask-image: radial-gradient(circle 34px at 50% 0, transparent 33px, #000 34px) !important;
}

html body .bottom-nav.nav-dock::after,
html body .bottom-nav.orbital-nav::after {
  top: 33px !important;
  height: 1px !important;
  background: rgba(11, 127, 22, .08) !important;
  -webkit-mask-image: radial-gradient(circle 35px at 50% 100%, transparent 34px, #000 35px) !important;
  mask-image: radial-gradient(circle 35px at 50% 100%, transparent 34px, #000 35px) !important;
}

html body .bottom-nav .nav-center,
html body .bottom-nav.nav-dock .nav-center,
html body .bottom-nav.orbital-nav .nav-center {
  top: 34px !important;
  width: 54px !important;
  height: 54px !important;
  border: 4px solid #fff !important;
  border-radius: 50% !important;
  background: linear-gradient(168deg, #16a34a 0%, #0b7f16 45%, #0b7f16 100%) !important;
  box-shadow: 0 14px 28px rgba(11, 127, 22, .4), 0 4px 10px rgba(11, 127, 22, .12) !important;
  transform: translate(-50%, -52%) !important;
  pointer-events: auto !important;
}

html body .bottom-nav .nav-center[aria-current]::after {
  top: 70px !important;
  width: 5px !important;
  height: 5px !important;
  opacity: 1 !important;
  transition: opacity .25s !important;
  animation: none !important;
}

html body .bottom-nav .home-orbit,
html body .bottom-nav .nav-home::before,
html body .bottom-nav .nav-home::after,
html body .bottom-nav .nav-home img {
  display: none !important;
  content: none !important;
}

html body .bottom-nav .nav-item:not(.nav-center):active,
html body .bottom-nav .nav-item:not(.nav-center).nav-pressing {
  transform: scale(.9) !important;
}

@media screen and (max-width: 573px) {
  html body .bottom-nav.nav-dock,
  html body .bottom-nav.orbital-nav {
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    width: 100dvw !important;
    max-width: none !important;
    transform: translateY(0) !important;
  }
}

/* Absolute final Home FAB click animation lock. */
html body .bottom-nav .nav-center .nav-home {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  transform-origin: center !important;
}

html body .bottom-nav .nav-center .source-home-icon {
  width: 62% !important;
  height: 62% !important;
  min-width: 33.48px !important;
  min-height: 33.48px !important;
  display: block !important;
  position: relative !important;
  overflow: visible !important;
  filter: drop-shadow(0 2px 3px rgba(11, 127, 22, .45)) !important;
  transform-origin: center !important;
}

html body .bottom-nav .nav-center .source-home-icon path {
  fill: #fff !important;
}

html body .bottom-nav .nav-center .nav-home-ripple {
  position: absolute !important;
  inset: -4px !important;
  border-radius: 50% !important;
  border: 3px solid #0b7f16 !important;
  opacity: .5;
  pointer-events: none !important;
}

html body .bottom-nav .nav-center.nav-pressing {
  animation: mbSourceHomeFabClick 450ms cubic-bezier(0.22, 1, 0.36, 1) both !important;
}

html body .bottom-nav .nav-center.nav-pressing .source-home-icon {
  animation: mbSourceHomeIconClick 450ms cubic-bezier(0.22, 1, 0.36, 1) both !important;
}

@keyframes mbSourceHomeFabClick {
  0% { scale: 1; }
  30% { scale: .84; }
  65% { scale: 1.09; }
  100% { scale: 1; }
}

@keyframes mbSourceHomeIconClick {
  0% { scale: 1; }
  30% { scale: .96; }
  65% { scale: 1.04; }
  100% { scale: 1; }
}




/* Restore earlier bottom-nav design: #0b7f16 circle is the center anchor, inner icon only. */
html body .bottom-nav .nav-center,
html body .bottom-nav.nav-dock .nav-center,
html body .bottom-nav.orbital-nav .nav-center {
  top: 34px !important;
  width: 54px !important;
  height: 54px !important;
  border: 4px solid #fff !important;
  border-radius: 50% !important;
  background: linear-gradient(168deg, #16a34a 0%, #0b7f16 45%, #0b7f16 100%) !important;
  box-shadow: 0 14px 28px rgba(11, 127, 22, .4), 0 4px 10px rgba(11, 127, 22, .12) !important;
  transform: translate(-50%, -52%) !important;
  pointer-events: auto !important;
}

html body .bottom-nav .nav-center .nav-home {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transform-origin: center !important;
}

html body .bottom-nav .nav-center .source-home-icon {
  width: 62% !important;
  height: 62% !important;
  min-width: 33.48px !important;
  min-height: 33.48px !important;
  display: block !important;
  overflow: visible !important;
  filter: drop-shadow(0 2px 3px rgba(11, 127, 22, .45)) !important;
  transform-origin: center !important;
}

html body .bottom-nav .nav-center .nav-home-ripple {
  position: absolute !important;
  inset: -4px !important;
  border-radius: 50% !important;
  border: 3px solid #0b7f16 !important;
  opacity: .5;
  pointer-events: none !important;
}

/* Final no-slide lock: bottom nav must not come from below on tab clicks. */
html body .bottom-nav,
html body .bottom-nav.nav-dock,
html body .bottom-nav.orbital-nav,
html body.mama-nav-ready .bottom-nav,
html body.mama-nav-ready .bottom-nav.nav-dock,
html body.mama-nav-ready .bottom-nav.orbital-nav {
  transition: none !important;
  animation: none !important;
  transform: translateX(-50%) !important;
}

html body .bottom-nav.nav-dock *,
html body .bottom-nav.orbital-nav * {
  transition-property: color, opacity, filter, background-color, border-color, box-shadow !important;
}

@media screen and (max-width: 573px) {
  html body .bottom-nav,
  html body .bottom-nav.nav-dock,
  html body .bottom-nav.orbital-nav,
  html body.mama-nav-ready .bottom-nav,
  html body.mama-nav-ready .bottom-nav.nav-dock,
  html body.mama-nav-ready .bottom-nav.orbital-nav {
    transform: translateY(0) !important;
  }
}

/* Absolute EOF hard stop: no bottom-nav slide/pop animations. */
html body .bottom-nav,
html body .bottom-nav.nav-dock,
html body .bottom-nav.orbital-nav,
html body.mama-nav-ready .bottom-nav,
html body.mama-nav-ready .bottom-nav.nav-dock,
html body.mama-nav-ready .bottom-nav.orbital-nav {
  transition: none !important;
  animation: none !important;
  transform: translateX(-50%) !important;
}

html body .bottom-nav .nav-item,
html body .bottom-nav .nav-center,
html body .bottom-nav .nav-icon-shell,
html body .bottom-nav .nav-icon-shell::before,
html body .bottom-nav .nav-icon-shell svg,
html body .bottom-nav .nav-home,
html body .bottom-nav .source-home-icon,
html body .bottom-nav .nav-item[aria-current],
html body .bottom-nav .nav-item.nav-icon-playing,
html body .bottom-nav .nav-item.nav-pressing {
  animation: none !important;
  animation-delay: 0s !important;
}

html body .bottom-nav .nav-item:not(.nav-center).nav-pressing,
html body .bottom-nav .nav-item:not(.nav-center):active {
  transform: none !important;
}

@media screen and (max-width: 573px) {
  html body .bottom-nav,
  html body .bottom-nav.nav-dock,
  html body .bottom-nav.orbital-nav,
  html body.mama-nav-ready .bottom-nav,
  html body.mama-nav-ready .bottom-nav.nav-dock,
  html body.mama-nav-ready .bottom-nav.orbital-nav {
    transform: translateY(0) !important;
  }
}

/* Absolute EOF source click behavior: keep bar fixed, restore source-like button clicks. */
html body .bottom-nav,
html body .bottom-nav.nav-dock,
html body .bottom-nav.orbital-nav,
html body.mama-nav-ready .bottom-nav,
html body.mama-nav-ready .bottom-nav.nav-dock,
html body.mama-nav-ready .bottom-nav.orbital-nav {
  animation: none !important;
  transition: none !important;
  transform: translateX(-50%) !important;
}

html body .bottom-nav .nav-item:not(.nav-center) {
  animation: none !important;
  transition: transform .15s cubic-bezier(.4, 0, .2, 1), color .25s ease !important;
}

html body .bottom-nav .nav-item:not(.nav-center):active,
html body .bottom-nav .nav-item:not(.nav-center).nav-pressing {
  transform: scale(.9) !important;
}

html body .bottom-nav .nav-item.nav-lottie-replaying .nav-icon-shell[data-lottie] svg,
html body .bottom-nav .nav-item.nav-icon-playing .nav-icon-shell[data-lottie] svg,
html body .bottom-nav .nav-item.nav-pressing .nav-icon-shell[data-lottie] svg {
  animation: mbSourceSideLottieTap 560ms cubic-bezier(.22, 1, .36, 1) both !important;
  transform-origin: center !important;
}

html body .bottom-nav a[href="/wallet"].nav-lottie-replaying .nav-icon-shell[data-lottie] svg,
html body .bottom-nav a[href="/wallet"].nav-icon-playing .nav-icon-shell[data-lottie] svg,
html body .bottom-nav a[href="/wallet"].nav-pressing .nav-icon-shell[data-lottie] svg {
  animation-name: mbSourceDiamondTap !important;
}

html body .bottom-nav a[href="/passbook.php"].nav-lottie-replaying .nav-icon-shell[data-lottie] svg,
html body .bottom-nav a[href="/passbook.php"].nav-icon-playing .nav-icon-shell[data-lottie] svg,
html body .bottom-nav a[href="/passbook.php"].nav-pressing .nav-icon-shell[data-lottie] svg {
  animation-name: mbSourceBookTap !important;
}

/* Absolute final source screenshot match: center Home button. */
html body .bottom-nav,
html body .bottom-nav.nav-dock,
html body .bottom-nav.orbital-nav {
  --mb-source-blue: #16a34a !important;
  --apk-nav-blue: #16a34a !important;
  --apk-nav-blue-deep: #0b7f16 !important;
}

html body .bottom-nav .nav-center,
html body .bottom-nav.nav-dock .nav-center,
html body .bottom-nav.orbital-nav .nav-center,
html body.mama-nav-ready .bottom-nav .nav-center,
html body.mama-nav-ready .bottom-nav.nav-dock .nav-center,
html body.mama-nav-ready .bottom-nav.orbital-nav .nav-center {
  width: 54px !important;
  height: 54px !important;
  background: linear-gradient(180deg, #16a34a 0%, #16a34a 44%, #0b7f16 100%) !important;
  box-shadow:
    0 0 0 7px #fff,
    0 16px 0 -12px rgba(11, 127, 22, .34),
    0 18px 22px rgba(11, 127, 22, .16),
    0 0 36px rgba(11, 127, 22, .13) !important;
}

html body .bottom-nav .nav-center .source-home-icon,
html body .bottom-nav .nav-center .nav-home .source-home-icon {
  width: 62% !important;
  height: 62% !important;
  filter: none !important;
}

html body .bottom-nav .nav-center[aria-current]::after,
html body .bottom-nav .nav-item:not(.nav-center)[aria-current]::after,
html body .bottom-nav .nav-item:not(.nav-center).nav-pressing::before {
  background: #16a34a !important;
}

html body .bottom-nav .nav-item[aria-current],
html body .bottom-nav .nav-item.nav-pressing,
html body .bottom-nav .nav-item[aria-current] .nav-icon-shell[data-lottie],
html body .bottom-nav .nav-item.nav-pressing .nav-icon-shell[data-lottie],
html body .bottom-nav .nav-item.nav-icon-playing .nav-icon-shell[data-lottie],
html body .bottom-nav .nav-item.nav-lottie-replaying .nav-icon-shell[data-lottie] {
  color: #16a34a !important;
}

html body .bottom-nav .nav-item[aria-current] .nav-icon-shell[data-lottie] svg *,
html body .bottom-nav .nav-item.nav-pressing .nav-icon-shell[data-lottie] svg *,
html body .bottom-nav .nav-item.nav-icon-playing .nav-icon-shell[data-lottie] svg *,
html body .bottom-nav .nav-item.nav-lottie-replaying .nav-icon-shell[data-lottie] svg * {
  stroke: #16a34a !important;
}

html body .bottom-nav .nav-center.nav-pressing::before,
html body .bottom-nav .nav-center.nav-home-playing::before,
html body.mama-nav-ready .bottom-nav .nav-center.nav-pressing::before,
html body.mama-nav-ready .bottom-nav .nav-center.nav-home-playing::before {
  border-color: #16a34a !important;
  box-shadow: 0 0 16px rgba(11, 127, 22, .14) !important;
}

/* Absolute final source screenshot/animation lock. */
html body .bottom-nav .nav-center,
html body .bottom-nav.nav-dock .nav-center,
html body .bottom-nav.orbital-nav .nav-center,
html body.mama-nav-ready .bottom-nav .nav-center,
html body.mama-nav-ready .bottom-nav.nav-dock .nav-center,
html body.mama-nav-ready .bottom-nav.orbital-nav .nav-center {
  width: 54px !important;
  height: 54px !important;
  background: linear-gradient(180deg, #16a34a 0%, #16a34a 52%, #16a34a 100%) !important;
  box-shadow:
    0 0 0 8px #fff,
    0 0 0 9px rgba(226, 232, 240, .55),
    0 15px 0 -11px rgba(11, 127, 22, .42),
    0 18px 26px rgba(11, 127, 22, .15),
    0 0 34px rgba(11, 127, 22, .12) !important;
}

html body .bottom-nav .nav-center .source-home-icon,
html body .bottom-nav .nav-center .nav-home .source-home-icon {
  width: 61% !important;
  height: 61% !important;
  min-width: 32.9px !important;
  min-height: 32.9px !important;
  filter: none !important;
}

html body .bottom-nav .nav-center[aria-current]::after {
  width: 10px !important;
  height: 10px !important;
  top: 72px !important;
  background: #16a34a !important;
  box-shadow: none !important;
}

html body .bottom-nav .nav-center.nav-pressing,
html body .bottom-nav .nav-center.nav-home-playing,
html body.mama-nav-ready .bottom-nav .nav-center.nav-pressing,
html body.mama-nav-ready .bottom-nav .nav-center.nav-home-playing {
  animation: mbExactSourceHomeTap 450ms cubic-bezier(.22, 1, .36, 1) both !important;
  transform-origin: center center !important;
}

html body .bottom-nav .nav-center.nav-pressing::before,
html body .bottom-nav .nav-center.nav-home-playing::before,
html body.mama-nav-ready .bottom-nav .nav-center.nav-pressing::before,
html body.mama-nav-ready .bottom-nav .nav-center.nav-home-playing::before {
  content: "" !important;
  position: absolute !important;
  inset: -8px !important;
  border-radius: 50% !important;
  border: 2px solid rgba(11, 127, 22, .58) !important;
  background: transparent !important;
  opacity: .42 !important;
  box-shadow: 0 0 14px rgba(11, 127, 22, .12) !important;
  pointer-events: none !important;
  transform-origin: center !important;
  animation: mbExactSourceHomeRing 520ms ease-out both !important;
}

@keyframes mbExactSourceHomeRing {
  0% { transform: scale(.92); opacity: .42; }
  42% { opacity: .24; }
  100% { transform: scale(1.42); opacity: 0; }
}

/* Absolute final source screenshot/animation lock. */
html body .bottom-nav .nav-center,
html body .bottom-nav.nav-dock .nav-center,
html body .bottom-nav.orbital-nav .nav-center,
html body.mama-nav-ready .bottom-nav .nav-center,
html body.mama-nav-ready .bottom-nav.nav-dock .nav-center,
html body.mama-nav-ready .bottom-nav.orbital-nav .nav-center {
  width: 54px !important;
  height: 54px !important;
  background: linear-gradient(180deg, #16a34a 0%, #16a34a 52%, #16a34a 100%) !important;
  box-shadow:
    0 0 0 8px #fff,
    0 0 0 9px rgba(226, 232, 240, .55),
    0 15px 0 -11px rgba(11, 127, 22, .42),
    0 18px 26px rgba(11, 127, 22, .15),
    0 0 34px rgba(11, 127, 22, .12) !important;
}

html body .bottom-nav .nav-center .source-home-icon,
html body .bottom-nav .nav-center .nav-home .source-home-icon {
  width: 61% !important;
  height: 61% !important;
  min-width: 32.9px !important;
  min-height: 32.9px !important;
  filter: none !important;
}

html body .bottom-nav .nav-center[aria-current]::after {
  width: 10px !important;
  height: 10px !important;
  top: 72px !important;
  background: #16a34a !important;
  box-shadow: none !important;
}

html body .bottom-nav .nav-center.nav-pressing,
html body .bottom-nav .nav-center.nav-home-playing,
html body.mama-nav-ready .bottom-nav .nav-center.nav-pressing,
html body.mama-nav-ready .bottom-nav .nav-center.nav-home-playing {
  animation: mbExactSourceHomeTap 450ms cubic-bezier(.22, 1, .36, 1) both !important;
  transform-origin: center center !important;
}

html body .bottom-nav .nav-center.nav-pressing::before,
html body .bottom-nav .nav-center.nav-home-playing::before,
html body.mama-nav-ready .bottom-nav .nav-center.nav-pressing::before,
html body.mama-nav-ready .bottom-nav .nav-center.nav-home-playing::before {
  content: "" !important;
  position: absolute !important;
  inset: -8px !important;
  border-radius: 50% !important;
  border: 2px solid rgba(11, 127, 22, .58) !important;
  background: transparent !important;
  opacity: .42 !important;
  box-shadow: 0 0 14px rgba(11, 127, 22, .12) !important;
  pointer-events: none !important;
  transform-origin: center !important;
  animation: mbExactSourceHomeRing 520ms ease-out both !important;
}

@keyframes mbExactSourceHomeRing {
  0% { transform: scale(.92); opacity: .42; }
  42% { opacity: .24; }
  100% { transform: scale(1.42); opacity: 0; }
}

/* Absolute EOF source screenshot finish: flatter center Home button and softer halo. */
html body .bottom-nav,
html body .bottom-nav.nav-dock,
html body .bottom-nav.orbital-nav {
  --mb-source-blue: #16a34a !important;
  --apk-nav-blue: #16a34a !important;
  --apk-nav-blue-deep: #0b7f16 !important;
}

html body .bottom-nav .nav-center,
html body .bottom-nav.nav-dock .nav-center,
html body .bottom-nav.orbital-nav .nav-center,
html body.mama-nav-ready .bottom-nav .nav-center,
html body.mama-nav-ready .bottom-nav.nav-dock .nav-center,
html body.mama-nav-ready .bottom-nav.orbital-nav .nav-center {
  width: 54px !important;
  height: 54px !important;
  background: linear-gradient(180deg, #16a34a 0%, #16a34a 44%, #0b7f16 100%) !important;
  box-shadow:
    0 0 0 7px #fff,
    0 16px 0 -12px rgba(11, 127, 22, .34),
    0 18px 22px rgba(11, 127, 22, .16),
    0 0 36px rgba(11, 127, 22, .13) !important;
}

html body .bottom-nav .nav-center .source-home-icon,
html body .bottom-nav .nav-center .nav-home .source-home-icon {
  width: 62% !important;
  height: 62% !important;
  filter: none !important;
}

html body .bottom-nav .nav-center .source-home-icon path,
html body .bottom-nav .nav-center .nav-home .source-home-icon path {
  fill: #fff !important;
}

html body .bottom-nav .nav-center[aria-current]::after,
html body .bottom-nav .nav-item:not(.nav-center)[aria-current]::after,
html body .bottom-nav .nav-item:not(.nav-center).nav-pressing::before {
  background: #16a34a !important;
}

html body .bottom-nav .nav-item[aria-current],
html body .bottom-nav .nav-item.nav-pressing,
html body .bottom-nav .nav-center > span:last-child,
html body .bottom-nav .nav-center .nav-home + span,
html body .bottom-nav .nav-item[aria-current] .nav-icon-shell[data-lottie],
html body .bottom-nav .nav-item.nav-pressing .nav-icon-shell[data-lottie],
html body .bottom-nav .nav-item.nav-icon-playing .nav-icon-shell[data-lottie],
html body .bottom-nav .nav-item.nav-lottie-replaying .nav-icon-shell[data-lottie] {
  color: #16a34a !important;
}

html body .bottom-nav .nav-center.nav-pressing::before,
html body .bottom-nav .nav-center.nav-home-playing::before,
html body.mama-nav-ready .bottom-nav .nav-center.nav-pressing::before,
html body.mama-nav-ready .bottom-nav .nav-center.nav-home-playing::before {
  border-color: #16a34a !important;
  box-shadow: 0 0 16px rgba(11, 127, 22, .14) !important;
}

html body .bottom-nav .nav-center.nav-pressing,
html body .bottom-nav .nav-center.nav-home-playing {
  animation: mbSourceHomeFabClick 450ms cubic-bezier(.22, 1, .36, 1) both !important;
}

html body .bottom-nav .nav-center.nav-pressing .source-home-icon,
html body .bottom-nav .nav-center.nav-home-playing .source-home-icon {
  animation: mbSourceHomeIconClick 450ms cubic-bezier(.22, 1, .36, 1) both !important;
}

@keyframes mbSourceSideLottieTap {
  0% { transform: scale(1); opacity: .8; }
  34% { transform: scale(.9); opacity: 1; }
  68% { transform: scale(1.12); opacity: 1; }
  100% { transform: scale(1); opacity: 1; }
}

@keyframes mbSourceDiamondTap {
  0% { transform: rotate(0deg) scale(1); }
  34% { transform: rotate(-8deg) scale(.88); }
  68% { transform: rotate(7deg) scale(1.13); }
  100% { transform: rotate(0deg) scale(1); }
}

@keyframes mbSourceBookTap {
  0% { transform: perspective(90px) rotateY(0deg) scale(1); }
  38% { transform: perspective(90px) rotateY(-24deg) scale(.92); }
  70% { transform: perspective(90px) rotateY(12deg) scale(1.1); }
  100% { transform: perspective(90px) rotateY(0deg) scale(1); }
}

@media screen and (max-width: 573px) {
  html body .bottom-nav,
  html body .bottom-nav.nav-dock,
  html body .bottom-nav.orbital-nav,
  html body.mama-nav-ready .bottom-nav,
  html body.mama-nav-ready .bottom-nav.nav-dock,
  html body.mama-nav-ready .bottom-nav.orbital-nav {
    transform: translateY(0) !important;
  }
}

/* Absolute EOF center fix: no route-load FAB entry, only source tap animation. */
html body .bottom-nav .nav-center,
html body .bottom-nav.nav-dock .nav-center,
html body .bottom-nav.orbital-nav .nav-center,
html body.mama-nav-ready .bottom-nav .nav-center,
html body.mama-nav-ready .bottom-nav.nav-dock .nav-center,
html body.mama-nav-ready .bottom-nav.orbital-nav .nav-center {
  animation: none !important;
}

html body .bottom-nav .nav-center.nav-pressing,
html body .bottom-nav .nav-center.nav-home-playing,
html body.mama-nav-ready .bottom-nav .nav-center.nav-pressing,
html body.mama-nav-ready .bottom-nav .nav-center.nav-home-playing {
  animation: mbSourceHomeFabClick 450ms cubic-bezier(.22, 1, .36, 1) both !important;
}

/* Absolute EOF exact-source tap: side icons use Lottie only; center uses JS WAAPI only. */
html body .bottom-nav .nav-item.nav-lottie-replaying .nav-icon-shell[data-lottie] svg,
html body .bottom-nav .nav-item.nav-icon-playing .nav-icon-shell[data-lottie] svg,
html body .bottom-nav .nav-item.nav-pressing .nav-icon-shell[data-lottie] svg,
html body .bottom-nav a[href="/wallet"].nav-lottie-replaying .nav-icon-shell[data-lottie] svg,
html body .bottom-nav a[href="/wallet"].nav-icon-playing .nav-icon-shell[data-lottie] svg,
html body .bottom-nav a[href="/wallet"].nav-pressing .nav-icon-shell[data-lottie] svg,
html body .bottom-nav a[href="/passbook.php"].nav-lottie-replaying .nav-icon-shell[data-lottie] svg,
html body .bottom-nav a[href="/passbook.php"].nav-icon-playing .nav-icon-shell[data-lottie] svg,
html body .bottom-nav a[href="/passbook.php"].nav-pressing .nav-icon-shell[data-lottie] svg {
  animation: none !important;
}

html body .bottom-nav .nav-center.nav-pressing,
html body .bottom-nav .nav-center.nav-home-playing,
html body.mama-nav-ready .bottom-nav .nav-center.nav-pressing,
html body.mama-nav-ready .bottom-nav .nav-center.nav-home-playing,
html body .bottom-nav .nav-center.nav-pressing .source-home-icon,
html body .bottom-nav .nav-center.nav-home-playing .source-home-icon {
  animation: none !important;
}

html body .bottom-nav .nav-center .nav-home-ripple,
html body .bottom-nav .nav-center .nav-home + .nav-home-ripple {
  display: block !important;
  visibility: visible !important;
  position: absolute !important;
  inset: -4px !important;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  overflow: visible !important;
  border-radius: 50% !important;
  border: 2.75px solid #0b7f16 !important;
  box-shadow: 0 0 18px rgba(11, 127, 22, .18) !important;
  pointer-events: none !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

/* Absolute EOF icon fix: render only the copied source SVG, no old masked home art. */
html body .bottom-nav .nav-center .nav-home,
html body .bottom-nav.nav-dock .nav-center .nav-home,
html body .bottom-nav.orbital-nav .nav-center .nav-home,
html body .bottom-nav .nav-item[aria-current] .nav-home {
  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

html body .bottom-nav .nav-center .nav-home::before,
html body .bottom-nav .nav-center .nav-home::after,
html body .bottom-nav .nav-center .nav-home img,
html body .bottom-nav.nav-dock .nav-center .nav-home::before,
html body .bottom-nav.nav-dock .nav-center .nav-home::after,
html body .bottom-nav.nav-dock .nav-center .nav-home img,
html body .bottom-nav.orbital-nav .nav-center .nav-home::before,
html body .bottom-nav.orbital-nav .nav-center .nav-home::after,
html body .bottom-nav.orbital-nav .nav-center .nav-home img {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
}

html body .bottom-nav .nav-center .nav-home .source-home-icon {
  display: block !important;
  width: 62% !important;
  height: 62% !important;
  min-width: 33.48px !important;
  min-height: 33.48px !important;
  opacity: 1 !important;
  color: #fff !important;
  fill: #fff !important;
}

/* Absolute EOF source Home tap animation: shrink, bounce, settle. */
html body .bottom-nav .nav-center.nav-pressing,
html body .bottom-nav .nav-center.nav-home-playing,
html body.mama-nav-ready .bottom-nav .nav-center.nav-pressing,
html body.mama-nav-ready .bottom-nav .nav-center.nav-home-playing {
  animation: mbExactSourceHomeTap 450ms cubic-bezier(.22, 1, .36, 1) both !important;
  transform-origin: center center !important;
}

@keyframes mbExactSourceHomeTap {
  0% { scale: 1; }
  30% { scale: .84; }
  65% { scale: 1.09; }
  100% { scale: 1; }
}

html body .bottom-nav .nav-center.nav-pressing::before,
html body .bottom-nav .nav-center.nav-home-playing::before,
html body.mama-nav-ready .bottom-nav .nav-center.nav-pressing::before,
html body.mama-nav-ready .bottom-nav .nav-center.nav-home-playing::before {
  content: "" !important;
  position: absolute !important;
  inset: -4px !important;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  border-radius: 50% !important;
  border: 2.75px solid #0b7f16 !important;
  background: transparent !important;
  opacity: .5 !important;
  box-shadow: 0 0 18px rgba(11, 127, 22, .18) !important;
  pointer-events: none !important;
  transform-origin: center !important;
  animation: mbExactSourceHomeRing 520ms ease-out both !important;
}

@keyframes mbExactSourceHomeRing {
  0% { transform: scale(1); opacity: .5; }
  42% { opacity: .32; }
  100% { transform: scale(1.55); opacity: 0; }
}

/* Absolute EOF source color finish: lighter #0b7f16 like the live Radha 567 nav. */
html body .bottom-nav,
html body .bottom-nav.nav-dock,
html body .bottom-nav.orbital-nav {
  --mb-source-blue: #16a34a !important;
  --apk-nav-blue: #16a34a !important;
  --apk-nav-blue-deep: #0b7f16 !important;
}

html body .bottom-nav .nav-center,
html body .bottom-nav.nav-dock .nav-center,
html body .bottom-nav.orbital-nav .nav-center,
html body.mama-nav-ready .bottom-nav .nav-center,
html body.mama-nav-ready .bottom-nav.nav-dock .nav-center,
html body.mama-nav-ready .bottom-nav.orbital-nav .nav-center {
  background: linear-gradient(165deg, #16a34a 0%, #16a34a 48%, #0b7f16 100%) !important;
  box-shadow:
    0 0 0 7px #fff,
    0 12px 24px rgba(11, 127, 22, .24),
    0 0 44px rgba(11, 127, 22, .18) !important;
}

html body .bottom-nav .nav-center[aria-current]::after,
html body .bottom-nav .nav-item:not(.nav-center)[aria-current]::after,
html body .bottom-nav .nav-item:not(.nav-center).nav-pressing::before {
  background: #16a34a !important;
}

html body .bottom-nav .nav-item[aria-current],
html body .bottom-nav .nav-item.nav-pressing,
html body .bottom-nav .nav-center > span:last-child,
html body .bottom-nav .nav-center .nav-home + span {
  color: #16a34a !important;
}

html body .bottom-nav .nav-center .nav-home-ripple,
html body .bottom-nav .nav-center .nav-home + .nav-home-ripple,
html body .bottom-nav .nav-center.nav-pressing::before,
html body .bottom-nav .nav-center.nav-home-playing::before,
html body.mama-nav-ready .bottom-nav .nav-center.nav-pressing::before,
html body.mama-nav-ready .bottom-nav .nav-center.nav-home-playing::before {
  border-color: #16a34a !important;
  box-shadow: 0 0 18px rgba(11, 127, 22, .16) !important;
}

/* Absolute EOF bug cleanup: no repeated-click text nodes, side icons visibly replay. */
html body .bottom-nav .nav-center > span:not(.nav-home),
html body .bottom-nav .nav-center .nav-home + span,
html body .bottom-nav .nav-center .nav-home-ripple {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  text-shadow: none !important;
  pointer-events: none !important;
}

html body .bottom-nav .nav-item[aria-current] .nav-icon-shell[data-lottie],
html body .bottom-nav .nav-item.nav-pressing .nav-icon-shell[data-lottie],
html body .bottom-nav .nav-item.nav-icon-playing .nav-icon-shell[data-lottie],
html body .bottom-nav .nav-item.nav-lottie-replaying .nav-icon-shell[data-lottie] {
  color: #16a34a !important;
}

html body .bottom-nav .nav-item[aria-current] .nav-icon-shell[data-lottie] svg *,
html body .bottom-nav .nav-item.nav-pressing .nav-icon-shell[data-lottie] svg *,
html body .bottom-nav .nav-item.nav-icon-playing .nav-icon-shell[data-lottie] svg *,
html body .bottom-nav .nav-item.nav-lottie-replaying .nav-icon-shell[data-lottie] svg * {
  stroke: #16a34a !important;
}

html body .bottom-nav .nav-item.nav-lottie-replaying .nav-icon-shell[data-lottie] svg,
html body .bottom-nav .nav-item.nav-icon-playing .nav-icon-shell[data-lottie] svg,
html body .bottom-nav .nav-item.nav-pressing .nav-icon-shell[data-lottie] svg {
  animation: mbSourceSideLottieTap 620ms cubic-bezier(.22, 1, .36, 1) both !important;
  transform-box: fill-box !important;
  transform-origin: center !important;
}

html body .bottom-nav a[href="/wallet"].nav-lottie-replaying .nav-icon-shell[data-lottie] svg,
html body .bottom-nav a[href="/wallet"].nav-icon-playing .nav-icon-shell[data-lottie] svg,
html body .bottom-nav a[href="/wallet"].nav-pressing .nav-icon-shell[data-lottie] svg {
  animation-name: mbSourceDiamondTap !important;
}

html body .bottom-nav a[href="/passbook.php"].nav-lottie-replaying .nav-icon-shell[data-lottie] svg,
html body .bottom-nav a[href="/passbook.php"].nav-icon-playing .nav-icon-shell[data-lottie] svg,
html body .bottom-nav a[href="/passbook.php"].nav-pressing .nav-icon-shell[data-lottie] svg {
  animation-name: mbSourceBookTap !important;
}

/* Absolute final source screenshot match: center Home button. */
html body .bottom-nav,
html body .bottom-nav.nav-dock,
html body .bottom-nav.orbital-nav {
  --mb-source-blue: #16a34a !important;
  --apk-nav-blue: #16a34a !important;
  --apk-nav-blue-deep: #0b7f16 !important;
}

html body .bottom-nav .nav-center,
html body .bottom-nav.nav-dock .nav-center,
html body .bottom-nav.orbital-nav .nav-center,
html body.mama-nav-ready .bottom-nav .nav-center,
html body.mama-nav-ready .bottom-nav.nav-dock .nav-center,
html body.mama-nav-ready .bottom-nav.orbital-nav .nav-center {
  width: 54px !important;
  height: 54px !important;
  background: linear-gradient(180deg, #16a34a 0%, #16a34a 44%, #0b7f16 100%) !important;
  box-shadow:
    0 0 0 7px #fff,
    0 16px 0 -12px rgba(11, 127, 22, .34),
    0 18px 22px rgba(11, 127, 22, .16),
    0 0 36px rgba(11, 127, 22, .13) !important;
}

html body .bottom-nav .nav-center .source-home-icon,
html body .bottom-nav .nav-center .nav-home .source-home-icon {
  width: 62% !important;
  height: 62% !important;
  filter: none !important;
}

html body .bottom-nav .nav-center[aria-current]::after,
html body .bottom-nav .nav-item:not(.nav-center)[aria-current]::after,
html body .bottom-nav .nav-item:not(.nav-center).nav-pressing::before {
  background: #16a34a !important;
}

html body .bottom-nav .nav-item[aria-current],
html body .bottom-nav .nav-item.nav-pressing,
html body .bottom-nav .nav-item[aria-current] .nav-icon-shell[data-lottie],
html body .bottom-nav .nav-item.nav-pressing .nav-icon-shell[data-lottie],
html body .bottom-nav .nav-item.nav-icon-playing .nav-icon-shell[data-lottie],
html body .bottom-nav .nav-item.nav-lottie-replaying .nav-icon-shell[data-lottie] {
  color: #16a34a !important;
}

html body .bottom-nav .nav-item[aria-current] .nav-icon-shell[data-lottie] svg *,
html body .bottom-nav .nav-item.nav-pressing .nav-icon-shell[data-lottie] svg *,
html body .bottom-nav .nav-item.nav-icon-playing .nav-icon-shell[data-lottie] svg *,
html body .bottom-nav .nav-item.nav-lottie-replaying .nav-icon-shell[data-lottie] svg * {
  stroke: #16a34a !important;
}

html body .bottom-nav .nav-center.nav-pressing::before,
html body .bottom-nav .nav-center.nav-home-playing::before,
html body.mama-nav-ready .bottom-nav .nav-center.nav-pressing::before,
html body.mama-nav-ready .bottom-nav .nav-center.nav-home-playing::before {
  border-color: #16a34a !important;
  box-shadow: 0 0 16px rgba(11, 127, 22, .14) !important;
}
/* Final EOF source screenshot/animation lock. */
html body .bottom-nav .nav-center,
html body .bottom-nav.nav-dock .nav-center,
html body .bottom-nav.orbital-nav .nav-center,
html body.mama-nav-ready .bottom-nav .nav-center,
html body.mama-nav-ready .bottom-nav.nav-dock .nav-center,
html body.mama-nav-ready .bottom-nav.orbital-nav .nav-center {
  width: 54px !important;
  height: 54px !important;
  background: linear-gradient(180deg, #16a34a 0%, #16a34a 52%, #16a34a 100%) !important;
  box-shadow:
    0 0 0 8px #fff,
    0 0 0 9px rgba(226, 232, 240, .55),
    0 15px 0 -11px rgba(11, 127, 22, .42),
    0 18px 26px rgba(11, 127, 22, .15),
    0 0 34px rgba(11, 127, 22, .12) !important;
}

html body .bottom-nav .nav-center .source-home-icon,
html body .bottom-nav .nav-center .nav-home .source-home-icon {
  width: 61% !important;
  height: 61% !important;
  min-width: 32.9px !important;
  min-height: 32.9px !important;
  filter: none !important;
}

html body .bottom-nav .nav-center[aria-current]::after {
  width: 10px !important;
  height: 10px !important;
  top: 72px !important;
  background: #16a34a !important;
  box-shadow: none !important;
}

html body .bottom-nav .nav-center.nav-pressing,
html body .bottom-nav .nav-center.nav-home-playing,
html body.mama-nav-ready .bottom-nav .nav-center.nav-pressing,
html body.mama-nav-ready .bottom-nav .nav-center.nav-home-playing {
  animation: mbExactSourceHomeTap 450ms cubic-bezier(.22, 1, .36, 1) both !important;
  transform-origin: center center !important;
}

html body .bottom-nav .nav-center.nav-pressing::before,
html body .bottom-nav .nav-center.nav-home-playing::before,
html body.mama-nav-ready .bottom-nav .nav-center.nav-pressing::before,
html body.mama-nav-ready .bottom-nav .nav-center.nav-home-playing::before {
  content: "" !important;
  position: absolute !important;
  inset: -8px !important;
  border-radius: 50% !important;
  border: 2px solid rgba(11, 127, 22, .58) !important;
  background: transparent !important;
  opacity: .42 !important;
  box-shadow: 0 0 14px rgba(11, 127, 22, .12) !important;
  pointer-events: none !important;
  transform-origin: center !important;
  animation: mbExactSourceHomeRing 520ms ease-out both !important;
}

@keyframes mbExactSourceHomeRing {
  0% { transform: scale(.92); opacity: .42; }
  42% { opacity: .24; }
  100% { transform: scale(1.42); opacity: 0; }
}

/* Final live-source exact center button values from online.matkabook.com. */
html body .bottom-nav,
html body .bottom-nav.nav-dock,
html body .bottom-nav.orbital-nav {
  --mb-source-blue: #0b7f16 !important;
  --apk-nav-blue: #0b7f16 !important;
  --apk-nav-blue-deep: #0b7f16 !important;
}

html body .bottom-nav .nav-center,
html body .bottom-nav.nav-dock .nav-center,
html body .bottom-nav.orbital-nav .nav-center,
html body.mama-nav-ready .bottom-nav .nav-center,
html body.mama-nav-ready .bottom-nav.nav-dock .nav-center,
html body.mama-nav-ready .bottom-nav.orbital-nav .nav-center {
  width: 54px !important;
  height: 54px !important;
  border: 4px solid #fff !important;
  background: linear-gradient(168deg, #16a34a 0%, #0b7f16 45%, #0b7f16 100%) !important;
  box-shadow:
    0 14px 28px rgba(11, 127, 22, .4),
    0 4px 10px rgba(11, 127, 22, .12) !important;
}

html body .bottom-nav .nav-center .source-home-icon,
html body .bottom-nav .nav-center .nav-home .source-home-icon {
  width: 62% !important;
  height: 62% !important;
  min-width: 33.48px !important;
  min-height: 33.48px !important;
  filter: none !important;
}

html body .bottom-nav .nav-center[aria-current]::after {
  width: 10px !important;
  height: 10px !important;
  top: 72px !important;
  background: #0b7f16 !important;
  box-shadow: none !important;
}

html body .bottom-nav .nav-item[aria-current],
html body .bottom-nav .nav-item.nav-pressing,
html body .bottom-nav .nav-item[aria-current] .nav-icon-shell[data-lottie],
html body .bottom-nav .nav-item.nav-pressing .nav-icon-shell[data-lottie],
html body .bottom-nav .nav-item.nav-icon-playing .nav-icon-shell[data-lottie],
html body .bottom-nav .nav-item.nav-lottie-replaying .nav-icon-shell[data-lottie] {
  color: #0b7f16 !important;
}

html body .bottom-nav .nav-item[aria-current] .nav-icon-shell[data-lottie] svg *,
html body .bottom-nav .nav-item.nav-pressing .nav-icon-shell[data-lottie] svg *,
html body .bottom-nav .nav-item.nav-icon-playing .nav-icon-shell[data-lottie] svg *,
html body .bottom-nav .nav-item.nav-lottie-replaying .nav-icon-shell[data-lottie] svg * {
  stroke: #0b7f16 !important;
}

html body .bottom-nav .nav-center.nav-pressing,
html body .bottom-nav .nav-center.nav-home-playing,
html body.mama-nav-ready .bottom-nav .nav-center.nav-pressing,
html body.mama-nav-ready .bottom-nav .nav-center.nav-home-playing {
  animation: mbExactSourceHomeTap 450ms cubic-bezier(.22, 1, .36, 1) both !important;
  transform-origin: center center !important;
}

html body .bottom-nav .nav-center.nav-pressing::before,
html body .bottom-nav .nav-center.nav-home-playing::before,
html body.mama-nav-ready .bottom-nav .nav-center.nav-pressing::before,
html body.mama-nav-ready .bottom-nav .nav-center.nav-home-playing::before {
  content: "" !important;
  position: absolute !important;
  inset: -4px !important;
  border-radius: 50% !important;
  border: 2.75px solid #0b7f16 !important;
  background: transparent !important;
  opacity: .5 !important;
  box-shadow: 0 0 18px rgba(11, 127, 22, .18) !important;
  pointer-events: none !important;
  transform-origin: center !important;
  animation: mbExactSourceHomeRing 520ms ease-out both !important;
}

@keyframes mbExactSourceHomeRing {
  0% { transform: scale(1); opacity: .5; }
  42% { opacity: .32; }
  100% { transform: scale(1.55); opacity: 0; }
}

/* Final screenshot-style outer white halo for center Home. */
html body .bottom-nav .nav-center,
html body .bottom-nav.nav-dock .nav-center,
html body .bottom-nav.orbital-nav .nav-center,
html body.mama-nav-ready .bottom-nav .nav-center,
html body.mama-nav-ready .bottom-nav.nav-dock .nav-center,
html body.mama-nav-ready .bottom-nav.orbital-nav .nav-center {
  width: 54px !important;
  height: 54px !important;
  border: 4px solid #fff !important;
  background: linear-gradient(168deg, #16a34a 0%, #0b7f16 45%, #0b7f16 100%) !important;
  box-shadow:
    0 0 0 9px #fff,
    0 0 0 10px rgba(226, 232, 240, .72),
    0 15px 0 -11px rgba(11, 127, 22, .42),
    0 16px 28px rgba(11, 127, 22, .26),
    0 0 40px rgba(11, 127, 22, .13) !important;
}

html body .bottom-nav .nav-center .source-home-icon,
html body .bottom-nav .nav-center .nav-home .source-home-icon {
  width: 61.5% !important;
  height: 61.5% !important;
  min-width: 33.2px !important;
  min-height: 33.2px !important;
  filter: none !important;
}

html body .bottom-nav .nav-center.nav-pressing::before,
html body .bottom-nav .nav-center.nav-home-playing::before,
html body.mama-nav-ready .bottom-nav .nav-center.nav-pressing::before,
html body.mama-nav-ready .bottom-nav .nav-center.nav-home-playing::before {
  inset: -9px !important;
  border: 2px solid rgba(11, 127, 22, .46) !important;
  box-shadow: 0 0 18px rgba(11, 127, 22, .12) !important;
}

/* Final correction: keep center circle original source size, no oversized halo. */
html body .bottom-nav .nav-center,
html body .bottom-nav.nav-dock .nav-center,
html body .bottom-nav.orbital-nav .nav-center,
html body.mama-nav-ready .bottom-nav .nav-center,
html body.mama-nav-ready .bottom-nav.nav-dock .nav-center,
html body.mama-nav-ready .bottom-nav.orbital-nav .nav-center {
  width: 54px !important;
  height: 54px !important;
  border: 4px solid #fff !important;
  background: linear-gradient(168deg, #16a34a 0%, #0b7f16 45%, #0b7f16 100%) !important;
  box-shadow:
    0 14px 28px rgba(11, 127, 22, .4),
    0 4px 10px rgba(11, 127, 22, .12) !important;
}

html body .bottom-nav .nav-center .source-home-icon,
html body .bottom-nav .nav-center .nav-home .source-home-icon {
  width: 62% !important;
  height: 62% !important;
  min-width: 33.48px !important;
  min-height: 33.48px !important;
}

html body .bottom-nav .nav-center.nav-pressing::before,
html body .bottom-nav .nav-center.nav-home-playing::before,
html body.mama-nav-ready .bottom-nav .nav-center.nav-pressing::before,
html body.mama-nav-ready .bottom-nav .nav-center.nav-home-playing::before {
  inset: -4px !important;
  border: 2.75px solid #0b7f16 !important;
  box-shadow: 0 0 18px rgba(11, 127, 22, .18) !important;
}

/* Final correction: source nav has no dark blur patch behind the Home button. */
html body .bottom-nav,
html body .bottom-nav.nav-dock,
html body .bottom-nav.orbital-nav,
html body.mama-nav-ready .bottom-nav,
html body.mama-nav-ready .bottom-nav.nav-dock,
html body.mama-nav-ready .bottom-nav.orbital-nav {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
}

html body .bottom-nav::before,
html body .bottom-nav.nav-dock::before,
html body .bottom-nav.orbital-nav::before,
html body.mama-nav-ready .bottom-nav::before,
html body.mama-nav-ready .bottom-nav.nav-dock::before,
html body.mama-nav-ready .bottom-nav.orbital-nav::before {
  opacity: 1 !important;
  background: #fff !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow:
    0 -2px 10px rgba(11, 127, 22, .04),
    0 -1px 3px rgba(11, 127, 22, .03) !important;
}

html body .bottom-nav::after,
html body .bottom-nav.nav-dock::after,
html body .bottom-nav.orbital-nav::after,
html body.mama-nav-ready .bottom-nav::after,
html body.mama-nav-ready .bottom-nav.nav-dock::after,
html body.mama-nav-ready .bottom-nav.orbital-nav::after {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  background: transparent !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}

/* Final correction: make the bottom nav base visibly white like the source site. */
html body .bottom-nav,
html body .bottom-nav.nav-dock,
html body .bottom-nav.orbital-nav,
html body.mama-nav-ready .bottom-nav,
html body.mama-nav-ready .bottom-nav.nav-dock,
html body.mama-nav-ready .bottom-nav.orbital-nav {
  background: #fff !important;
  background-color: #fff !important;
  border-radius: 20px 20px 0 0 !important;
  box-shadow:
    0 -2px 10px rgba(11, 127, 22, .04),
    0 -1px 3px rgba(11, 127, 22, .03) !important;
}

html body .bottom-nav::before,
html body .bottom-nav.nav-dock::before,
html body .bottom-nav.orbital-nav::before,
html body.mama-nav-ready .bottom-nav::before,
html body.mama-nav-ready .bottom-nav.nav-dock::before,
html body.mama-nav-ready .bottom-nav.orbital-nav::before {
  background: #fff !important;
  background-color: #fff !important;
  opacity: 1 !important;
}

/* Final correction: source white strip starts lower, only the bottom bar is white. */
html body .bottom-nav,
html body .bottom-nav.nav-dock,
html body .bottom-nav.orbital-nav,
html body.mama-nav-ready .bottom-nav,
html body.mama-nav-ready .bottom-nav.nav-dock,
html body.mama-nav-ready .bottom-nav.orbital-nav {
  height: 90px !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body .bottom-nav::before,
html body .bottom-nav.nav-dock::before,
html body .bottom-nav.orbital-nav::before,
html body.mama-nav-ready .bottom-nav::before,
html body.mama-nav-ready .bottom-nav.nav-dock::before,
html body.mama-nav-ready .bottom-nav.orbital-nav::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: auto !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 56px !important;
  border-radius: 20px 20px 0 0 !important;
  background: #fff !important;
  background-color: #fff !important;
  opacity: 1 !important;
  box-shadow:
    0 -2px 10px rgba(11, 127, 22, .04),
    0 -1px 3px rgba(11, 127, 22, .03) !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Final correction: keep nav white behind all icons, not transparent. */
html body .bottom-nav,
html body .bottom-nav.nav-dock,
html body .bottom-nav.orbital-nav,
html body.mama-nav-ready .bottom-nav,
html body.mama-nav-ready .bottom-nav.nav-dock,
html body.mama-nav-ready .bottom-nav.orbital-nav {
  background: #fff !important;
  background-color: #fff !important;
  border-radius: 20px 20px 0 0 !important;
  overflow: visible !important;
  box-shadow:
    0 -2px 10px rgba(11, 127, 22, .04),
    0 -1px 3px rgba(11, 127, 22, .03) !important;
}

html body .bottom-nav::before,
html body .bottom-nav.nav-dock::before,
html body .bottom-nav.orbital-nav::before,
html body.mama-nav-ready .bottom-nav::before,
html body.mama-nav-ready .bottom-nav.nav-dock::before,
html body.mama-nav-ready .bottom-nav.orbital-nav::before {
  display: none !important;
  content: none !important;
}

/* Final correction: do not make the whole 90px nav white; source has only lower strip. */
html body .bottom-nav,
html body .bottom-nav.nav-dock,
html body .bottom-nav.orbital-nav,
html body.mama-nav-ready .bottom-nav,
html body.mama-nav-ready .bottom-nav.nav-dock,
html body.mama-nav-ready .bottom-nav.orbital-nav {
  height: 90px !important;
  background: transparent !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body .bottom-nav::before,
html body .bottom-nav.nav-dock::before,
html body .bottom-nav.orbital-nav::before,
html body.mama-nav-ready .bottom-nav::before,
html body.mama-nav-ready .bottom-nav.nav-dock::before,
html body.mama-nav-ready .bottom-nav.orbital-nav::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: auto !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 56px !important;
  border-radius: 20px 20px 0 0 !important;
  background: #fff !important;
  background-color: #fff !important;
  opacity: 1 !important;
  box-shadow:
    0 -2px 10px rgba(11, 127, 22, .04),
    0 -1px 3px rgba(11, 127, 22, .03) !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  z-index: -1 !important;
}

html body .app,
html body .app-shell,
html body .home-app {
  padding-bottom: max(106px, calc(106px + env(safe-area-inset-bottom))) !important;
}

/* Final correction: half white strip must sit above page content, not transparent. */
html body .bottom-nav,
html body .bottom-nav.nav-dock,
html body .bottom-nav.orbital-nav,
html body.mama-nav-ready .bottom-nav,
html body.mama-nav-ready .bottom-nav.nav-dock,
html body.mama-nav-ready .bottom-nav.orbital-nav {
  background: transparent !important;
  background-color: transparent !important;
  isolation: isolate !important;
}

html body .bottom-nav::before,
html body .bottom-nav.nav-dock::before,
html body .bottom-nav.orbital-nav::before,
html body.mama-nav-ready .bottom-nav::before,
html body.mama-nav-ready .bottom-nav.nav-dock::before,
html body.mama-nav-ready .bottom-nav.orbital-nav::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  top: auto !important;
  height: 56px !important;
  border-radius: 20px 20px 0 0 !important;
  background: #fff !important;
  background-color: #fff !important;
  opacity: 1 !important;
  z-index: 0 !important;
  box-shadow:
    0 -2px 10px rgba(11, 127, 22, .04),
    0 -1px 3px rgba(11, 127, 22, .03) !important;
}

html body .bottom-nav .nav-item {
  position: relative !important;
  z-index: 2 !important;
}

html body .bottom-nav .nav-center,
html body .bottom-nav.nav-dock .nav-center,
html body .bottom-nav.orbital-nav .nav-center {
  z-index: 4 !important;
}

/* Final alignment: white strip begins at the Home button half line. */
html body .bottom-nav,
html body .bottom-nav.nav-dock,
html body .bottom-nav.orbital-nav,
html body.mama-nav-ready .bottom-nav,
html body.mama-nav-ready .bottom-nav.nav-dock,
html body.mama-nav-ready .bottom-nav.orbital-nav {
  height: 90px !important;
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0 33px, #fff 33px 100%) !important;
  background-color: transparent !important;
  overflow: visible !important;
  isolation: isolate !important;
  z-index: 1000 !important;
}

html body .bottom-nav::before,
html body .bottom-nav.nav-dock::before,
html body .bottom-nav.orbital-nav::before,
html body.mama-nav-ready .bottom-nav::before,
html body.mama-nav-ready .bottom-nav.nav-dock::before,
html body.mama-nav-ready .bottom-nav.orbital-nav::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 33px !important;
  bottom: 0 !important;
  width: 100% !important;
  height: auto !important;
  border-radius: 20px 20px 0 0 !important;
  background: #fff !important;
  background-color: #fff !important;
  opacity: 1 !important;
  z-index: 0 !important;
  box-shadow:
    0 -2px 10px rgba(11, 127, 22, .04),
    0 -1px 3px rgba(11, 127, 22, .03) !important;
}

/* Source mobile skin: applies to every user-facing page except games.php and order.php. */
body.source-mobile-skin:not(.page-games):not(.page-order) {
  background: #f1f5f9 !important;
  color: #0b7f16 !important;
  font-family: "Outfit", "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .app,
body.source-mobile-skin:not(.page-games):not(.page-order) .app-shell,
body.source-mobile-skin:not(.page-games):not(.page-order) .home-app {
  background: #f6f7fb !important;
  min-height: 100dvh !important;
  max-width: 430px !important;
  margin: 0 auto !important;
  overflow-x: hidden !important;
}

@media (max-width: 573px) {
  body.source-mobile-skin:not(.page-games):not(.page-order) .app,
  body.source-mobile-skin:not(.page-games):not(.page-order) .app-shell,
  body.source-mobile-skin:not(.page-games):not(.page-order) .home-app {
    width: 100vw !important;
    width: 100dvw !important;
    max-width: none !important;
    border-radius: 0 !important;
  }
}

body.source-mobile-skin:not(.page-games):not(.page-order) .topbar,
body.source-mobile-skin:not(.page-games):not(.page-order) .shell-topbar,
body.source-mobile-skin:not(.page-games):not(.page-order) .source-page-head,
body.source-mobile-skin:not(.page-games):not(.page-order) .home-topbar {
  height: 56px !important;
  min-height: 56px !important;
  padding: max(8px, env(safe-area-inset-top, 0px)) 14px 8px !important;
  background: rgba(255, 255, 255, .98) !important;
  border: 0 !important;
  border-bottom: 1px solid #e5eaf2 !important;
  box-shadow: 0 1px 0 rgba(11, 127, 22, .02) !important;
  color: #0b7f16 !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .shell-back,
body.source-mobile-skin:not(.page-games):not(.page-order) .source-page-head a,
body.source-mobile-skin:not(.page-games):not(.page-order) .back {
  width: 44px !important;
  height: 40px !important;
  display: inline-grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: #16a34a !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .shell-brand,
body.source-mobile-skin:not(.page-games):not(.page-order) .source-page-head b {
  color: #050812 !important;
  text-align: center !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .shell-kicker {
  display: none !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .title,
body.source-mobile-skin:not(.page-games):not(.page-order) .source-page-head b {
  font-size: 18px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .wallet-chip,
body.source-mobile-skin:not(.page-games):not(.page-order) .shell-wallet,
body.source-mobile-skin:not(.page-games):not(.page-order) .home-wallet-mini {
  min-width: 68px !important;
  height: 38px !important;
  padding: 5px 9px !important;
  border: 1px solid #e8edf5 !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #0b7f16 !important;
  box-shadow: 0 6px 18px rgba(11, 127, 22, .06) !important;
  text-decoration: none !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .page-pad,
body.source-mobile-skin:not(.page-games):not(.page-order) .source-wallet,
body.source-mobile-skin:not(.page-games):not(.page-order) .home-dashboard {
  min-height: calc(100dvh - 56px) !important;
  padding: 16px 16px 116px !important;
  background: #f6f7fb !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .home-dashboard {
  display: grid !important;
  gap: 14px !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .hero-card,
body.source-mobile-skin:not(.page-games):not(.page-order) .row-card,
body.source-mobile-skin:not(.page-games):not(.page-order) .amount-card,
body.source-mobile-skin:not(.page-games):not(.page-order) .sheet-card,
body.source-mobile-skin:not(.page-games):not(.page-order) .notice-card,
body.source-mobile-skin:not(.page-games):not(.page-order) .manual-card,
body.source-mobile-skin:not(.page-games):not(.page-order) .payment-methods,
body.source-mobile-skin:not(.page-games):not(.page-order) .method-detail,
body.source-mobile-skin:not(.page-games):not(.page-order) .transaction-panel,
body.source-mobile-skin:not(.page-games):not(.page-order) .profile-hero,
body.source-mobile-skin:not(.page-games):not(.page-order) .profile-tile,
body.source-mobile-skin:not(.page-games):not(.page-order) .quick-btn,
body.source-mobile-skin:not(.page-games):not(.page-order) .market-card,
body.source-mobile-skin:not(.page-games):not(.page-order) .withdrawal-live-panel,
body.source-mobile-skin:not(.page-games):not(.page-order) .stack,
body.source-mobile-skin:not(.page-games):not(.page-order) .empty,
body.source-mobile-skin:not(.page-games):not(.page-order) .loading,
body.source-mobile-skin:not(.page-games):not(.page-order) .error {
  background: #fff !important;
  border: 1px solid #eef0f5 !important;
  border-radius: 14px !important;
  box-shadow: 0 5px 20px rgba(11, 127, 22, .035) !important;
  color: #0b7f16 !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .hero-card,
body.source-mobile-skin:not(.page-games):not(.page-order) .amount-card,
body.source-mobile-skin:not(.page-games):not(.page-order) .sheet-card,
body.source-mobile-skin:not(.page-games):not(.page-order) .notice-card,
body.source-mobile-skin:not(.page-games):not(.page-order) .manual-card,
body.source-mobile-skin:not(.page-games):not(.page-order) .profile-hero,
body.source-mobile-skin:not(.page-games):not(.page-order) .stack {
  padding: 16px !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .wallet-card {
  border: 0 !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, #16a34a 0%, #16a34a 48%, #0b7f16 100%) !important;
  box-shadow: 0 18px 34px rgba(11, 127, 22, .24), 0 6px 14px rgba(11, 127, 22, .08) !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) h1,
body.source-mobile-skin:not(.page-games):not(.page-order) h2,
body.source-mobile-skin:not(.page-games):not(.page-order) .section-title,
body.source-mobile-skin:not(.page-games):not(.page-order) .row-title,
body.source-mobile-skin:not(.page-games):not(.page-order) .market-name {
  color: #0b7f16 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .section-sub,
body.source-mobile-skin:not(.page-games):not(.page-order) .muted,
body.source-mobile-skin:not(.page-games):not(.page-order) small,
body.source-mobile-skin:not(.page-games):not(.page-order) .transaction-row small {
  color: #6b7280 !important;
  font-weight: 700 !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) input,
body.source-mobile-skin:not(.page-games):not(.page-order) select,
body.source-mobile-skin:not(.page-games):not(.page-order) textarea,
body.source-mobile-skin:not(.page-games):not(.page-order) .field-input,
body.source-mobile-skin:not(.page-games):not(.page-order) .field-textarea,
body.source-mobile-skin:not(.page-games):not(.page-order) .amount-input-wrap {
  min-height: 48px !important;
  border: 1px solid #dbe3ef !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #0b7f16 !important;
  font-weight: 800 !important;
  box-shadow: none !important;
  outline: none !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) input,
body.source-mobile-skin:not(.page-games):not(.page-order) select,
body.source-mobile-skin:not(.page-games):not(.page-order) textarea {
  width: 100% !important;
  padding: 13px 14px !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .action-btn,
body.source-mobile-skin:not(.page-games):not(.page-order) .single-pay-btn,
body.source-mobile-skin:not(.page-games):not(.page-order) .secondary-btn,
body.source-mobile-skin:not(.page-games):not(.page-order) button[type="submit"],
body.source-mobile-skin:not(.page-games):not(.page-order) .quick-amount {
  min-height: 46px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: linear-gradient(145deg, #16a34a 0%, #16a34a 52%, #0b7f16 100%) !important;
  color: #fff !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: 0 12px 24px rgba(11, 127, 22, .18) !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .action-btn.green,
body.source-mobile-skin:not(.page-games):not(.page-order) .wallet-action.add {
  background: #fff !important;
  color: #0b7f16 !important;
  border: 1px solid #fff !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .row-card {
  padding: 14px 15px !important;
  margin: 0 0 10px !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .row-top,
body.source-mobile-skin:not(.page-games):not(.page-order) .transaction-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: center !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .amount,
body.source-mobile-skin:not(.page-games):not(.page-order) .transaction-amount {
  color: #16a34a !important;
  font-weight: 900 !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .pill,
body.source-mobile-skin:not(.page-games):not(.page-order) .minimum-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  background: #dcfce7 !important;
  color: #0b7f16 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .empty,
body.source-mobile-skin:not(.page-games):not(.page-order) .loading,
body.source-mobile-skin:not(.page-games):not(.page-order) .error {
  margin: 0 !important;
  padding: 22px 16px !important;
  text-align: center !important;
  color: #7c8493 !important;
}

/* Source parity pass: route-level components copied from the main website visual system. */
body.source-mobile-skin:not(.page-games):not(.page-order) {
  background: #f9fafb !important;
  font-family: "Open Sans", "Outfit", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) *,
body.source-mobile-skin:not(.page-games):not(.page-order) *::before,
body.source-mobile-skin:not(.page-games):not(.page-order) *::after {
  letter-spacing: 0 !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .app,
body.source-mobile-skin:not(.page-games):not(.page-order) .app-shell,
body.source-mobile-skin:not(.page-games):not(.page-order) .home-app {
  background: #f9fafb !important;
  max-width: 500px !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .source-page-head,
body.source-mobile-skin:not(.page-games):not(.page-order) .topbar.shell-topbar {
  height: 52.9px !important;
  min-height: 52.9px !important;
  display: grid !important;
  grid-template-columns: 80px minmax(0, 1fr) 80px !important;
  align-items: center !important;
  padding: 0 10px !important;
  background: #fff !important;
  border: 0 !important;
  border-bottom: 1px solid #edf0f5 !important;
  box-shadow: none !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .source-page-head .back,
body.source-mobile-skin:not(.page-games):not(.page-order) .source-page-head a,
body.source-mobile-skin:not(.page-games):not(.page-order) .shell-back {
  width: 72px !important;
  height: 35px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  background: transparent !important;
  color: #0b7f16 !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .source-page-head .title,
body.source-mobile-skin:not(.page-games):not(.page-order) .source-page-head b,
body.source-mobile-skin:not(.page-games):not(.page-order) .topbar.shell-topbar .title {
  min-width: 0 !important;
  text-align: center !important;
  color: #0b0f19 !important;
  font-size: 15px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .wallet-chip,
body.source-mobile-skin:not(.page-games):not(.page-order) .shell-wallet {
  display: none !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .page-pad,
body.source-mobile-skin:not(.page-games):not(.page-order) .source-wallet {
  padding: 16px 16px 112px !important;
  background: #f9fafb !important;
}

body.source-mobile-skin.page-bids .page-pad,
body.source-mobile-skin.page-bids .source-bids,
body.source-mobile-skin.page-gamehistoryselection .source-bids {
  background: #f1f3f8 !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .hero-card,
body.source-mobile-skin:not(.page-games):not(.page-order) .row-card,
body.source-mobile-skin:not(.page-games):not(.page-order) .stack,
body.source-mobile-skin:not(.page-games):not(.page-order) .amount-card,
body.source-mobile-skin:not(.page-games):not(.page-order) .sheet-card,
body.source-mobile-skin:not(.page-games):not(.page-order) .notice-card,
body.source-mobile-skin:not(.page-games):not(.page-order) .manual-card,
body.source-mobile-skin:not(.page-games):not(.page-order) .method-detail,
body.source-mobile-skin:not(.page-games):not(.page-order) .rules-modal-card,
body.source-mobile-skin:not(.page-games):not(.page-order) .transaction-panel,
body.source-mobile-skin:not(.page-games):not(.page-order) .profile-hero,
body.source-mobile-skin:not(.page-games):not(.page-order) .profile-tile,
body.source-mobile-skin:not(.page-games):not(.page-order) .rate-panel,
body.source-mobile-skin:not(.page-games):not(.page-order) .market-panel,
body.source-mobile-skin:not(.page-games):not(.page-order) .special-head,
body.source-mobile-skin:not(.page-games):not(.page-order) .special-card,
body.source-mobile-skin:not(.page-games):not(.page-order) .market-lock,
body.source-mobile-skin:not(.page-games):not(.page-order) .source-bid-card {
  background: #fff !important;
  border: 1px solid #f3f4f6 !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .hero-card {
  padding: 18px 16px !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .hero-card h1,
body.source-mobile-skin:not(.page-games):not(.page-order) .section-title,
body.source-mobile-skin:not(.page-games):not(.page-order) .panel-title,
body.source-mobile-skin:not(.page-games):not(.page-order) .row-title {
  color: #0b7f16 !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .hero-card p,
body.source-mobile-skin:not(.page-games):not(.page-order) .section-sub,
body.source-mobile-skin:not(.page-games):not(.page-order) .muted {
  color: #6b7280 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  font-weight: 600 !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .wallet-card {
  height: 240px !important;
  margin: 0 0 20px !important;
  padding: 13px 14px 12px !important;
  border-radius: 18px !important;
  border: 0 !important;
  background: linear-gradient(155deg, #16a34a 0%, #16a34a 100%) !important;
  box-shadow: 0 14px 30px -14px rgba(11, 127, 22, .6) !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .wallet-card::before {
  right: -40px !important;
  top: -60px !important;
  width: 180px !important;
  height: 180px !important;
  background: rgba(255,255,255,.08) !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .wallet-card::after {
  display: none !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .wallet-eyebrow {
  color: rgba(255,255,255,.72) !important;
  font-size: 10px !important;
  line-height: 1.45 !important;
  font-weight: 900 !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .wallet-balance {
  color: #fff !important;
  font-size: 31px !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .wallet-help {
  height: 30px !important;
  border-radius: 999px !important;
  border: 0 !important;
  background: rgba(255,255,255,.16) !important;
  color: #fff !important;
  font-size: 12px !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .wallet-mini {
  height: 56px !important;
  border-radius: 12px !important;
  border: 0 !important;
  background: rgba(255,255,255,.13) !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .wallet-mini b {
  color: #fff !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .wallet-split,
body.source-mobile-skin:not(.page-games):not(.page-order) .wallet-actions {
  gap: 8px !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .wallet-action,
body.source-mobile-skin:not(.page-games):not(.page-order) .wallet-action.add,
body.source-mobile-skin:not(.page-games):not(.page-order) .wallet-action.withdraw {
  height: 40px !important;
  border-radius: 12px !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .wallet-action.add {
  background: #fff !important;
  color: #16a34a !important;
  box-shadow: 0 5px 14px -6px rgba(0,0,0,.32) !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .wallet-action.withdraw {
  border: 0 !important;
  background: rgba(255,255,255,.14) !important;
  color: #fff !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .source-section-title {
  margin: 0 4px 12px !important;
  color: #0b7f16 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .transaction-panel,
body.source-mobile-skin:not(.page-games):not(.page-order) .transaction-empty {
  min-height: 170px !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .transaction-empty,
body.source-mobile-skin:not(.page-games):not(.page-order) .empty,
body.source-mobile-skin:not(.page-games):not(.page-order) .loading {
  display: grid !important;
  place-items: center !important;
  border-radius: 16px !important;
  background: #fff !important;
  color: #6b7280 !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .bids-toolbar {
  height: 52.9px !important;
  padding: 0 10px !important;
  background: #fff !important;
  border-bottom: 1px solid #edf0f5 !important;
  grid-template-columns: 1fr auto !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .bids-back-title {
  color: #0b0f19 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .bids-back-title a {
  display: none !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .date-pill {
  height: 36px !important;
  border-radius: 8px !important;
  background: #f9fafb !important;
  box-shadow: none !important;
  border: 0 !important;
  color: #0b7f16 !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .search-box {
  height: 46px !important;
  margin: 10px 14px 0 !important;
  border-radius: 15px !important;
  background: #fff !important;
  border: 0 !important;
  box-shadow: 0 1px 2px rgba(11, 127, 22,.04) !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .bid-tabs {
  grid-template-columns: .74fr 1.1fr .84fr .84fr !important;
  gap: 6px !important;
  padding: 9px 14px 8px !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .bid-tab {
  height: 34px !important;
  border-radius: 999px !important;
  border: 0 !important;
  background: #fff !important;
  color: #3a424e !important;
  box-shadow: 0 1px 2px rgba(20,24,34,.04) !important;
  font-size: 12px !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .bid-tab.is-active {
  background: #16a34a !important;
  color: #fff !important;
  box-shadow: 0 4px 11px rgba(11, 127, 22,.25) !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .bid-tab b {
  background: #f5edd8 !important;
  color: #ad7619 !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .bid-tab.is-active b {
  background: rgba(255,255,255,.22) !important;
  color: #fff !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .bid-meta-row {
  margin: 2px 18px 18px !important;
  color: #6b7280 !important;
  font-size: 13px !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) input,
body.source-mobile-skin:not(.page-games):not(.page-order) select,
body.source-mobile-skin:not(.page-games):not(.page-order) textarea,
body.source-mobile-skin:not(.page-games):not(.page-order) .amount-input-wrap {
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #0b7f16 !important;
  min-height: 48px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) input::placeholder,
body.source-mobile-skin:not(.page-games):not(.page-order) textarea::placeholder {
  color: #9ca3af !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .action-btn,
body.source-mobile-skin:not(.page-games):not(.page-order) button[type="submit"],
body.source-mobile-skin:not(.page-games):not(.page-order) .mainBtn,
body.source-mobile-skin:not(.page-games):not(.page-order) .single-pay-btn,
body.source-mobile-skin:not(.page-games):not(.page-order) .secondary-btn {
  min-height: 48px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: linear-gradient(to right, #0b7f16, #16a34a) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  box-shadow: 0 10px 15px -3px rgba(0,0,0,.10), 0 4px 6px -4px rgba(0,0,0,.10) !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .action-btn.green,
body.source-mobile-skin:not(.page-games):not(.page-order) .secondary-btn,
body.source-mobile-skin:not(.page-games):not(.page-order) .quick-amount {
  background: #fff !important;
  color: #16a34a !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: none !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .quick-amounts {
  gap: 8px !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .quick-amount {
  min-height: 40px !important;
  border-radius: 12px !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .list,
body.source-mobile-skin:not(.page-games):not(.page-order) .stack,
body.source-mobile-skin:not(.page-games):not(.page-order) .deposit-shell,
body.source-mobile-skin:not(.page-games):not(.page-order) .star-shell {
  display: grid !important;
  gap: 12px !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .row-card,
body.source-mobile-skin:not(.page-games):not(.page-order) .transaction-row,
body.source-mobile-skin:not(.page-games):not(.page-order) .source-bid-card {
  padding: 14px !important;
  border-radius: 15px !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .pill,
body.source-mobile-skin:not(.page-games):not(.page-order) .status-pill,
body.source-mobile-skin:not(.page-games):not(.page-order) .panel-chip,
body.source-mobile-skin:not(.page-games):not(.page-order) .minimum-pill {
  border: 0 !important;
  border-radius: 999px !important;
  background: #e9fbe9 !important;
  color: #16a34a !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .pill.good,
body.source-mobile-skin:not(.page-games):not(.page-order) .status-pill.won {
  background: #dcfce7 !important;
  color: #15803d !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .pill.bad,
body.source-mobile-skin:not(.page-games):not(.page-order) .status-pill.lost {
  background: #fee2e2 !important;
  color: #b91c1c !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .chat-list {
  min-height: calc(100dvh - 205px) !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .bubble {
  border-radius: 16px 16px 16px 4px !important;
  background: #fff !important;
  border: 1px solid #f3f4f6 !important;
  box-shadow: none !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .bubble.mine {
  border-radius: 16px 16px 4px 16px !important;
  background: #16a34a !important;
  color: #fff !important;
  border-color: #16a34a !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .rate-box {
  border: 1px solid #f3f4f6 !important;
  border-radius: 14px !important;
  background: #fff !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .star-card,
body.source-mobile-skin:not(.page-games):not(.page-order) .special-card {
  border-radius: 16px !important;
  border: 1px solid #f3f4f6 !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .star-icon,
body.source-mobile-skin:not(.page-games):not(.page-order) .special-card img {
  border-radius: 14px !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .profile-hero {
  grid-template-columns: 56px minmax(0, 1fr) !important;
  border-radius: 16px !important;
  background: #fff !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .profile-avatar {
  width: 56px !important;
  height: 56px !important;
  border-radius: 16px !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .profile-hero h1 {
  font-size: 22px !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .chart-frame {
  border-radius: 16px !important;
  background: #fff !important;
  border: 1px solid #f3f4f6 !important;
}

body.source-mobile-skin:not(.page-games):not(.page-order) .payment-popup,
body.source-mobile-skin:not(.page-games):not(.page-order) .status-popup {
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 25px 50px -12px rgba(0,0,0,.25) !important;
}

/* Android-app feel: prevent accidental text highlight outside editable fields. */
body.source-mobile-skin,
body.source-mobile-skin *,
body.source-mobile-skin *::before,
body.source-mobile-skin *::after,
body.source-auth-skin,
body.source-auth-skin *,
body.source-auth-skin *::before,
body.source-auth-skin *::after,
body:has(.login-container),
body:has(.login-container) *,
body:has(.forgot-container),
body:has(.forgot-container) *,
body:has(.register-container),
body:has(.register-container) * {
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  user-select: none !important;
}

body.source-mobile-skin input,
body.source-mobile-skin textarea,
body.source-mobile-skin select,
body.source-mobile-skin [contenteditable="true"],
body.source-auth-skin input,
body.source-auth-skin textarea,
body.source-auth-skin select,
body.source-auth-skin [contenteditable="true"],
body:has(.login-container) .login-container input,
body:has(.login-container) .login-container textarea,
body:has(.login-container) .login-container select,
body:has(.forgot-container) .forgot-container input,
body:has(.forgot-container) .forgot-container textarea,
body:has(.forgot-container) .forgot-container select,
body:has(.register-container) .register-container input,
body:has(.register-container) .register-container textarea,
body:has(.register-container) .register-container select {
  -webkit-touch-callout: default !important;
  -webkit-user-select: text !important;
  user-select: text !important;
}

body.source-mobile-skin a,
body.source-mobile-skin button,
body.source-mobile-skin [role="button"],
body.source-mobile-skin img,
body.source-mobile-skin svg,
body.source-mobile-skin .source-quick-tile,
body.source-mobile-skin .source-chart-link,
body.source-mobile-skin .source-market-card,
body.source-mobile-skin .source-game-card,
body.source-mobile-skin .dubai-game-card,
body.source-mobile-skin .gali-game-card,
body.source-mobile-skin .gali-chart-option,
body.source-auth-skin a,
body.source-auth-skin button {
  -webkit-touch-callout: none !important;
  -webkit-tap-highlight-color: transparent !important;
  -webkit-user-drag: none !important;
  user-drag: none !important;
  touch-action: manipulation;
}

body.source-mobile-skin a,
body.source-auth-skin a {
  text-decoration: none !important;
}

body.source-mobile-skin a[href],
body.source-auth-skin a[href],
body:has(.login-container) a[href],
body:has(.forgot-container) a[href],
body:has(.register-container) a[href] {
  -webkit-touch-callout: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

/* Passbook page: source website mobile-app layout. */
body.source-mobile-skin.page-passbook {
  background: #f4f5f8 !important;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body.source-mobile-skin.page-passbook .passbook-source-shell {
  width: 100% !important;
  min-height: 100dvh !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  background: #f4f5f8 !important;
  max-width: 500px !important;
}

body.source-mobile-skin.page-passbook .app,
body.source-mobile-skin.page-passbook .app-shell,
body.source-mobile-skin.page-passbook .passbook-source-shell {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.source-mobile-skin.page-passbook .bottom-nav.nav-dock,
body.source-mobile-skin.page-passbook .bottom-nav.orbital-nav {
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: none !important;
  transform: none !important;
}

body.source-mobile-skin.page-passbook .passbook-source-head {
  height: 52.9px !important;
  min-height: 52.9px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  padding: 0 10px !important;
  background: #fff !important;
  border-bottom: 1px solid #edf0f5 !important;
  box-shadow: none !important;
  z-index: 5 !important;
}

body.source-mobile-skin.page-passbook .passbook-back {
  height: 36px !important;
  min-width: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 6px 6px 6px 2px !important;
  color: #0b7f16 !important;
  text-decoration: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 16px !important;
  line-height: 24px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
}

body.source-mobile-skin.page-passbook .passbook-back svg {
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;
}

body.source-mobile-skin.page-passbook .passbook-date-field {
  position: relative !important;
  width: 126.9px !important;
  flex: 0 0 126.9px !important;
}

body.source-mobile-skin.page-passbook .passbook-date-btn {
  width: 100% !important;
  height: 36px !important;
  min-height: 36px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 12px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #f9fafb !important;
  color: #374151 !important;
  box-shadow: none !important;
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 500 !important;
}

body.source-mobile-skin.page-passbook .passbook-date-btn svg {
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px !important;
  color: #0b7f16 !important;
}

body.source-mobile-skin.page-passbook .passbook-date-native {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 36px !important;
  min-height: 36px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.source-mobile-skin.page-passbook .passbook-source-page {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  padding: 12px 14px 116px !important;
  background: #f4f5f8 !important;
}

body.source-mobile-skin.page-passbook .passbook-search-card {
  width: 100% !important;
  height: 36.8px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 12px !important;
  border: 1px solid #e7e9ef !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.source-mobile-skin.page-passbook .passbook-search-card svg {
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px !important;
  color: #9aa3b2 !important;
}

body.source-mobile-skin.page-passbook .passbook-search-card input {
  width: 100% !important;
  min-height: 0 !important;
  height: 20px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  outline: 0 !important;
  box-shadow: none !important;
  color: #0b7f16 !important;
  font-size: 13px !important;
  line-height: 20px !important;
  font-weight: 500 !important;
}

body.source-mobile-skin.page-passbook .passbook-search-card input::placeholder {
  color: #a0a6b1 !important;
  opacity: 1 !important;
}

body.source-mobile-skin.page-passbook .passbook-filter-row {
  display: flex !important;
  gap: 6px !important;
  margin: 11px -14px 0 !important;
  padding: 0 14px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  white-space: nowrap !important;
  scrollbar-width: none !important;
  -webkit-overflow-scrolling: touch !important;
}

body.source-mobile-skin.page-passbook .passbook-filter-row::-webkit-scrollbar {
  display: none !important;
}

body.source-mobile-skin.page-passbook .passbook-filter {
  height: 31.3px !important;
  min-height: 31.3px !important;
  flex: 0 0 auto !important;
  padding: 6px 12px !important;
  border: 1px solid #e7e9ef !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: #3a424e !important;
  box-shadow: 0 1px 2px rgba(20, 24, 34, .04) !important;
  font-size: 11.5px !important;
  line-height: 17.25px !important;
  font-weight: 800 !important;
  transition: transform .14s ease, background .16s ease, color .16s ease, box-shadow .16s ease !important;
}

body.source-mobile-skin.page-passbook .passbook-filter:active {
  transform: scale(.95) !important;
}

body.source-mobile-skin.page-passbook .passbook-filter.is-active {
  border-color: #16a34a !important;
  background: #16a34a !important;
  color: #fff !important;
  box-shadow: 0 4px 11px rgba(11, 127, 22, .25) !important;
}

body.source-mobile-skin.page-passbook .passbook-day-row {
  height: 33px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin: 10px 4px 8px !important;
}

body.source-mobile-skin.page-passbook #dayLabel {
  color: #5d6675 !important;
  font-size: 11px !important;
  line-height: 16px !important;
  font-weight: 800 !important;
  letter-spacing: .7px !important;
}

body.source-mobile-skin.page-passbook .passbook-statement-btn {
  height: 26px !important;
  min-height: 26px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 4px 9px !important;
  border: 1px solid rgba(11, 127, 22, .2) !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #16a34a !important;
  box-shadow: none !important;
  font-size: 10.5px !important;
  line-height: 15.75px !important;
  font-weight: 800 !important;
}

body.source-mobile-skin.page-passbook .passbook-statement-btn svg {
  width: 13px !important;
  height: 13px !important;
}

body.source-mobile-skin.page-passbook .passbook-list {
  display: grid !important;
  gap: 8px !important;
}

body.source-mobile-skin.page-passbook .passbook-empty {
  min-height: 134px !important;
  display: grid !important;
  place-items: center !important;
  gap: 10px !important;
  padding: 30px 16px !important;
  border: 1px solid #e7e9ef !important;
  border-radius: 14px !important;
  background: #fff !important;
  color: #0b7f16 !important;
  box-shadow: none !important;
  text-align: center !important;
}

body.source-mobile-skin.page-passbook .passbook-empty b {
  color: #101320 !important;
  font-size: 13px !important;
  line-height: 18px !important;
  font-weight: 800 !important;
}

body.source-mobile-skin.page-passbook .passbook-empty-icon {
  width: 38px !important;
  height: 38px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 11px !important;
  background: #f3f5f9 !important;
  color: #c8ced8 !important;
}

body.source-mobile-skin.page-passbook .passbook-empty-icon svg {
  width: 22px !important;
  height: 22px !important;
}

body.source-mobile-skin.page-passbook .passbook-loading {
  color: #6b7280 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

body.source-mobile-skin.page-passbook .passbook-row {
  min-height: 70px !important;
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px !important;
  border: 1px solid #e7e9ef !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.source-mobile-skin.page-passbook .passbook-row-icon {
  width: 38px !important;
  height: 38px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 12px !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

body.source-mobile-skin.page-passbook .passbook-row-main {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
}

body.source-mobile-skin.page-passbook .passbook-row-main b {
  min-width: 0 !important;
  color: #0b7f16 !important;
  font-size: 13.5px !important;
  line-height: 18px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.source-mobile-skin.page-passbook .passbook-row-main small {
  color: #8b94a3 !important;
  font-size: 11px !important;
  line-height: 15px !important;
  font-weight: 700 !important;
}

body.source-mobile-skin.page-passbook .passbook-row strong {
  font-size: 13px !important;
  line-height: 18px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

body.source-mobile-skin.page-passbook .passbook-row-icon.credit {
  background: #e9fbf1 !important;
  color: #16a34a !important;
}

body.source-mobile-skin.page-passbook .passbook-row-icon.debit {
  background: #fff0f0 !important;
  color: #dc2626 !important;
}

body.source-mobile-skin.page-passbook .passbook-row strong.credit {
  color: #16a34a !important;
}

body.source-mobile-skin.page-passbook .passbook-row strong.debit {
  color: #dc2626 !important;
}

body.source-mobile-skin.page-passbook.passbook-sheet-open,
body.source-mobile-skin.page-passbook.passbook-sheet-open .passbook-source-page {
  overflow: hidden !important;
}

body.source-mobile-skin.page-passbook .passbook-statement-sheet {
  position: fixed !important;
  inset: 0 !important;
  z-index: 140 !important;
  display: grid !important;
  align-items: end !important;
  pointer-events: none !important;
  opacity: 0 !important;
  transition: opacity .18s ease !important;
}

body.source-mobile-skin.page-passbook .passbook-statement-sheet.is-open {
  pointer-events: auto !important;
  opacity: 1 !important;
}

body.source-mobile-skin.page-passbook .passbook-sheet-backdrop {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(11, 127, 22, .34) !important;
  box-shadow: none !important;
}

body.source-mobile-skin.page-passbook .passbook-sheet-card {
  position: relative !important;
  width: 100% !important;
  max-height: min(78dvh, 620px) !important;
  display: grid !important;
  gap: 12px !important;
  padding: 9px 14px calc(18px + env(safe-area-inset-bottom, 0px)) !important;
  border: 1px solid #edf0f5 !important;
  border-radius: 22px 22px 0 0 !important;
  background: #fff !important;
  box-shadow: 0 -20px 45px rgba(11, 127, 22, .18) !important;
  transform: translateY(104%) !important;
  transition: transform .26s cubic-bezier(.22, 1, .36, 1) !important;
}

body.source-mobile-skin.page-passbook .passbook-statement-sheet.is-open .passbook-sheet-card {
  transform: translateY(0) !important;
}

body.source-mobile-skin.page-passbook .passbook-sheet-handle {
  justify-self: center !important;
  width: 42px !important;
  height: 4px !important;
  border-radius: 999px !important;
  background: #d9deea !important;
}

body.source-mobile-skin.page-passbook .passbook-sheet-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

body.source-mobile-skin.page-passbook .passbook-sheet-head b {
  display: block !important;
  color: #0b7f16 !important;
  font-size: 18px !important;
  line-height: 22px !important;
  font-weight: 900 !important;
}

body.source-mobile-skin.page-passbook .passbook-sheet-head small {
  display: block !important;
  margin-top: 2px !important;
  color: #7a8495 !important;
  font-size: 11px !important;
  line-height: 15px !important;
  font-weight: 800 !important;
}

body.source-mobile-skin.page-passbook .passbook-sheet-close {
  width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid #e8ebf2 !important;
  border-radius: 12px !important;
  background: #f8fafc !important;
  color: #0b7f16 !important;
  box-shadow: none !important;
  font-size: 24px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
}

body.source-mobile-skin.page-passbook .passbook-statement-stats {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

body.source-mobile-skin.page-passbook .passbook-statement-stats span {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
  padding: 10px 9px !important;
  border: 1px solid #edf0f5 !important;
  border-radius: 13px !important;
  background: #f8fafc !important;
}

body.source-mobile-skin.page-passbook .passbook-statement-stats small {
  color: #7a8495 !important;
  font-size: 10px !important;
  line-height: 13px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body.source-mobile-skin.page-passbook .passbook-statement-stats b {
  min-width: 0 !important;
  color: #0b7f16 !important;
  font-size: 13px !important;
  line-height: 18px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.source-mobile-skin.page-passbook #statementCredit {
  color: #16a34a !important;
}

body.source-mobile-skin.page-passbook #statementDebit,
body.source-mobile-skin.page-passbook #statementNet.is-negative {
  color: #dc2626 !important;
}

body.source-mobile-skin.page-passbook .passbook-statement-list {
  max-height: min(35dvh, 280px) !important;
  display: grid !important;
  gap: 8px !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  padding-right: 1px !important;
}

body.source-mobile-skin.page-passbook .passbook-statement-item {
  min-height: 58px !important;
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 10px !important;
  border: 1px solid #edf0f5 !important;
  border-radius: 13px !important;
  background: #fff !important;
}

body.source-mobile-skin.page-passbook .passbook-statement-item > span {
  width: 30px !important;
  height: 30px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 10px !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

body.source-mobile-skin.page-passbook .passbook-statement-item > span.credit {
  background: #e9fbf1 !important;
  color: #16a34a !important;
}

body.source-mobile-skin.page-passbook .passbook-statement-item > span.debit {
  background: #fff0f0 !important;
  color: #dc2626 !important;
}

body.source-mobile-skin.page-passbook .passbook-statement-item div {
  min-width: 0 !important;
  display: grid !important;
  gap: 2px !important;
}

body.source-mobile-skin.page-passbook .passbook-statement-item b {
  color: #0b7f16 !important;
  font-size: 12.5px !important;
  line-height: 17px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.source-mobile-skin.page-passbook .passbook-statement-item small {
  color: #8b94a3 !important;
  font-size: 10.5px !important;
  line-height: 14px !important;
  font-weight: 800 !important;
}

body.source-mobile-skin.page-passbook .passbook-statement-item strong {
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

body.source-mobile-skin.page-passbook .passbook-statement-item strong.credit {
  color: #16a34a !important;
}

body.source-mobile-skin.page-passbook .passbook-statement-item strong.debit {
  color: #dc2626 !important;
}

body.source-mobile-skin.page-passbook .passbook-statement-empty {
  min-height: 76px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid #edf0f5 !important;
  border-radius: 13px !important;
  background: #f8fafc !important;
  color: #667085 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

body.source-mobile-skin.page-passbook .passbook-download-btn {
  width: 100% !important;
  height: 46px !important;
  min-height: 46px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border: 0 !important;
  border-radius: 13px !important;
  background: #16a34a !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(11, 127, 22, .24) !important;
  font-size: 13px !important;
  line-height: 18px !important;
  font-weight: 900 !important;
}

body.source-mobile-skin.page-passbook .passbook-download-btn svg {
  width: 16px !important;
  height: 16px !important;
}

body.source-mobile-skin.page-passbook .passbook-toast {
  min-height: 0 !important;
  max-height: 0 !important;
  justify-self: center !important;
  overflow: hidden !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  background: #0b7f16 !important;
  color: #fff !important;
  opacity: 0 !important;
  transform: translateY(8px) !important;
  font-size: 11px !important;
  line-height: 24px !important;
  font-weight: 800 !important;
  transition: opacity .16s ease, transform .16s ease, max-height .16s ease !important;
}

body.source-mobile-skin.page-passbook .passbook-toast.is-visible {
  max-height: 24px !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
}

@media (max-width: 300px) {
  body.source-mobile-skin.page-passbook .passbook-source-head {
    padding: 0 8px !important;
  }

  body.source-mobile-skin.page-passbook .passbook-back {
    font-size: 14px !important;
    gap: 2px !important;
  }

  body.source-mobile-skin.page-passbook .passbook-date-field {
    width: 118px !important;
    flex-basis: 118px !important;
  }

  body.source-mobile-skin.page-passbook .passbook-date-btn {
    gap: 6px !important;
    padding: 8px 9px !important;
    font-size: 13px !important;
  }

  body.source-mobile-skin.page-passbook .passbook-source-page {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  body.source-mobile-skin.page-passbook .passbook-filter-row {
    margin-left: -10px !important;
    margin-right: -10px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  body.source-mobile-skin.page-passbook .passbook-sheet-card {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  body.source-mobile-skin.page-passbook .passbook-statement-stats {
    gap: 6px !important;
  }

  body.source-mobile-skin.page-passbook .passbook-statement-stats span {
    padding: 8px 6px !important;
  }

  body.source-mobile-skin.page-passbook .passbook-statement-stats b {
    font-size: 12px !important;
  }
}

html body.source-mobile-skin.page-passbook:not(.page-games):not(.page-order) .app.app-shell.passbook-source-shell {
  width: 100vw !important;
  max-width: none !important;
  margin: 0 !important;
}

html body.source-mobile-skin.page-passbook:not(.page-games):not(.page-order) .bottom-nav.nav-dock,
html body.source-mobile-skin.page-passbook:not(.page-games):not(.page-order) .bottom-nav.orbital-nav {
  left: 0 !important;
  right: 0 !important;
  width: 100vw !important;
  max-width: none !important;
  margin: 0 !important;
  transform: none !important;
}

html body.source-mobile-skin.page-passbook .passbook-statement-sheet {
  z-index: 30000 !important;
}

html body.source-mobile-skin.page-passbook.passbook-sheet-open .bottom-nav.nav-dock,
html body.source-mobile-skin.page-passbook.passbook-sheet-open .bottom-nav.orbital-nav {
  pointer-events: none !important;
  visibility: hidden !important;
}

html body.source-mobile-skin.page-passbook.passbook-sheet-open .bottom-nav.nav-dock *,
html body.source-mobile-skin.page-passbook.passbook-sheet-open .bottom-nav.orbital-nav * {
  pointer-events: none !important;
  visibility: hidden !important;
}

/* Source home screen clone from online.matkabook.com. */
html body.source-mobile-skin.page-home {
  background: #f9fafb !important;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

html body.source-mobile-skin.page-home .home-app {
  width: 100vw !important;
  max-width: none !important;
  min-height: 100dvh !important;
  margin: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background: #f9fafb !important;
  padding-bottom: calc(86px + env(safe-area-inset-bottom, 0px)) !important;
}

html body.source-mobile-skin.page-home .home-app::before {
  content: "" !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 130 !important;
  height: 3px !important;
  background: linear-gradient(90deg, #0b7f16 0%, #16a34a 50%, #ec4899 100%) !important;
  pointer-events: none !important;
}

html body.source-mobile-skin.page-home .source-home-header,
html body.source-mobile-skin.page-home .home-topbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 40 !important;
  width: 100% !important;
  height: 57px !important;
  min-height: 57px !important;
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 7px 12px 8px !important;
  border: 0 !important;
  background: #fff !important;
  box-shadow: 0 4px 12px rgba(11, 127, 22, .08) !important;
}

html body.source-mobile-skin.page-home .source-menu-btn {
  width: 36px !important;
  height: 36px !important;
  display: grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 15px !important;
  background: #dcfce7 !important;
  color: #0b7f16 !important;
  box-shadow: none !important;
}

html body.source-mobile-skin.page-home .source-menu-btn svg {
  width: 22px !important;
  height: 22px !important;
}

html body.source-mobile-skin.page-home .source-home-logo {
  width: auto !important;
  max-width: min(178px, 100%) !important;
  height: auto !important;
  min-width: 0 !important;
  display: block !important;
  justify-self: start !important;
  margin-left: 2px !important;
  overflow: hidden !important;
  color: #0b7f16 !important;
  font-family: "Outfit", "Space Grotesk", system-ui, sans-serif !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  background: linear-gradient(90deg, #0b7f16 0%, #0b7f16 62%, #86efac 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

html body.source-mobile-skin.page-home .source-wallet-chip {
  height: 30px !important;
  min-height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #dcfce7 !important;
  color: #0b7f16 !important;
  box-shadow: none !important;
  font-size: 13.5px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

html body.source-mobile-skin.page-home .source-wallet-chip svg {
  width: 17px !important;
  height: 17px !important;
}

html body.source-mobile-skin.page-home .home-dashboard {
  width: 100% !important;
  display: block !important;
  padding: 0 0 calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  background: #f9fafb !important;
  overflow-x: hidden !important;
}

html body.source-mobile-skin.page-home:not(.page-games):not(.page-order) .home-dashboard {
  width: 100vw !important;
  max-width: none !important;
  margin: 0 !important;
  display: block !important;
  gap: 0 !important;
  padding: 0 0 calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  background: #f9fafb !important;
}

html body.source-mobile-skin.page-home .source-hidden-marquee,
html body.source-mobile-skin.page-home .source-hidden-block,
html body.source-mobile-skin.page-home #homeSlider {
  display: none !important;
}

html body.source-mobile-skin.page-home .source-home-hero {
  width: calc(100% - 24px) !important;
  margin: 12px 12px 0 !important;
  aspect-ratio: 720 / 327 !important;
  overflow: hidden !important;
  border-radius: 16px !important;
  background: #e5e7eb !important;
}

html body.source-mobile-skin.page-home .source-home-hero img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
}

html body.source-mobile-skin.page-home .source-quick-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 4px 0 0 !important;
  padding: 8px 12px !important;
}

html body.source-mobile-skin.page-home .source-quick-tile {
  position: relative !important;
  min-width: 0 !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  padding: 0 !important;
  border-radius: 16px !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .05) !important;
  transition: transform .14s ease !important;
}

html body.source-mobile-skin.page-home .source-quick-tile:active {
  transform: scale(.95) !important;
}

html body.source-mobile-skin.page-home .source-quick-tile b {
  position: absolute !important;
  left: 4px !important;
  right: 4px !important;
  bottom: 10px !important;
  color: #fff !important;
  font-size: clamp(9px, 2.95vw, 11.6px) !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  text-align: center !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

html body.source-mobile-skin.page-home .source-tile-orb {
  position: absolute !important;
  left: 50% !important;
  top: 16% !important;
  transform: translateX(-50%) !important;
  width: clamp(30px, 44%, 42px) !important;
  height: clamp(30px, 44%, 42px) !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  color: #fff !important;
}

html body.source-mobile-skin.page-home .source-tile-orb svg {
  width: 25px !important;
  height: 25px !important;
}

html body.source-mobile-skin.page-home .source-add-tile {
  border: 1px solid rgba(52, 211, 153, .3) !important;
  background: linear-gradient(135deg, #34d399 0%, #10b981 100%) !important;
}

html body.source-mobile-skin.page-home .source-add-tile .source-tile-orb {
  background: rgba(255, 255, 255, .22) !important;
}

html body.source-mobile-skin.page-home .source-withdraw-tile {
  border: 1px solid rgba(11, 127, 22, .3) !important;
  background: linear-gradient(135deg, #bbf7d0 0%, #16a34a 100%) !important;
}

html body.source-mobile-skin.page-home .source-withdraw-tile .source-tile-orb {
  background: rgba(255, 255, 255, .18) !important;
}

html body.source-mobile-skin.page-home .source-withdraw-tile b,
html body.source-mobile-skin.page-home .source-gali-tile b {
  font-size: clamp(8.2px, 2.72vw, 10.8px) !important;
}

html body.source-mobile-skin.page-home .source-starline-tile {
  border: 2px solid #fecaca !important;
  background: #fff !important;
}

html body.source-mobile-skin.page-home .source-starline-tile b {
  color: #dc2626 !important;
}

html body.source-mobile-skin.page-home .source-starline-art {
  position: absolute !important;
  inset: 7px 7px 24px !important;
  display: grid !important;
  place-items: center !important;
  color: #ef4444 !important;
}

html body.source-mobile-skin.page-home .source-starline-art svg {
  width: 72% !important;
  height: 72% !important;
  filter: drop-shadow(0 2px 0 rgba(239, 68, 68, .12)) !important;
}

html body.source-mobile-skin.page-home .source-image-fit {
  position: absolute !important;
  inset: 6px 6px 19px !important;
  display: grid !important;
  place-items: center !important;
}

html body.source-mobile-skin.page-home .source-image-fit img {
  width: 76% !important;
  height: 76% !important;
  object-fit: contain !important;
  opacity: .9 !important;
}

html body.source-mobile-skin.page-home .source-gali-tile {
  border: 2px solid #fde047 !important;
  background: radial-gradient(circle at 72% 22%, rgba(255,255,255,.35), transparent 24%),
              linear-gradient(135deg, #991b1b 0%, #dc2626 50%, #7f1d1d 100%) !important;
}

html body.source-mobile-skin.page-home .source-gali-art {
  position: absolute !important;
  inset: 7px 7px 22px !important;
  display: grid !important;
  place-items: center !important;
}

html body.source-mobile-skin.page-home .source-gali-art img {
  width: 60% !important;
  height: 60% !important;
  object-fit: contain !important;
  filter: drop-shadow(0 4px 6px rgba(0, 0, 0, .25)) !important;
}

html body.source-mobile-skin.page-home .arena-list,
html body.source-mobile-skin.page-home .market-list {
  display: grid !important;
  gap: 10px !important;
  margin: 4px 0 0 !important;
  padding: 0 12px 16px !important;
}

html body.source-mobile-skin.page-home .market-card.source-market-card {
  width: 100% !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 1px solid #dfe5ef !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 1px 4px rgba(11, 127, 22, .06) !important;
}

html body.source-mobile-skin.page-home .source-market-main {
  padding: 0 !important;
}

html body.source-mobile-skin.page-home .source-market-top {
  height: 34.5px !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 10px 12px 2px !important;
}

html body.source-mobile-skin.page-home .market-card.source-market-card .market-name {
  color: #0b7f16 !important;
  font-size: 15px !important;
  line-height: 22.5px !important;
  font-weight: 700 !important;
  letter-spacing: -.15px !important;
  margin: 0 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body.source-mobile-skin.page-home .source-market-time {
  color: #64748b !important;
  font-size: 11px !important;
  line-height: 16.5px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  padding-top: 3px !important;
}

html body.source-mobile-skin.page-home .source-market-play-row {
  height: 38px !important;
  min-height: 38px !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 12px 8px !important;
}

html body.source-mobile-skin.page-home .source-market-result {
  min-width: 0 !important;
  color: #bbf7d0 !important;
  font-family: "Space Grotesk", system-ui, sans-serif !important;
  font-size: 18px !important;
  line-height: 27px !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

@keyframes shimmerText {
  0% { background-position: -200% center; }
  100% { background-position: 200% center; }
}

html body.source-mobile-skin.page-home .source-result-pending,
html body.source-mobile-skin.page-home .shimmer-text-blue {
  color: #86efac !important;
  background: linear-gradient(90deg, rgb(11, 127, 22) 25%, rgb(22, 163, 74), rgb(11, 127, 22) 75%) 0% 0% / 200% text;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: shimmerText 2s ease-in-out infinite !important;
  transition: all !important;
  font-weight: 700 !important;
}

html body.source-mobile-skin.page-home .source-result-final {
  color: #0b7f16 !important;
  -webkit-text-fill-color: currentColor !important;
  animation: none !important;
  font-weight: 900 !important;
}

html body.source-mobile-skin.page-home .source-play-btn {
  width: 79px !important;
  height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  background: #0b7f16 !important;
  color: #fff !important;
  text-decoration: none !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .05) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .2px !important;
  border: 0 !important;
  cursor: pointer !important;
}

html body.source-mobile-skin.page-home .source-play-btn span {
  width: 0 !important;
  height: 0 !important;
  border-top: 6px solid transparent !important;
  border-bottom: 6px solid transparent !important;
  border-left: 9px solid #fff !important;
}

html body.source-mobile-skin.page-home .source-play-btn.source-play-closed {
  background: #f1f5f9 !important;
  color: #16a34a !important;
  box-shadow: none !important;
}

html body.source-mobile-skin.page-home .source-play-btn.source-play-closed span {
  border-left-color: #16a34a !important;
}

html body.source-mobile-skin.page-home .source-play-btn.source-play-closed:active {
  transform: scale(.98) !important;
  background: #e2e8f0 !important;
}

html body.source-mobile-skin.page-home .source-closed-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 220 !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  background: rgba(11, 127, 22, .42) !important;
  animation: sourceClosedFade .18s ease-out both !important;
}

html body.source-mobile-skin.page-home .source-closed-sheet {
  width: 100vw !important;
  max-width: 500px !important;
  background: #fff !important;
  border-radius: 24px 24px 0 0 !important;
  box-shadow: 0 -20px 48px rgba(11, 127, 22, .2) !important;
  animation: sourceClosedSlide .28s cubic-bezier(.16, 1, .3, 1) both !important;
}

html body.source-mobile-skin.page-home .source-closed-handle-wrap {
  display: flex !important;
  justify-content: center !important;
  padding: 12px 0 8px !important;
}

html body.source-mobile-skin.page-home .source-closed-handle-wrap span {
  width: 40px !important;
  height: 4px !important;
  border-radius: 999px !important;
  background: #e2e8f0 !important;
}

html body.source-mobile-skin.page-home .source-closed-body {
  padding: 0 24px 32px !important;
  text-align: center !important;
}

html body.source-mobile-skin.page-home .source-closed-icon {
  width: 56px !important;
  height: 56px !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 auto 16px !important;
  border-radius: 16px !important;
  background: #fef2f2 !important;
  color: #ef4444 !important;
}

html body.source-mobile-skin.page-home .source-closed-icon svg {
  width: 28px !important;
  height: 28px !important;
}

html body.source-mobile-skin.page-home .source-closed-body h3 {
  margin: 0 0 4px !important;
  color: #0b7f16 !important;
  font-size: 18px !important;
  line-height: 1.3 !important;
  font-weight: 800 !important;
}

html body.source-mobile-skin.page-home .source-closed-body p {
  margin: 0 0 20px !important;
  color: #16a34a !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
}

html body.source-mobile-skin.page-home .source-closed-ok {
  width: 100% !important;
  height: 46px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #0b7f16 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  transition: transform .14s ease !important;
}

html body.source-mobile-skin.page-home .source-closed-ok:active {
  transform: scale(.98) !important;
}

@keyframes sourceClosedFade {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes sourceClosedSlide {
  from { transform: translateY(100%); }
  to { transform: translateY(0); }
}

html body.source-mobile-skin.page-home .source-chart-row {
  height: 29.5px !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  border-top: 1px solid #edf0f5 !important;
  background: rgba(248, 250, 252, .55) !important;
}

html body.source-mobile-skin.page-home .source-chart-link {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  color: #475569 !important;
  text-decoration: none !important;
  font-size: 11px !important;
  line-height: 16.5px !important;
  font-weight: 600 !important;
}

html body.source-mobile-skin.page-home .source-chart-link:first-child {
  border-right: 1px solid #edf0f5 !important;
}

html body.source-mobile-skin.page-home .source-chart-link svg {
  width: 12px !important;
  height: 12px !important;
  flex: 0 0 12px !important;
}

html body.source-mobile-skin.page-home .source-whatsapp-fab {
  position: fixed !important;
  right: 13px !important;
  bottom: calc(78px + env(safe-area-inset-bottom, 0px)) !important;
  z-index: 85 !important;
  width: 52px !important;
  height: 52px !important;
  display: grid !important;
  place-items: center !important;
  border: 3px solid #fff !important;
  border-radius: 999px !important;
  background: #22c55e !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(34, 197, 94, .35) !important;
}

html body.source-mobile-skin.page-home .source-whatsapp-fab svg {
  width: 27px !important;
  height: 27px !important;
}

html body.source-mobile-skin.page-home .side-menu {
  z-index: 200 !important;
}

html body.source-mobile-skin.page-home .bottom-nav.nav-dock,
html body.source-mobile-skin.page-home .bottom-nav.orbital-nav {
  left: 0 !important;
  right: 0 !important;
  width: 100vw !important;
  max-width: none !important;
  transform: none !important;
}

@media (max-width: 300px) {
  html body.source-mobile-skin.page-home .source-home-header,
  html body.source-mobile-skin.page-home .home-topbar {
    grid-template-columns: 39px minmax(0, 1fr) auto !important;
    gap: 3px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  html body.source-mobile-skin.page-home .source-menu-btn {
    width: 35px !important;
    height: 35px !important;
    border-radius: 13px !important;
  }

  html body.source-mobile-skin.page-home .source-wallet-chip {
    height: 29px !important;
    padding: 0 9px !important;
    gap: 5px !important;
    font-size: 12.5px !important;
  }

  html body.source-mobile-skin.page-home .source-home-logo {
    max-width: 132px !important;
    font-size: 18px !important;
    margin-left: 0 !important;
  }

  html body.source-mobile-skin.page-home .source-home-hero {
    width: calc(100% - 16px) !important;
    margin-left: 8px !important;
    margin-right: 8px !important;
    border-radius: 14px !important;
  }

  html body.source-mobile-skin.page-home .source-quick-grid {
    gap: 6px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  html body.source-mobile-skin.page-home .source-quick-tile {
    border-radius: 13px !important;
  }

  html body.source-mobile-skin.page-home .source-tile-orb {
    top: 14% !important;
    width: 30px !important;
    height: 30px !important;
  }

  html body.source-mobile-skin.page-home .source-quick-tile b {
    bottom: 7px !important;
    left: 2px !important;
    right: 2px !important;
    font-size: 8px !important;
  }

  html body.source-mobile-skin.page-home .source-withdraw-tile b,
  html body.source-mobile-skin.page-home .source-gali-tile b {
    font-size: 7.8px !important;
  }

  html body.source-mobile-skin.page-home .arena-list,
  html body.source-mobile-skin.page-home .market-list {
    padding-left: 8px !important;
    padding-right: 8px !important;
    gap: 9px !important;
  }

  html body.source-mobile-skin.page-home .source-market-main {
    padding: 13px 10px 10px !important;
  }

  html body.source-mobile-skin.page-home .market-card.source-market-card .market-name {
    font-size: 13px !important;
  }

  html body.source-mobile-skin.page-home .source-market-time {
    font-size: 11px !important;
  }

  html body.source-mobile-skin.page-home .source-play-btn {
    width: 69px !important;
    padding: 0 10px !important;
    font-size: 11px !important;
  }

  html body.source-mobile-skin.page-home .source-chart-link {
    gap: 4px !important;
    font-size: 10px !important;
  }
}

html body.source-mobile-skin.page-wallet .wallet-mini small,
html body.source-mobile-skin.page-funds .wallet-mini small {
  color: rgba(255, 255, 255, .92) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 2px rgba(11, 127, 22, .22) !important;
}

html body.source-mobile-skin.page-wallet .wallet-mini b,
html body.source-mobile-skin.page-wallet .wallet-mini b span,
html body.source-mobile-skin.page-funds .wallet-mini b,
html body.source-mobile-skin.page-funds .wallet-mini b span {
  color: #ffffff !important;
  font-size: clamp(19px, 5vw, 23px) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 2px rgba(11, 127, 22, .28) !important;
}

html body.source-mobile-skin .source-page-head .shell-back,
html body.source-mobile-skin .source-page-head > a:first-child,
html body.source-mobile-skin .topbar.shell-topbar .shell-back {
  width: auto !important;
  min-width: 68px !important;
  max-width: 78px !important;
  height: 38px !important;
  padding: 0 2px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 2px !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #0b7f16 !important;
  text-decoration: none !important;
  font-family: "Outfit", system-ui, sans-serif !important;
  font-size: 16px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  white-space: nowrap !important;
}

html body.source-mobile-skin .source-page-head .shell-back svg,
html body.source-mobile-skin .source-page-head > a:first-child svg,
html body.source-mobile-skin .topbar.shell-topbar .shell-back svg {
  width: 24px !important;
  height: 24px !important;
  max-width: none !important;
  flex: 0 0 24px !important;
  display: block !important;
  color: #0b7f16 !important;
}

html body.source-mobile-skin .source-page-head .shell-back span,
html body.source-mobile-skin .source-page-head > a:first-child span,
html body.source-mobile-skin .topbar.shell-topbar .shell-back span {
  display: inline-block !important;
  min-width: 0 !important;
}

html body.mama-hide-bottom-nav .bottom-nav,
html body.mama-hide-bottom-nav .bottom-nav.nav-dock,
html body.mama-hide-bottom-nav .bottom-nav.orbital-nav,
html body.source-mobile-skin.mama-hide-bottom-nav .bottom-nav,
html body.source-mobile-skin.mama-hide-bottom-nav .bottom-nav.nav-dock,
html body.source-mobile-skin.mama-hide-bottom-nav .bottom-nav.orbital-nav {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html body.source-date-open {
  overflow: hidden !important;
  touch-action: none !important;
}

.source-date-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9000 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: max(10px, env(safe-area-inset-top, 0px)) max(10px, env(safe-area-inset-right, 0px)) max(10px, env(safe-area-inset-bottom, 0px)) max(10px, env(safe-area-inset-left, 0px)) !important;
  background: rgba(18, 18, 22, .64) !important;
  color: #0b7f16 !important;
  font-family: "Outfit", system-ui, sans-serif !important;
  -webkit-user-select: none !important;
  user-select: none !important;
}

.source-date-modal.is-open {
  display: flex !important;
}

.source-date-dialog {
  width: min(calc(100vw - 20px), 430px) !important;
  max-height: min(86vh, 620px) !important;
  overflow: hidden !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  box-shadow: 0 28px 70px rgba(0, 0, 0, .34) !important;
  display: flex !important;
  flex-direction: column !important;
  transform-origin: center !important;
  animation: sourceDatePop .18s cubic-bezier(.16, 1, .3, 1) both !important;
}

.source-date-head {
  min-height: 72px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 18px clamp(18px, 5vw, 26px) !important;
  border-bottom: 1px solid #e5e7eb !important;
}

.source-date-head h2 {
  margin: 0 !important;
  color: #0b7f16 !important;
  font-size: clamp(24px, 6.5vw, 28px) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
}

.source-date-close {
  width: 38px !important;
  height: 38px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #6b7280 !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
}

.source-date-close svg {
  width: 28px !important;
  height: 28px !important;
}

.source-date-month {
  height: 76px !important;
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) 48px !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 clamp(22px, 6vw, 34px) !important;
  border-bottom: 1px solid #e5e7eb !important;
}

.source-date-month strong {
  color: #0b7f16 !important;
  text-align: center !important;
  font-size: clamp(22px, 6vw, 26px) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -0.01em !important;
}

.source-date-month button {
  width: 42px !important;
  height: 42px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: transparent !important;
  color: #374151 !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
}

.source-date-month button:active,
.source-date-close:active {
  transform: scale(.94) !important;
}

.source-date-month svg {
  width: 28px !important;
  height: 28px !important;
}

.source-date-week,
.source-date-grid {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  column-gap: clamp(3px, 1.5vw, 8px) !important;
  row-gap: 8px !important;
}

.source-date-week {
  padding: 28px clamp(24px, 6vw, 36px) 12px !important;
}

.source-date-week span {
  text-align: center !important;
  color: #6b7280 !important;
  font-size: clamp(17px, 4.4vw, 20px) !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
}

.source-date-grid {
  padding: 0 clamp(24px, 6vw, 36px) 26px !important;
}

.source-date-day,
.source-date-blank {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  min-height: 38px !important;
}

.source-date-day {
  border: 2px solid transparent !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: #374151 !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  font-family: "Outfit", system-ui, sans-serif !important;
  font-size: clamp(20px, 5.4vw, 24px) !important;
  line-height: 1 !important;
  font-weight: 500 !important;
  -webkit-tap-highlight-color: transparent !important;
}

.source-date-day.is-selected {
  background: #16a34a !important;
  border-color: #16a34a !important;
  color: #ffffff !important;
  box-shadow: 0 8px 14px rgba(11, 127, 22, .24) !important;
  font-weight: 800 !important;
}

.source-date-day.is-today:not(.is-selected) {
  border-color: #86efac !important;
  color: #0b7f16 !important;
  background: #dcfce7 !important;
  font-weight: 800 !important;
}

.source-date-day:active {
  transform: scale(.94) !important;
}

.source-date-foot {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  gap: clamp(10px, 3vw, 18px) !important;
  padding: 20px clamp(22px, 5.5vw, 34px) 22px !important;
  border-top: 1px solid #e5e7eb !important;
  background: #ffffff !important;
}

.source-date-foot button {
  min-width: 0 !important;
  height: 50px !important;
  border: 0 !important;
  border-radius: 12px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 10px !important;
  font-family: "Outfit", system-ui, sans-serif !important;
  font-size: clamp(18px, 5vw, 22px) !important;
  line-height: 1 !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}

.source-date-today {
  background: #dcfce7 !important;
  color: #0b7f16 !important;
}

.source-date-cancel {
  background: #f3f4f6 !important;
  color: #374151 !important;
}

.source-date-apply {
  background: #16a34a !important;
  color: #ffffff !important;
  box-shadow: 0 7px 12px rgba(11, 127, 22, .24) !important;
}

.source-date-foot button:active {
  transform: scale(.97) !important;
}

@keyframes sourceDatePop {
  from { opacity: 0; transform: scale(.96) translateY(8px); }
  to { opacity: 1; transform: scale(1) translateY(0); }
}

@media (max-width: 300px) {
  .source-date-dialog {
    width: min(calc(100vw - 12px), 430px) !important;
    border-radius: 18px !important;
  }

  .source-date-head {
    min-height: 62px !important;
    padding: 14px 16px !important;
  }

  .source-date-head h2 {
    font-size: 22px !important;
  }

  .source-date-month {
    height: 62px !important;
    grid-template-columns: 36px minmax(0, 1fr) 36px !important;
    padding-inline: 16px !important;
  }

  .source-date-month strong {
    font-size: 20px !important;
  }

  .source-date-month button {
    width: 34px !important;
    height: 34px !important;
  }

  .source-date-week {
    padding: 20px 14px 8px !important;
  }

  .source-date-grid {
    padding: 0 14px 18px !important;
    row-gap: 6px !important;
  }

  .source-date-day {
    min-height: 32px !important;
    border-radius: 10px !important;
    font-size: 18px !important;
  }

  .source-date-foot {
    gap: 8px !important;
    padding: 14px !important;
  }

  .source-date-foot button {
    height: 44px !important;
    border-radius: 10px !important;
    font-size: 16px !important;
  }
}

/* Final source wallet/withdraw polish overrides */
html body.source-mobile-skin.page-wallet .source-wallet.source-wallet-v2 .wallet-card,
html body.source-mobile-skin.page-funds .source-wallet.source-wallet-v2 .wallet-card {
  height: 240px !important;
  border-radius: 22px !important;
  padding: 17px 16px 13px !important;
  background: linear-gradient(145deg, #16a34a 0%, #16a34a 50%, #0b7f16 100%) !important;
  box-shadow: 0 18px 34px rgba(11, 127, 22, .23), 0 6px 16px rgba(11, 127, 22, .06) !important;
  animation: sourceWalletCardIn .46s cubic-bezier(.16, 1, .3, 1) both !important;
}

html body.source-mobile-skin.page-wallet .source-wallet.source-wallet-v2 .wallet-card::before,
html body.source-mobile-skin.page-funds .source-wallet.source-wallet-v2 .wallet-card::before {
  display: block !important;
  right: -52px !important;
  top: -68px !important;
  width: 190px !important;
  height: 190px !important;
  background: rgba(255, 255, 255, .12) !important;
}

html body.source-mobile-skin.page-wallet .source-wallet.source-wallet-v2 .wallet-card::after,
html body.source-mobile-skin.page-funds .source-wallet.source-wallet-v2 .wallet-card::after {
  display: block !important;
  right: -34px !important;
  bottom: -68px !important;
  width: 158px !important;
  height: 158px !important;
  border-radius: 50% !important;
  border: 31px solid rgba(255, 255, 255, .08) !important;
  background: transparent !important;
}

html body.source-mobile-skin.page-wallet .source-wallet.source-wallet-v2 .wallet-action,
html body.source-mobile-skin.page-funds .source-wallet.source-wallet-v2 .wallet-action {
  height: 42px !important;
  border-radius: 13px !important;
  gap: 7px !important;
  transition: transform .16s ease, filter .16s ease !important;
}

html body.source-mobile-skin.page-wallet .source-wallet.source-wallet-v2 .wallet-action.add,
html body.source-mobile-skin.page-funds .source-wallet.source-wallet-v2 .wallet-action.add {
  color: #16a34a !important;
  background: #fff !important;
  box-shadow: 0 8px 18px rgba(11, 127, 22, .16) !important;
}

html body.source-mobile-skin.page-wallet .source-wallet.source-wallet-v2 .wallet-action.withdraw,
html body.source-mobile-skin.page-funds .source-wallet.source-wallet-v2 .wallet-action.withdraw {
  color: #fff !important;
  background: rgba(255, 255, 255, .15) !important;
  border: 1px solid rgba(255, 255, 255, .12) !important;
}

html body.source-mobile-skin.page-wallet .source-wallet.source-wallet-v2 .transaction-panel,
html body.source-mobile-skin.page-funds .source-wallet.source-wallet-v2 .transaction-panel {
  border-radius: 20px !important;
  border-color: #e8edf5 !important;
  box-shadow: 0 16px 34px rgba(11, 127, 22, .055) !important;
  animation: sourceWalletPanelIn .42s .08s cubic-bezier(.16, 1, .3, 1) both !important;
}

html body.source-mobile-skin.page-order .status-popup.good {
  max-width: 332px !important;
  padding: 32px 22px 20px !important;
  border-radius: 24px !important;
  background: #fff !important;
  box-shadow: 0 16px 36px rgba(11, 127, 22, .24) !important;
  animation: sourceSuccessCardIn .24s cubic-bezier(.2, .9, .25, 1) both !important;
  overflow: hidden !important;
}

html body.source-mobile-skin.page-order .status-popup.good .status-icon {
  width: 84px !important;
  height: 84px !important;
  margin-bottom: 22px !important;
  background: #dcfce7 !important;
  color: #0b7f16 !important;
  box-shadow: none !important;
  animation: sourceSuccessIconIn .24s .04s cubic-bezier(.2, .9, .25, 1) both !important;
  overflow: hidden !important;
}

html body.source-mobile-skin.page-order .status-popup.good::before,
html body.source-mobile-skin.page-order .status-popup.good .status-icon::before,
html body.source-mobile-skin.page-order .status-popup.good .status-icon::after,
html body.source-mobile-skin.page-order .status-popup.good .popup-ok::after {
  display: none !important;
}

html body.source-mobile-skin.page-order .status-popup.good .status-check {
  width: 48px !important;
  height: 48px !important;
  overflow: visible !important;
}

html body.source-mobile-skin.page-order .status-popup.good h2 {
  font-size: 27px !important;
  line-height: 33px !important;
  letter-spacing: -.04em !important;
}

html body.source-mobile-skin.page-order .status-popup.good p {
  max-width: 270px !important;
  color: #6b7280 !important;
  font-size: 15px !important;
  line-height: 22px !important;
}

html body.source-mobile-skin.page-order .status-popup.good .popup-ok {
  height: 54px !important;
  margin-top: 26px !important;
  border-radius: 14px !important;
  background: linear-gradient(90deg, #0b7f16 0%, #16a34a 100%) !important;
  box-shadow: none !important;
  transition: transform .14s ease, filter .14s ease !important;
}

html body.source-mobile-skin.page-order .status-popup.good .popup-ok:active {
  transform: scale(.985) !important;
  filter: brightness(.98) !important;
}

html body.source-mobile-skin.page-order #statusModal {
  background: rgba(11, 127, 22, .52) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

@media (max-width: 340px) {
  html body.source-mobile-skin.page-order .status-popup.good {
    max-width: 300px !important;
    padding: 28px 18px 18px !important;
    border-radius: 22px !important;
  }

  html body.source-mobile-skin.page-order .status-popup.good .status-icon {
    width: 76px !important;
    height: 76px !important;
    margin-bottom: 18px !important;
  }

  html body.source-mobile-skin.page-order .status-popup.good .status-check {
    width: 44px !important;
    height: 44px !important;
  }

  html body.source-mobile-skin.page-order .status-popup.good h2 {
    font-size: 23px !important;
    line-height: 29px !important;
  }

  html body.source-mobile-skin.page-order .status-popup.good p {
    font-size: 13px !important;
    line-height: 20px !important;
  }

  html body.source-mobile-skin.page-order .status-popup.good .popup-ok {
    height: 50px !important;
    margin-top: 22px !important;
    font-size: 16px !important;
  }
}

/* Deposit page final override: must stay after every shared route rule. */
html body.source-mobile-skin.page-deposit.page-deposit,
html body.source-mobile-skin.page-deposit.page-deposit .app,
html body.source-mobile-skin.page-deposit.page-deposit .app-shell {
  max-width: 573px !important;
  height: 100dvh !important;
  min-height: 100dvh !important;
  padding-bottom: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-page-head,
html body.source-mobile-skin.page-deposit.page-deposit .source-page-head.topbar.shell-topbar,
html body.source-mobile-skin.page-deposit.page-deposit .shell-topbar,
html body.source-mobile-skin.page-deposit.page-deposit .topbar.shell-topbar,
html body.source-mobile-skin.page-deposit.page-deposit .bottom-nav,
html body.source-mobile-skin.page-deposit.page-deposit .nav-dock {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-page {
  height: 100dvh !important;
  min-height: 100dvh !important;
  padding: 0 clamp(17px, 4.2vw, 30px) calc(18px + env(safe-area-inset-bottom, 0px)) !important;
  overflow: hidden !important;
  background: #fff !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney {
  height: 100% !important;
  min-height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  padding-top: calc(38px + env(safe-area-inset-top, 0px)) !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-head {
  display: grid !important;
  grid-template-columns: clamp(52px, 12vw, 70px) minmax(0, 1fr) clamp(52px, 12vw, 70px) !important;
  gap: clamp(11px, 3.6vw, 22px) !important;
  align-items: center !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-icon,
html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-close {
  width: clamp(50px, 12vw, 64px) !important;
  height: clamp(50px, 12vw, 64px) !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-title h1 {
  font-size: clamp(27px, 6.5vw, 36px) !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-title p {
  font-size: clamp(15px, 3.8vw, 21px) !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-balance {
  margin-top: clamp(24px, 4.8dvh, 44px) !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-amount-block {
  margin-top: clamp(48px, 8.5dvh, 98px) !important;
  min-height: 0 !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-amount {
  font-size: clamp(56px, 13vw, 78px) !important;
  margin-top: clamp(15px, 2.8dvh, 25px) !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-min {
  margin-top: clamp(16px, 3dvh, 28px) !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-presets .quick-amount {
  height: clamp(48px, 9vw, 58px) !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-keypad {
  margin-top: clamp(16px, 3dvh, 30px) !important;
  row-gap: clamp(12px, 2.5dvh, 26px) !important;
  column-gap: clamp(18px, 6vw, 72px) !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-keypad button {
  height: clamp(38px, 7vw, 52px) !important;
  font-size: clamp(30px, 7.4vw, 40px) !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-submit {
  height: clamp(58px, 11vw, 68px) !important;
  margin-top: clamp(16px, 3dvh, 26px) !important;
}

@media (min-height: 820px) {
  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney {
    padding-top: calc(46px + env(safe-area-inset-top, 0px)) !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-balance {
    margin-top: 42px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-amount-block {
    margin-top: 108px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-keypad {
    margin-top: 34px !important;
    row-gap: 34px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-submit {
    margin-top: 32px !important;
  }
}
/* Tail deposit 260px safeguard. */
@media (max-width: 320px) {
  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-page {
    padding-inline: 14px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-head {
    grid-template-columns: 40px minmax(0, 1fr) 40px !important;
    gap: 7px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-icon,
  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-close {
    width: 40px !important;
    height: 40px !important;
    border-radius: 15px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-close {
    border-radius: 50% !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-title h1 {
    font-size: 22px !important;
    line-height: 1 !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-title p {
    margin-top: 5px !important;
    font-size: 12px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-balance {
    gap: 9px !important;
    font-size: 15px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-balance svg {
    width: 24px !important;
    height: 24px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-balance b {
    margin-left: 2px !important;
    font-size: 17px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-min.minimum-pill {
    font-size: 13px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-presets {
    gap: 7px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-presets .quick-amount {
    font-size: 13px !important;
  }
}
/* Place Bid success popup: dark Android-style receipt. */
html body.source-mobile-skin.page-order #statusModal.success-mode,
html body.source-mobile-skin.page-order #statusModal:has(.status-popup.good.has-details) {
  padding: 14px !important;
  background: rgba(0, 0, 0, .72) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.source-mobile-skin.page-order .status-popup.good.has-details {
  position: relative !important;
  width: 100% !important;
  max-width: 360px !important;
  padding: 0 28px 28px !important;
  border: 0 !important;
  border-radius: 28px !important;
  background: #2b2b28 !important;
  color: #fff !important;
  text-align: center !important;
  box-shadow: 0 28px 72px rgba(0, 0, 0, .38) !important;
  overflow: hidden !important;
  animation: placeBidCardIn .24s cubic-bezier(.16, 1, .3, 1) both !important;
}

html body.source-mobile-skin.page-order .status-popup.good.has-details::before {
  content: "" !important;
  display: block !important;
  height: 168px !important;
  margin: 0 -28px !important;
  background:
    radial-gradient(circle at 8% 17%, #0b7f16 0 4px, transparent 5px),
    radial-gradient(circle at 91% 29%, #0b7f16 0 3.5px, transparent 4.5px),
    radial-gradient(circle at 13% 82%, #0b7f16 0 3.8px, transparent 4.8px),
    #0b7f16 !important;
  border-radius: 28px 28px 0 0 !important;
}

html body.source-mobile-skin.page-order .status-popup.good.has-details .status-icon {
  position: absolute !important;
  left: 50% !important;
  top: 64px !important;
  z-index: 2 !important;
  width: 96px !important;
  height: 96px !important;
  margin: 0 !important;
  transform: translateX(-50%) !important;
  border-radius: 50% !important;
  background: #16a34a !important;
  color: #fff !important;
  box-shadow: none !important;
  animation: placeBidCheckIn .28s .05s cubic-bezier(.16, 1, .3, 1) both !important;
  overflow: visible !important;
}

html body.source-mobile-skin.page-order .status-popup.good.has-details .status-icon::before,
html body.source-mobile-skin.page-order .status-popup.good.has-details .status-icon::after {
  display: none !important;
}

html body.source-mobile-skin.page-order .status-popup.good.has-details .status-check {
  width: 55px !important;
  height: 55px !important;
}

html body.source-mobile-skin.page-order .status-popup.good.has-details .status-check-path {
  stroke-width: 5.6 !important;
  stroke-dasharray: 68 !important;
  stroke-dashoffset: 68 !important;
  animation: successCheckDraw .46s .26s cubic-bezier(.4, 0, .2, 1) forwards !important;
}

html body.source-mobile-skin.page-order .status-popup.good.has-details h2 {
  margin: 40px 0 0 !important;
  color: #fff !important;
  font: 900 29px/35px "Outfit", system-ui, sans-serif !important;
  letter-spacing: -.04em !important;
  text-transform: none !important;
  animation: placeBidTextIn .24s .08s ease-out both !important;
}

html body.source-mobile-skin.page-order .status-popup.good.has-details p {
  max-width: none !important;
  margin: 18px 0 0 !important;
  color: #cfcfca !important;
  font: 600 20px/26px "Outfit", system-ui, sans-serif !important;
  letter-spacing: -.02em !important;
  animation: placeBidTextIn .24s .12s ease-out both !important;
}

html body.source-mobile-skin.page-order .status-success-details {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin-top: 34px !important;
  animation: placeBidTextIn .24s .16s ease-out both !important;
}

html body.source-mobile-skin.page-order .status-success-details[hidden],
html body.source-mobile-skin.page-order .status-popup:not(.good) .status-success-details {
  display: none !important;
}

html body.source-mobile-skin.page-order .status-success-card {
  min-width: 0 !important;
  min-height: 72px !important;
  padding: 14px 10px !important;
  border-radius: 18px !important;
  background: #181817 !important;
  display: grid !important;
  align-content: center !important;
  gap: 6px !important;
}

html body.source-mobile-skin.page-order .status-success-card span {
  color: #979792 !important;
  font: 800 14px/18px "Outfit", system-ui, sans-serif !important;
  letter-spacing: -.01em !important;
}

html body.source-mobile-skin.page-order .status-success-card b {
  color: #fff !important;
  font: 900 23px/28px "Outfit", system-ui, sans-serif !important;
  letter-spacing: -.04em !important;
}

html body.source-mobile-skin.page-order .status-success-card #statusBidStatus {
  color: #bbf7d0 !important;
}

html body.source-mobile-skin.page-order .status-popup.good.has-details .popup-ok {
  width: 100% !important;
  height: 60px !important;
  margin-top: 34px !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: #16a34a !important;
  color: #fff !important;
  font: 800 21px/26px "Outfit", system-ui, sans-serif !important;
  box-shadow: none !important;
  text-transform: none !important;
  animation: placeBidTextIn .24s .2s ease-out both !important;
  transition: transform .14s ease, filter .14s ease !important;
}

html body.source-mobile-skin.page-order .status-popup.good.has-details .popup-ok::after {
  display: none !important;
}

html body.source-mobile-skin.page-order .status-popup.good.has-details .popup-ok:active {
  transform: scale(.985) !important;
  filter: brightness(.96) !important;
}

@keyframes placeBidCardIn {
  from { opacity: 0; transform: translateY(16px) scale(.965); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes placeBidCheckIn {
  from { opacity: 0; transform: translateX(-50%) scale(.82); }
  to { opacity: 1; transform: translateX(-50%) scale(1); }
}

@keyframes placeBidTextIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 320px) {
  html body.source-mobile-skin.page-order .status-popup.good.has-details {
    max-width: 300px !important;
    padding: 0 22px 22px !important;
    border-radius: 24px !important;
  }

  html body.source-mobile-skin.page-order .status-popup.good.has-details::before {
    height: 148px !important;
    margin: 0 -22px !important;
    border-radius: 24px 24px 0 0 !important;
  }

  html body.source-mobile-skin.page-order .status-popup.good.has-details .status-icon {
    top: 52px !important;
    width: 86px !important;
    height: 86px !important;
  }

  html body.source-mobile-skin.page-order .status-popup.good.has-details h2 {
    margin-top: 32px !important;
    font-size: 25px !important;
    line-height: 31px !important;
  }

  html body.source-mobile-skin.page-order .status-popup.good.has-details p {
    margin-top: 12px !important;
    font-size: 17px !important;
    line-height: 23px !important;
  }

  html body.source-mobile-skin.page-order .status-success-details {
    gap: 10px !important;
    margin-top: 26px !important;
  }

  html body.source-mobile-skin.page-order .status-success-card {
    min-height: 66px !important;
    border-radius: 16px !important;
  }

  html body.source-mobile-skin.page-order .status-success-card b {
    font-size: 20px !important;
    line-height: 25px !important;
  }

  html body.source-mobile-skin.page-order .status-popup.good.has-details .popup-ok {
    height: 54px !important;
    margin-top: 28px !important;
    border-radius: 16px !important;
    font-size: 19px !important;
  }
}

/* Place Bid simple success popup: white app-style card. */
html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) {
  align-items: center !important;
  justify-content: center !important;
  padding: 18px !important;
  background: rgba(11, 127, 22, .58) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) {
  width: 100% !important;
  max-width: 354px !important;
  padding: 50px 22px 24px !important;
  border: 0 !important;
  border-radius: 30px !important;
  background: #fff !important;
  color: #0b7f16 !important;
  text-align: center !important;
  box-shadow: 0 20px 58px rgba(11, 127, 22, .26) !important;
  overflow: hidden !important;
  animation: successCardIn .24s cubic-bezier(.2, .9, .25, 1) both !important;
}

html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details)::before,
html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) .popup-ok::after {
  display: none !important;
}

html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) .status-icon {
  position: relative !important;
  width: 96px !important;
  height: 96px !important;
  margin: 0 auto 42px !important;
  border-radius: 999px !important;
  background: #dcfce7 !important;
  color: #16a34a !important;
  box-shadow: none !important;
  animation: successIconPop .24s .04s cubic-bezier(.2, .9, .25, 1) both !important;
}

html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) .status-check {
  width: 58px !important;
  height: 58px !important;
}

html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) .status-check-path {
  stroke-width: 5.7 !important;
  stroke-dasharray: 68 !important;
  stroke-dashoffset: 68 !important;
  animation: successCheckDraw .48s .24s cubic-bezier(.4, 0, .2, 1) forwards !important;
}

html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) h2 {
  margin: 0 !important;
  color: #080d1c !important;
  font: 900 33px/39px "Outfit", system-ui, sans-serif !important;
  letter-spacing: -.045em !important;
  text-transform: none !important;
}

html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) p {
  max-width: none !important;
  margin: 22px auto 0 !important;
  color: #6d7280 !important;
  font: 800 20px/26px "Outfit", system-ui, sans-serif !important;
  letter-spacing: -.025em !important;
}

html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) .popup-ok {
  width: 100% !important;
  height: 62px !important;
  margin-top: 50px !important;
  border: 0 !important;
  border-radius: 20px !important;
  background: linear-gradient(90deg, #16a34a 0%, #16a34a 100%) !important;
  color: #fff !important;
  font: 900 25px/30px "Outfit", system-ui, sans-serif !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

@media (max-width: 320px) {
  html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) {
    max-width: 292px !important;
    padding: 42px 18px 20px !important;
    border-radius: 26px !important;
  }

  html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) .status-icon {
    width: 78px !important;
    height: 78px !important;
    margin-bottom: 32px !important;
  }

  html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) h2 {
    font-size: 25px !important;
    line-height: 31px !important;
  }

  html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) p {
    margin-top: 15px !important;
    font-size: 15px !important;
    line-height: 21px !important;
  }

  html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) .popup-ok {
    height: 54px !important;
    margin-top: 34px !important;
    border-radius: 16px !important;
    font-size: 20px !important;
  }
}

/* Place Bid success motion polish. */
html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) {
  animation: sourceSuccessBackdropFade .2s ease-out both !important;
}

html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) {
  animation: sourceSuccessPop .42s cubic-bezier(.16, 1, .3, 1) both !important;
  transform-origin: center center !important;
  will-change: transform, opacity !important;
}

html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) .status-icon {
  overflow: visible !important;
  animation: sourceSuccessIconBounce .52s .08s cubic-bezier(.2, 1.35, .28, 1) both !important;
}

html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) .status-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: -14px !important;
  z-index: 0 !important;
  display: block !important;
  border-radius: inherit !important;
  background: rgba(11, 127, 22, .11) !important;
  animation: sourceSuccessRingPulse 1.05s .18s cubic-bezier(.16, 1, .3, 1) both !important;
}

html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) .status-icon::after {
  content: "" !important;
  position: absolute !important;
  inset: 10px !important;
  z-index: 0 !important;
  display: block !important;
  border-radius: inherit !important;
  background: rgba(11, 127, 22, .05) !important;
  animation: sourceSuccessSoftPulse 1.15s .12s ease-out both !important;
}

html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) .status-check {
  position: relative !important;
  z-index: 1 !important;
  transform-origin: center !important;
  animation: sourceSuccessCheckPop .28s .34s ease-out both !important;
}

html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) h2 {
  animation: sourceSuccessTextRise .28s .2s ease-out both !important;
}

html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) p {
  animation: sourceSuccessTextRise .28s .27s ease-out both !important;
}

html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) .popup-ok {
  position: relative !important;
  overflow: hidden !important;
  animation: sourceSuccessButtonRise .3s .34s ease-out both !important;
}

html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) .popup-ok::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: -55% !important;
  width: 42% !important;
  display: block !important;
  transform: skewX(-18deg) !important;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .42), transparent) !important;
  animation: sourceSuccessButtonShine 1.35s .55s ease-out both !important;
  pointer-events: none !important;
}

@keyframes sourceSuccessBackdropFade {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes sourceSuccessPop {
  0% { opacity: 0; transform: translateY(20px) scale(.94); }
  62% { opacity: 1; transform: translateY(-2px) scale(1.018); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes sourceSuccessIconBounce {
  0% { opacity: 0; transform: scale(.72) rotate(-8deg); }
  58% { opacity: 1; transform: scale(1.1) rotate(0deg); }
  100% { opacity: 1; transform: scale(1) rotate(0deg); }
}

@keyframes sourceSuccessRingPulse {
  0% { opacity: .72; transform: scale(.72); }
  72% { opacity: .18; transform: scale(1.28); }
  100% { opacity: 0; transform: scale(1.34); }
}

@keyframes sourceSuccessSoftPulse {
  0% { opacity: .4; transform: scale(.82); }
  62% { opacity: .75; transform: scale(1.08); }
  100% { opacity: 0; transform: scale(1.2); }
}

@keyframes sourceSuccessCheckPop {
  0% { transform: scale(.78); }
  70% { transform: scale(1.08); }
  100% { transform: scale(1); }
}

@keyframes sourceSuccessTextRise {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes sourceSuccessButtonRise {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes sourceSuccessButtonShine {
  0%, 24% { left: -55%; }
  72%, 100% { left: 120%; }
}

/* Keep the success tick visible while it draws. */
html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) .status-icon {
  isolation: isolate !important;
}

html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) .status-icon::before,
html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) .status-icon::after {
  z-index: 0 !important;
  pointer-events: none !important;
}

html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) .status-check {
  position: relative !important;
  z-index: 3 !important;
  display: block !important;
  opacity: 1 !important;
  color: #16a34a !important;
}

html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) .status-check-path {
  opacity: 1 !important;
  fill: none !important;
  stroke: #16a34a !important;
  stroke-width: 5.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  stroke-dasharray: 72 !important;
  stroke-dashoffset: 72 !important;
  vector-effect: non-scaling-stroke !important;
  animation: sourceSuccessTickDraw .5s .14s cubic-bezier(.22, 1, .36, 1) forwards !important;
}

@keyframes sourceSuccessTickDraw {
  from { stroke-dashoffset: 72; }
  to { stroke-dashoffset: 0; }
}

/* Text checkmark fallback: never let the success icon render blank. */
html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) .status-checkmark {
  position: relative !important;
  z-index: 5 !important;
  display: block !important;
  color: #16a34a !important;
  font: 900 58px/1 "Outfit", system-ui, sans-serif !important;
  transform-origin: center !important;
  text-shadow: none !important;
  animation: sourceSuccessCheckmarkPop .48s .12s cubic-bezier(.2, 1.35, .28, 1) both !important;
}

@media (max-width: 320px) {
  html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) .status-checkmark {
    font-size: 48px !important;
  }
}

@keyframes sourceSuccessCheckmarkPop {
  0% {
    opacity: 0;
    transform: scale(.62) rotate(-12deg);
    clip-path: inset(0 100% 0 0);
  }
  48% {
    opacity: 1;
    transform: scale(1.12) rotate(-4deg);
    clip-path: inset(0 0 0 0);
  }
  100% {
    opacity: 1;
    transform: scale(1) rotate(-4deg);
    clip-path: inset(0 0 0 0);
  }
}

/* Celebration success design inspired by the app reference. */
html body.source-mobile-skin.page-order .success-confetti {
  display: none !important;
}

html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) {
  position: relative !important;
  width: min(92vw, 352px) !important;
  max-width: 352px !important;
  min-height: 0 !important;
  padding: 38px 26px 24px !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 50% 22%, rgba(35, 214, 128, .1), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #ffffff 72%, #f0fffb 100%) !important;
  box-shadow: 0 26px 76px rgba(11, 127, 22, .28) !important;
  overflow: hidden !important;
}

html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details)::before {
  content: "" !important;
  position: absolute !important;
  left: -12% !important;
  right: -12% !important;
  bottom: -24px !important;
  height: 74px !important;
  display: block !important;
  background:
    radial-gradient(120% 70% at 18% 45%, rgba(74, 217, 201, .2) 0 42%, transparent 43%),
    radial-gradient(100% 70% at 75% 30%, rgba(25, 199, 143, .14) 0 42%, transparent 43%),
    linear-gradient(180deg, rgba(238, 255, 252, .25), #d9fbf5) !important;
  border-radius: 50% 50% 0 0 / 45% 45% 0 0 !important;
  animation: sourceSuccessWaveFloat 2.9s ease-in-out infinite alternate !important;
  pointer-events: none !important;
}

html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) .success-confetti {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  pointer-events: none !important;
}

html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) .success-confetti span {
  position: absolute !important;
  display: block !important;
  width: 9px !important;
  height: 9px !important;
  border-radius: 999px !important;
  opacity: 0 !important;
  animation: sourceSuccessConfetti .9s cubic-bezier(.16, 1, .3, 1) both !important;
}

html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) .success-confetti span:nth-child(1) { left: 10%; top: 9%; width: 18px !important; height: 8px !important; border-radius: 8px !important; background: #bbf7d0 !important; transform: rotate(24deg); animation-delay: .1s !important; }
html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) .success-confetti span:nth-child(2) { left: 24%; top: 13%; background: #dcfce7 !important; animation-delay: .18s !important; }
html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) .success-confetti span:nth-child(3) { left: 31%; top: 7%; width: 7px !important; height: 7px !important; background: #8dd45c !important; transform: rotate(45deg); animation-delay: .24s !important; }
html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) .success-confetti span:nth-child(4) { right: 29%; top: 10%; width: 15px !important; height: 15px !important; background: #37d671 !important; clip-path: polygon(50% 0, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0 50%, 38% 38%) !important; animation-delay: .12s !important; }
html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) .success-confetti span:nth-child(5) { right: 15%; top: 12%; width: 18px !important; height: 9px !important; border-radius: 9px !important; background: #ff8a62 !important; transform: rotate(-28deg); animation-delay: .22s !important; }
html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) .success-confetti span:nth-child(6) { right: 8%; top: 22%; width: 19px !important; height: 9px !important; border-radius: 9px !important; background: #f05f9a !important; transform: rotate(-12deg); animation-delay: .3s !important; }
html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) .success-confetti span:nth-child(7) { left: 18%; top: 31%; width: 15px !important; height: 15px !important; background: #f6c333 !important; clip-path: polygon(50% 0, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0 50%, 38% 38%) !important; animation-delay: .2s !important; }
html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) .success-confetti span:nth-child(8) { left: 27%; top: 38%; width: 12px !important; height: 12px !important; background: #ffc449 !important; clip-path: polygon(50% 0, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0 50%, 38% 38%) !important; animation-delay: .28s !important; }
html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) .success-confetti span:nth-child(9) { right: 19%; top: 34%; background: #4bd866 !important; animation-delay: .26s !important; }
html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) .success-confetti span:nth-child(10) { right: 10%; top: 28%; background: #42d9cc !important; animation-delay: .34s !important; }
html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) .success-confetti span:nth-child(11) { left: 13%; top: 41%; width: 15px !important; height: 8px !important; border-radius: 8px !important; background: #ff7d78 !important; transform: rotate(-22deg); animation-delay: .36s !important; }
html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) .success-confetti span:nth-child(12) { right: 25%; top: 44%; width: 10px !important; height: 10px !important; background: #2ed760 !important; animation-delay: .4s !important; }

html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) .status-icon {
  position: relative !important;
  z-index: 3 !important;
  width: 104px !important;
  height: 104px !important;
  margin: 0 auto 38px !important;
  border-radius: 999px !important;
  background: linear-gradient(155deg, #35ec83 0%, #0fbf6a 62%, #069851 100%) !important;
  color: #fff !important;
  box-shadow:
    0 18px 36px rgba(13, 173, 92, .34),
    inset 0 -12px 20px rgba(0, 112, 56, .18),
    inset 0 1px 0 rgba(255, 255, 255, .48) !important;
  animation: sourceGreenBadgePop .7s .1s cubic-bezier(.16, 1, .3, 1) both !important;
}

html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) .status-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: -30px !important;
  z-index: -2 !important;
  display: block !important;
  border-radius: inherit !important;
  background: rgba(28, 205, 121, .13) !important;
  animation: sourceGreenHaloPulse 1.9s .24s ease-out infinite !important;
}

html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) .status-icon::after {
  content: "" !important;
  position: absolute !important;
  inset: -14px !important;
  z-index: -1 !important;
  display: block !important;
  border-radius: inherit !important;
  background: rgba(20, 199, 111, .18) !important;
  animation: sourceGreenHaloIn .7s .16s cubic-bezier(.16, 1, .3, 1) both !important;
}

html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) .status-checkmark {
  color: #fff !important;
  font: 900 66px/1 "Outfit", system-ui, sans-serif !important;
  transform: rotate(-4deg) !important;
  text-shadow:
    0 5px 0 rgba(255, 255, 255, .38),
    0 10px 18px rgba(4, 99, 55, .2) !important;
  animation: sourceGreenTickPop .52s .34s cubic-bezier(.2, 1.35, .28, 1) both !important;
}

html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) h2 {
  position: relative !important;
  z-index: 3 !important;
  margin: 0 !important;
  color: #0b7f16 !important;
  font: 900 31px/36px "Outfit", system-ui, sans-serif !important;
  letter-spacing: -.055em !important;
  animation: sourceSuccessHeadlineRise .42s .42s cubic-bezier(.16, 1, .3, 1) both !important;
}

html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) h2 .status-title-green {
  color: #18bd65 !important;
  text-shadow: 0 8px 18px rgba(24, 189, 101, .18) !important;
}

html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) h2::after {
  content: "" !important;
  display: block !important;
  width: 82px !important;
  height: 2px !important;
  margin: 18px auto 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, transparent 0 28%, #71dda2 28% 44%, #1cc96b 44% 56%, #71dda2 56% 72%, transparent 72% 100%) !important;
  animation: sourceSuccessDividerIn .42s .56s ease-out both !important;
}

html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) p {
  position: relative !important;
  z-index: 3 !important;
  max-width: 240px !important;
  margin: 20px auto 0 !important;
  color: #626b80 !important;
  font: 500 18px/25px "Outfit", system-ui, sans-serif !important;
  letter-spacing: -.02em !important;
  animation: sourceSuccessSubtitleRise .42s .62s cubic-bezier(.16, 1, .3, 1) both !important;
}

html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) .popup-ok {
  position: relative !important;
  z-index: 3 !important;
  height: 58px !important;
  margin-top: 28px !important;
  border-radius: 999px !important;
  border: 4px solid #fff !important;
  background: linear-gradient(90deg, #20c9a4 0%, #24cd74 100%) !important;
  color: #fff !important;
  box-shadow: 0 18px 34px rgba(19, 174, 108, .24) !important;
  font: 900 22px/28px "Outfit", system-ui, sans-serif !important;
  text-transform: uppercase !important;
  animation: sourceSuccessOkIn .42s .72s cubic-bezier(.16, 1, .3, 1) both !important;
}

html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) .status-ok-arrow {
  position: absolute !important;
  right: 22px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: rgba(255, 255, 255, .74) !important;
  font: 400 38px/1 "Outfit", system-ui, sans-serif !important;
  animation: sourceSuccessArrowNudge 1.1s .9s ease-in-out infinite !important;
}

@media (max-width: 340px) {
  html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) {
    width: min(92vw, 300px) !important;
    min-height: 0 !important;
    padding: 32px 18px 20px !important;
    border-radius: 24px !important;
  }

  html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) .status-icon {
    width: 86px !important;
    height: 86px !important;
    margin-bottom: 30px !important;
  }

  html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) .status-checkmark {
    font-size: 54px !important;
  }

  html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) h2 {
    font-size: 24px !important;
    line-height: 29px !important;
  }

  html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) p {
    max-width: 206px !important;
    margin-top: 16px !important;
    font-size: 14px !important;
    line-height: 21px !important;
  }

  html body.source-mobile-skin.page-order #statusModal.show:not(.success-mode) .status-popup.good:not(.has-details) .popup-ok {
    height: 50px !important;
    margin-top: 22px !important;
    border-width: 3px !important;
    font-size: 18px !important;
  }
}

@keyframes sourceGreenBadgePop {
  0% { opacity: 0; transform: scale(.58) rotate(-10deg); }
  55% { opacity: 1; transform: scale(1.08) rotate(0deg); }
  100% { opacity: 1; transform: scale(1) rotate(0deg); }
}

@keyframes sourceGreenHaloIn {
  from { opacity: 0; transform: scale(.68); }
  to { opacity: 1; transform: scale(1); }
}

@keyframes sourceGreenHaloPulse {
  0% { opacity: .8; transform: scale(.9); }
  70%, 100% { opacity: 0; transform: scale(1.22); }
}

@keyframes sourceGreenTickPop {
  0% { opacity: 0; transform: scale(.62) rotate(-18deg); }
  55% { opacity: 1; transform: scale(1.14) rotate(-4deg); }
  100% { opacity: 1; transform: scale(1) rotate(-4deg); }
}

@keyframes sourceSuccessHeadlineRise {
  from { opacity: 0; transform: translateY(18px) scale(.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes sourceSuccessDividerIn {
  from { opacity: 0; transform: scaleX(.35); }
  to { opacity: 1; transform: scaleX(1); }
}

@keyframes sourceSuccessSubtitleRise {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes sourceSuccessOkIn {
  from { opacity: 0; transform: translateY(18px) scale(.96); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes sourceSuccessArrowNudge {
  0%, 100% { transform: translate(-2px, -50%); opacity: .62; }
  50% { transform: translate(3px, -50%); opacity: .95; }
}

@keyframes sourceSuccessWaveFloat {
  from { transform: translateX(-10px); }
  to { transform: translateX(10px); }
}

@keyframes sourceSuccessConfetti {
  0% { opacity: 0; transform: translateY(-16px) scale(.55) rotate(-35deg); }
  55% { opacity: 1; transform: translateY(4px) scale(1.08) rotate(12deg); }
  100% { opacity: 1; transform: translateY(0) scale(1) rotate(0deg); }
}

/* Add Money screen final parity override. Keep this at the end. */
html body.source-mobile-skin.page-deposit.page-deposit {
  height: 100dvh !important;
  min-height: 100dvh !important;
  overflow: hidden !important;
  background: #fff !important;
  color: #0b7f16 !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  touch-action: manipulation !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .app,
html body.source-mobile-skin.page-deposit.page-deposit .app-shell {
  width: 100% !important;
  max-width: 573px !important;
  height: 100dvh !important;
  min-height: 100dvh !important;
  overflow: hidden !important;
  background: #fff !important;
  padding-bottom: 0 !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-page-head,
html body.source-mobile-skin.page-deposit.page-deposit .shell-topbar,
html body.source-mobile-skin.page-deposit.page-deposit .topbar.shell-topbar,
html body.source-mobile-skin.page-deposit.page-deposit .bottom-nav,
html body.source-mobile-skin.page-deposit.page-deposit .nav-dock,
html body.source-mobile-skin.page-deposit.page-deposit .method-detail,
html body.source-mobile-skin.page-deposit.page-deposit .notice-card {
  display: none !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-page {
  position: relative !important;
  width: 100% !important;
  height: 100dvh !important;
  min-height: 100dvh !important;
  overflow: hidden !important;
  padding: 0 clamp(18px, 4.3vw, 30px) calc(16px + env(safe-area-inset-bottom, 0px)) !important;
  background: #fff !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-page::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 5 !important;
  height: 4px !important;
  background: linear-gradient(90deg, #16a34a 0%, #16a34a 57%, #ef4c95 100%) !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney {
  height: 100% !important;
  min-height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  padding-top: calc(48px + env(safe-area-inset-top, 0px)) !important;
  background: #fff !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-head {
  display: grid !important;
  grid-template-columns: clamp(60px, 13vw, 74px) minmax(0, 1fr) clamp(56px, 12vw, 70px) !important;
  gap: clamp(14px, 4vw, 24px) !important;
  align-items: center !important;
  animation: sourceAddMoneyHeaderIn .46s cubic-bezier(.16, 1, .3, 1) both !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-icon,
html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-close {
  width: clamp(58px, 13vw, 74px) !important;
  height: clamp(58px, 13vw, 74px) !important;
  border: 0 !important;
  display: grid !important;
  place-items: center !important;
  box-shadow: none !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-icon {
  border-radius: clamp(18px, 4.2vw, 22px) !important;
  color: #16a34a !important;
  background: #eaf1ff !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-icon svg {
  width: clamp(29px, 7vw, 36px) !important;
  height: clamp(29px, 7vw, 36px) !important;
  stroke-width: 2.8px !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-title h1 {
  margin: 0 !important;
  color: #0b7f16 !important;
  font: 900 clamp(32px, 7.2vw, 44px)/.95 "Outfit", system-ui, sans-serif !important;
  letter-spacing: -.055em !important;
  white-space: nowrap !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-title p {
  margin: 8px 0 0 !important;
  color: #8b93a1 !important;
  font: 700 clamp(16px, 4vw, 24px)/1.1 "Outfit", system-ui, sans-serif !important;
  letter-spacing: -.025em !important;
  white-space: nowrap !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-close {
  justify-self: end !important;
  border-radius: 999px !important;
  color: #6b7280 !important;
  background: #f4f5f7 !important;
  cursor: pointer !important;
  transition: transform .14s cubic-bezier(.2, 1, .3, 1), background .18s ease !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-close svg {
  width: clamp(28px, 6.2vw, 34px) !important;
  height: clamp(28px, 6.2vw, 34px) !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-close:active {
  transform: scale(.92) !important;
  background: #eceff4 !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-balance {
  margin-top: clamp(34px, 5.6dvh, 58px) !important;
  display: flex !important;
  align-items: center !important;
  gap: clamp(12px, 3vw, 16px) !important;
  color: #8f98a7 !important;
  font: 600 clamp(18px, 4.55vw, 27px)/1 "Outfit", system-ui, sans-serif !important;
  letter-spacing: -.025em !important;
  animation: sourceAddMoneyRise .42s .07s cubic-bezier(.16, 1, .3, 1) both !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-balance svg {
  width: clamp(27px, 6vw, 32px) !important;
  height: clamp(27px, 6vw, 32px) !important;
  color: #9ba4b0 !important;
  flex: 0 0 auto !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-balance b {
  margin-left: clamp(4px, 1vw, 7px) !important;
  color: #131820 !important;
  font: 900 clamp(19px, 4.9vw, 29px)/1 "Outfit", system-ui, sans-serif !important;
  letter-spacing: -.035em !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-main {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-amount-block {
  margin-top: clamp(76px, 13.2dvh, 138px) !important;
  text-align: center !important;
  animation: sourceAddMoneyAmountIn .46s .13s cubic-bezier(.16, 1, .3, 1) both !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-eyebrow {
  color: #b0b7c2 !important;
  font: 900 clamp(14px, 3.25vw, 22px)/1 "Outfit", system-ui, sans-serif !important;
  letter-spacing: .34em !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-amount {
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: clamp(18px, 3.2dvh, 28px) auto 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #c4cad3 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font: 900 clamp(59px, 15vw, 88px)/.86 "Outfit", system-ui, sans-serif !important;
  letter-spacing: -.07em !important;
  cursor: default !important;
  outline: none !important;
  transition: color .18s ease, transform .16s cubic-bezier(.2, 1, .3, 1) !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-amount.has-value {
  color: #151a23 !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-amount.is-pulsing {
  animation: sourceAddMoneyAmountPop .24s cubic-bezier(.2, 1.45, .32, 1) both !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-rupee {
  margin-right: 5px !important;
  color: currentColor !important;
  font-size: .72em !important;
  letter-spacing: -.08em !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-caret {
  width: 3px !important;
  height: .86em !important;
  margin-left: clamp(6px, 1.45vw, 10px) !important;
  border-radius: 999px !important;
  background: #16a34a !important;
  animation: sourceDepositCaret 1s steps(2, start) infinite !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .deposit-native-amount {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  caret-color: transparent !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-min.minimum-pill,
html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-min {
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  margin-top: clamp(20px, 3.9dvh, 34px) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #9ba2ad !important;
  box-shadow: none !important;
  font: 800 clamp(18px, 4.3vw, 27px)/1.18 "Outfit", system-ui, sans-serif !important;
  letter-spacing: -.035em !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-message {
  min-height: 22px !important;
  margin-top: 10px !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-message .bad-msg,
html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-message .good-msg {
  display: inline-flex !important;
  margin: 0 !important;
  padding: 6px 11px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #dcfce7 !important;
  color: #16a34a !important;
  font: 800 12px/1.2 "Outfit", system-ui, sans-serif !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-presets {
  width: 100% !important;
  margin-top: auto !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(8px, 2.35vw, 18px) !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-presets .quick-amount {
  width: 100% !important;
  height: clamp(50px, 10vw, 70px) !important;
  min-height: 0 !important;
  padding: 0 5px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #f0f1f4 !important;
  color: #4e5663 !important;
  box-shadow: none !important;
  font: 900 clamp(15px, 3.7vw, 24px)/1 "Outfit", system-ui, sans-serif !important;
  letter-spacing: -.045em !important;
  animation: sourceAddMoneyChipIn .38s cubic-bezier(.16, 1, .3, 1) both !important;
  transition: transform .13s ease, background .16s ease, color .16s ease, box-shadow .16s ease !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-presets .quick-amount:nth-child(1) { animation-delay: .18s !important; }
html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-presets .quick-amount:nth-child(2) { animation-delay: .22s !important; }
html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-presets .quick-amount:nth-child(3) { animation-delay: .26s !important; }
html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-presets .quick-amount:nth-child(4) { animation-delay: .3s !important; }

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-presets .quick-amount.is-selected {
  background: #dcfce7 !important;
  color: #16a34a !important;
  box-shadow: inset 0 0 0 1px rgba(11, 127, 22, .1) !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-presets .quick-amount:active {
  transform: scale(.95) !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-keypad {
  margin-top: clamp(22px, 4.6dvh, 46px) !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  row-gap: clamp(22px, 4.55dvh, 46px) !important;
  column-gap: clamp(20px, 7vw, 84px) !important;
  align-items: center !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-keypad button {
  width: 100% !important;
  height: clamp(39px, 8.3vw, 64px) !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: transparent !important;
  color: #12161d !important;
  box-shadow: none !important;
  font: 500 clamp(31px, 8.2vw, 48px)/1 "Outfit", system-ui, sans-serif !important;
  letter-spacing: -.025em !important;
  animation: sourceAddMoneyKeyIn .32s cubic-bezier(.16, 1, .3, 1) both !important;
  transition: transform .1s ease, background .12s ease, color .12s ease !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-keypad button:nth-child(1) { animation-delay: .24s !important; }
html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-keypad button:nth-child(2) { animation-delay: .27s !important; }
html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-keypad button:nth-child(3) { animation-delay: .3s !important; }
html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-keypad button:nth-child(4) { animation-delay: .33s !important; }
html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-keypad button:nth-child(5) { animation-delay: .36s !important; }
html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-keypad button:nth-child(6) { animation-delay: .39s !important; }
html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-keypad button:nth-child(7) { animation-delay: .42s !important; }
html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-keypad button:nth-child(8) { animation-delay: .45s !important; }
html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-keypad button:nth-child(9) { animation-delay: .48s !important; }
html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-keypad button:nth-child(10) { animation-delay: .51s !important; }
html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-keypad button:nth-child(11) { animation-delay: .54s !important; }
html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-keypad button:nth-child(12) { animation-delay: .57s !important; }

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-keypad button:active,
html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-keypad button.is-pressed {
  transform: scale(.86) !important;
  background: #f5f7fb !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-keypad .source-addmoney-muted,
html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-keypad .source-addmoney-back {
  color: #9ba3af !important;
  font-weight: 800 !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-keypad .source-addmoney-back svg {
  width: clamp(32px, 7vw, 44px) !important;
  height: clamp(32px, 7vw, 44px) !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-submit {
  width: 100% !important;
  height: clamp(62px, 12.4vw, 82px) !important;
  min-height: 0 !important;
  margin-top: clamp(22px, 4.3dvh, 42px) !important;
  border: 0 !important;
  border-radius: clamp(22px, 5vw, 30px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  background: #eceff4 !important;
  color: #b4bac4 !important;
  box-shadow: none !important;
  font: 900 clamp(22px, 5vw, 32px)/1 "Outfit", system-ui, sans-serif !important;
  letter-spacing: -.04em !important;
  animation: sourceAddMoneyButtonIn .42s .56s cubic-bezier(.16, 1, .3, 1) both !important;
  transition: transform .14s ease, box-shadow .18s ease, background .18s ease, color .18s ease !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-submit.is-ready {
  background: #16a34a !important;
  color: #fff !important;
  box-shadow: 0 14px 28px rgba(11, 127, 22, .22) !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-submit.is-loading {
  background: linear-gradient(90deg, #16a34a 0%, #16a34a 100%) !important;
  color: #fff !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-submit.is-ready:active {
  transform: scale(.985) !important;
}

@media (max-width: 320px) {
  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-page {
    padding-inline: 14px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney {
    padding-top: calc(30px + env(safe-area-inset-top, 0px)) !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-head {
    grid-template-columns: 46px minmax(0, 1fr) 46px !important;
    gap: 9px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-icon,
  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-close {
    width: 44px !important;
    height: 44px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-title h1 {
    font-size: 23px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-title p {
    margin-top: 5px !important;
    font-size: 12px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-balance {
    margin-top: 22px !important;
    gap: 9px !important;
    font-size: 15px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-amount-block {
    margin-top: 38px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-amount {
    font-size: 48px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-min {
    margin-top: 13px !important;
    font-size: 13px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-presets {
    gap: 6px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-presets .quick-amount {
    height: 38px !important;
    font-size: 12px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-keypad {
    margin-top: 13px !important;
    row-gap: 10px !important;
    column-gap: 13px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-keypad button {
    height: 34px !important;
    font-size: 26px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-submit {
    height: 46px !important;
    margin-top: 8px !important;
    border-radius: 18px !important;
    font-size: 18px !important;
  }
}

@media (max-height: 760px) and (min-width: 321px) {
  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney {
    padding-top: calc(30px + env(safe-area-inset-top, 0px)) !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-balance {
    margin-top: 24px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-amount-block {
    margin-top: 46px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-min {
    margin-top: 15px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-keypad {
    margin-top: 18px !important;
    row-gap: 17px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-submit {
    margin-top: 17px !important;
  }
}

@keyframes sourceAddMoneyHeaderIn {
  from { opacity: 0; transform: translateY(-14px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes sourceAddMoneyRise {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes sourceAddMoneyAmountIn {
  from { opacity: 0; transform: translateY(18px) scale(.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes sourceAddMoneyAmountPop {
  0% { transform: scale(.96); }
  58% { transform: scale(1.035); }
  100% { transform: scale(1); }
}

@keyframes sourceAddMoneyChipIn {
  from { opacity: 0; transform: translateY(14px) scale(.96); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes sourceAddMoneyKeyIn {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes sourceAddMoneyButtonIn {
  from { opacity: 0; transform: translateY(18px) scale(.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

/* Source Add Money exact mobile geometry. Must remain last. */
html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-page {
  padding: 0 clamp(14px, 5.5vw, 32px) calc(12px + env(safe-area-inset-bottom, 0px)) !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney {
  padding-top: 0 !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-head {
  height: 74px !important;
  grid-template-columns: 36px minmax(0, 1fr) 36px !important;
  gap: clamp(12px, 5.65vw, 24px) !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-icon,
html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-close {
  width: 36px !important;
  height: 36px !important;
  flex: 0 0 36px !important;
  margin-top: 12px !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-title {
  margin-top: 12px !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-icon {
  border-radius: 12px !important;
  background: #dcfce7 !important;
  color: #0b7f16 !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-icon svg {
  width: 23px !important;
  height: 23px !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-close {
  border-radius: 50% !important;
  background: #f4f5f7 !important;
  color: #14161a !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-close svg {
  width: 23px !important;
  height: 23px !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-title h1 {
  font-size: 20px !important;
  line-height: 22px !important;
  font-weight: 800 !important;
  letter-spacing: -.035em !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-title p {
  margin-top: 2px !important;
  color: #8a9099 !important;
  font-size: 11.5px !important;
  line-height: 17px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-balance {
  height: 30.3px !important;
  margin-top: 0 !important;
  gap: 8px !important;
  color: #8a9099 !important;
  font-size: 13.5px !important;
  line-height: 20px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-balance svg {
  width: 18px !important;
  height: 18px !important;
  color: #9aa2ad !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-balance b {
  margin-left: 4px !important;
  color: #14161a !important;
  font-size: 13.5px !important;
  line-height: 20px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-amount-block {
  height: 285.3px !important;
  min-height: 285.3px !important;
  margin-top: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-eyebrow {
  color: #b4b9c0 !important;
  font-size: 11px !important;
  line-height: 16.5px !important;
  font-weight: 700 !important;
  letter-spacing: .34em !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-amount {
  margin-top: 12px !important;
  color: #c7ccd2 !important;
  font-size: 43px !important;
  line-height: 43px !important;
  font-weight: 700 !important;
  letter-spacing: -.04em !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-amount.has-value {
  color: #14161a !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-rupee {
  margin-right: 8px !important;
  font-size: .82em !important;
  color: currentColor !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-caret {
  width: 2px !important;
  height: 40px !important;
  margin-left: 8px !important;
  background: #0b7f16 !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-min.minimum-pill,
html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-min {
  margin-top: 14px !important;
  color: #9aa0a8 !important;
  font-size: 13.5px !important;
  line-height: 20px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-message {
  min-height: 0 !important;
  margin-top: 0 !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-presets {
  height: 53.5px !important;
  margin-top: 0 !important;
  padding-top: 4px !important;
  gap: 8px !important;
  align-items: start !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-presets .quick-amount {
  height: 37.5px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  background: #f4f5f7 !important;
  color: #4b5159 !important;
  font-size: 13px !important;
  line-height: 37.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-presets .quick-amount.is-selected {
  background: #dcfce7 !important;
  color: #0b7f16 !important;
  box-shadow: none !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-keypad {
  margin-top: 0 !important;
  row-gap: 6px !important;
  column-gap: 6px !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-keypad button {
  height: 58px !important;
  border-radius: 14px !important;
  color: #14161a !important;
  font-size: 24px !important;
  line-height: 1 !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-keypad .source-addmoney-muted,
html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-keypad .source-addmoney-back {
  color: #9aa0a8 !important;
  font-size: 17px !important;
  font-weight: 700 !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-keypad .source-addmoney-back svg {
  width: 26px !important;
  height: 26px !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-keypad .source-addmoney-back:disabled {
  opacity: 1 !important;
  color: #c7ccd2 !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-submit {
  height: 58px !important;
  margin-top: 14px !important;
  border-radius: 16px !important;
  background: #eef0f3 !important;
  color: #b4b9c0 !important;
  font-size: 16px !important;
  line-height: 58px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-submit.is-ready {
  background: #0b7f16 !important;
  color: #fff !important;
  box-shadow: none !important;
}

@media (max-width: 300px) {
  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-page {
    padding-inline: 12px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-head {
    gap: 10px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-title h1 {
    font-size: 18px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-title p {
    font-size: 10.5px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-amount-block {
    height: 275px !important;
    min-height: 275px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-keypad button {
    height: 54px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-submit {
    height: 54px !important;
    margin-top: 10px !important;
    line-height: 54px !important;
  }
}

/* Add Money under-minimum warning: source screen red state. */
html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-amount.is-under-min {
  color: #f23f48 !important;
  animation: sourceAddMoneyWarnAmount .28s cubic-bezier(.2, 1.4, .32, 1) both !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-amount.is-under-min .source-addmoney-caret {
  background: #0b7f16 !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-min.is-error {
  color: #ef4444 !important;
  font-weight: 500 !important;
  animation: sourceAddMoneyWarnText .24s cubic-bezier(.16, 1, .3, 1) both !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-submit.is-disabled {
  background: #eef0f3 !important;
  color: #b4b9c0 !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-submit.is-loading {
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  line-height: 1 !important;
  background: linear-gradient(96deg, #0b7f16 0%, #16a34a 45%, #16a34a 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 26px rgba(11, 127, 22, .24) !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-submit.is-loading::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(110deg, transparent 0%, transparent 34%, rgba(255, 255, 255, .24) 50%, transparent 68%, transparent 100%) !important;
  transform: translateX(-130%) !important;
  animation: sourceAddMoneyProcessingSweep 1.05s cubic-bezier(.16, 1, .3, 1) infinite !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-submit.is-loading span {
  position: relative !important;
  z-index: 1 !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-processing-label {
  letter-spacing: .01em !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-processing-dots {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  transform: translateY(2px) !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-processing-dots i {
  width: 5px !important;
  height: 5px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .92) !important;
  display: block !important;
  animation: sourceAddMoneyProcessingDots .78s ease-in-out infinite !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-processing-dots i:nth-child(2) {
  animation-delay: .12s !important;
}

html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-processing-dots i:nth-child(3) {
  animation-delay: .24s !important;
}

@keyframes sourceAddMoneyWarnAmount {
  0% { transform: translateX(0) scale(1); }
  35% { transform: translateX(-2px) scale(1.015); }
  70% { transform: translateX(2px) scale(1.01); }
  100% { transform: translateX(0) scale(1); }
}

@keyframes sourceAddMoneyWarnText {
  from { opacity: .72; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes sourceAddMoneyProcessingSweep {
  to { transform: translateX(130%); }
}

@keyframes sourceAddMoneyProcessingDots {
  0%, 100% { opacity: .4; transform: translateY(0) scale(.72); }
  50% { opacity: 1; transform: translateY(-3px) scale(1); }
}

/* Add Money short Android viewport guard: keep the custom keypad fully visible. */
@media (max-height: 760px) {
  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-head {
    height: 64px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-icon,
  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-close {
    margin-top: 8px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-title {
    margin-top: 8px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-balance {
    height: 26px !important;
    margin-top: 0 !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-amount-block {
    height: 205px !important;
    min-height: 205px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-amount {
    margin-top: 9px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-min.minimum-pill,
  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-min {
    margin-top: 10px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-presets {
    height: 46px !important;
    padding-top: 2px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-presets .quick-amount {
    height: 34px !important;
    line-height: 34px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-keypad {
    row-gap: 4px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-keypad button {
    height: 48px !important;
  }

  html body.source-mobile-skin.page-deposit.page-deposit .source-addmoney-submit {
    height: 52px !important;
    margin-top: 8px !important;
    line-height: 52px !important;
  }
}

/* Wallet card final guard: keep quota visible after bottom nav reloads theme. */
html body.source-mobile-skin.page-funds .source-wallet.source-wallet-v2 .wallet-card,
html body.source-mobile-skin.page-wallet .source-wallet.source-wallet-v2 .wallet-card {
  height: auto !important;
  min-height: 272px !important;
  padding: 18px 16px 18px !important;
}

html body.source-mobile-skin.page-funds .source-wallet.source-wallet-v2 .wallet-help,
html body.source-mobile-skin.page-wallet .source-wallet.source-wallet-v2 .wallet-help {
  pointer-events: none !important;
  cursor: default !important;
}

html body.source-mobile-skin.page-funds .source-wallet.source-wallet-v2 .wallet-quota,
html body.source-mobile-skin.page-wallet .source-wallet.source-wallet-v2 .wallet-quota {
  margin-top: 13px !important;
}

html body.source-mobile-skin.page-funds .source-wallet.source-wallet-v2 .wallet-action.withdraw svg,
html body.source-mobile-skin.page-wallet .source-wallet.source-wallet-v2 .wallet-action.withdraw svg {
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
}

html body.source-mobile-skin.page-home .source-starline-tile {
  border-color: #fecaca !important;
  background: #fff !important;
}

html body.source-mobile-skin.page-home .source-starline-tile b {
  color: #dc2626 !important;
}

html body.source-mobile-skin.page-home .source-starline-art {
  inset: 9% 8% 35% !important;
  color: #ef4444 !important;
}

html body.source-mobile-skin.page-home .source-starline-art svg {
  width: 83% !important;
  height: 83% !important;
  filter: none !important;
}

html body.source-mobile-skin.page-home .source-starline-art .withdrawal-drawable-icon {
  width: 70% !important;
  height: 100% !important;
  display: block !important;
  object-fit: contain !important;
  filter: none !important;
  pointer-events: none !important;
}

@media (max-width: 340px) {
  html body.source-mobile-skin.page-home .source-starline-art .withdrawal-drawable-icon {
    width: 62% !important;
  }
}

/* Brand names are real text, not generated SVG/images, so admin name changes are instant. */
html body.source-mobile-skin .source-brand-text,
html body.source-mobile-skin .source-drawer-logo,
html body.source-mobile-skin .source-game-brand,
html body.source-mobile-skin .gali-brand,
html body.source-mobile-skin .gali-game-brand,
html body.source-mobile-skin .dubai-game-brand {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #0b7f16 !important;
  font-family: "Outfit", "Space Grotesk", system-ui, sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: #0b7f16 !important;
  user-select: none !important;
}

html body.source-mobile-skin.page-home .source-home-logo.source-brand-text {
  color: #0b7f16 !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: #0b7f16 !important;
  text-shadow: none !important;
}

html body.source-mobile-skin.page-home .source-drawer-logo {
  width: auto !important;
  max-width: calc(100% - 48px) !important;
  height: auto !important;
  display: block !important;
  font-size: 24px !important;
}

/* Final home header brand clamp: remove left gap without colliding with wallet. */
html body.source-mobile-skin.page-home .source-home-header,
html body.source-mobile-skin.page-home .home-topbar {
  gap: 0 !important;
}

html body.source-mobile-skin.page-home .source-home-logo.source-brand-text {
  justify-self: start !important;
  width: auto !important;
  max-width: min(178px, 100%) !important;
  margin-left: 0 !important;
}

@media (max-width: 340px) {
  html body.source-mobile-skin.page-home .source-home-logo.source-brand-text {
    max-width: 100% !important;
    font-size: 18px !important;
    margin-left: 0 !important;
  }
}

@media (max-width: 300px) {
  html body.source-mobile-skin.page-home .source-home-header,
  html body.source-mobile-skin.page-home .home-topbar {
    grid-template-columns: 36px minmax(0, 1fr) auto !important;
    gap: 0 !important;
  }

  html body.source-mobile-skin.page-home .source-home-logo.source-brand-text {
    max-width: 100% !important;
    font-size: 16px !important;
  }
}

html body.source-mobile-skin .source-game-brand,
html body.source-mobile-skin .gali-game-brand,
html body.source-mobile-skin .dubai-game-brand {
  width: auto !important;
  max-width: 184px !important;
  height: auto !important;
  display: block !important;
  flex: 0 1 auto !important;
  font-size: 25px !important;
}

html body.source-mobile-skin .gali-brand {
  width: auto !important;
  max-width: 170px !important;
  height: auto !important;
  display: block !important;
  flex: 1 1 auto !important;
  font-size: 24px !important;
}

@media (max-width: 340px) {
  html body.source-mobile-skin.page-home .source-home-logo {
    max-width: 150px !important;
    font-size: 20px !important;
    margin-left: 1px !important;
  }

  html body.source-mobile-skin.page-home .source-drawer-logo {
    font-size: 21px !important;
  }

  html body.source-mobile-skin .source-game-brand,
  html body.source-mobile-skin .gali-game-brand,
  html body.source-mobile-skin .dubai-game-brand {
    max-width: 150px !important;
    font-size: 21px !important;
  }

  html body.source-mobile-skin .gali-brand {
    max-width: 128px !important;
    font-size: 19px !important;
  }
}

@media (min-width: 341px) and (max-width: 393px) {
  html body.source-mobile-skin.page-home .source-starline-art .withdrawal-drawable-icon {
    width: 66% !important;
  }
}

html body.source-mobile-skin.page-funds .source-wallet.source-wallet-v2 .wallet-action.withdraw .withdrawal-drawable-mini,
html body.source-mobile-skin.page-wallet .source-wallet.source-wallet-v2 .wallet-action.withdraw .withdrawal-drawable-mini {
  width: 25px !important;
  height: 22px !important;
  flex: 0 0 25px !important;
  display: block !important;
  object-fit: contain !important;
}

@media (max-width: 340px) {
  html body.source-mobile-skin.page-funds .source-wallet.source-wallet-v2 .wallet-card,
  html body.source-mobile-skin.page-wallet .source-wallet.source-wallet-v2 .wallet-card {
    min-height: 258px !important;
    padding: 16px 14px 16px !important;
  }

  html body.source-mobile-skin.page-funds .source-wallet.source-wallet-v2 .wallet-help,
  html body.source-mobile-skin.page-wallet .source-wallet.source-wallet-v2 .wallet-help {
    font-size: 11px !important;
    padding-inline: 9px !important;
  }
}

/* Home drawer support button: keep icon, text, and arrow from colliding on Android widths. */
html body.source-mobile-skin.page-home .source-drawer-footer {
  padding: 9px 12px 0 !important;
}

html body.source-mobile-skin.page-home .source-drawer-support {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) 16px !important;
  align-items: center !important;
  column-gap: 11px !important;
  min-height: 66px !important;
  padding: 10px 12px !important;
  overflow: hidden !important;
}

html body.source-mobile-skin.page-home .source-drawer-support > .source-drawer-support-icon {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  margin: 0 !important;
  display: grid !important;
  place-items: center !important;
  align-self: center !important;
  justify-self: start !important;
  border-radius: 13px !important;
  overflow: hidden !important;
  color: #ffffff !important;
  background: rgba(255, 255, 255, .22) !important;
}

html body.source-mobile-skin.page-home .source-drawer-support > .source-drawer-support-icon svg {
  width: 23px !important;
  height: 23px !important;
  display: block !important;
}

html body.source-mobile-skin.page-home .source-drawer-support > span:not(.source-drawer-support-icon) {
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  overflow: hidden !important;
  color: #ffffff !important;
}

html body.source-mobile-skin.page-home .source-drawer-support > span:not(.source-drawer-support-icon) > b {
  display: block !important;
  max-width: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #ffffff !important;
  font-size: 14px !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
}

html body.source-mobile-skin.page-home .source-drawer-support > span:not(.source-drawer-support-icon) > span {
  display: block !important;
  max-width: 100% !important;
  margin: 3px 0 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: rgba(255, 255, 255, .88) !important;
  font-size: 11px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
}

html body.source-mobile-skin.page-home .source-drawer-support > .source-drawer-chev {
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  justify-self: end !important;
  color: rgba(255, 255, 255, .72) !important;
}

/* Final Android feel polish: quick nav taps, readable brand titles, and wallet-error popups. */
html body.source-mobile-skin .bottom-nav .nav-item,
html body.source-mobile-skin .bottom-nav .nav-icon-shell,
html body.source-mobile-skin .bottom-nav .nav-home,
html body.source-mobile-skin .bottom-nav .source-home-icon {
  transition-duration: .12s !important;
}

html body.source-mobile-skin .bottom-nav .nav-item.nav-icon-playing .nav-icon-shell::before,
html body.source-mobile-skin .bottom-nav .nav-item.nav-pressing .nav-icon-shell::before,
html body.source-mobile-skin .bottom-nav .nav-center.nav-pressing::before,
html body.source-mobile-skin .bottom-nav .nav-center.nav-home-playing::before {
  animation-duration: .32s !important;
}

html body.source-mobile-skin .source-brand-text,
html body.source-mobile-skin .source-home-logo,
html body.source-mobile-skin .source-game-brand,
html body.source-mobile-skin .gali-brand,
html body.source-mobile-skin .gali-game-brand,
html body.source-mobile-skin .dubai-game-brand {
  max-width: min(198px, calc(100vw - 126px)) !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  font-size: clamp(17px, 6.1vw, 25px) !important;
  letter-spacing: 0 !important;
}

html body.source-mobile-skin.page-home .source-home-logo.source-brand-text,
html body.source-mobile-skin .source-brand-text.source-home-logo,
html body.source-mobile-skin .source-game-brand,
html body.source-mobile-skin .gali-brand,
html body.source-mobile-skin .gali-game-brand,
html body.source-mobile-skin .dubai-game-brand {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

html body.source-mobile-skin .source-page-head .title,
html body.source-mobile-skin .source-page-head b.title,
html body.source-mobile-skin .topbar.shell-topbar .title {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  font-size: clamp(17px, 5.8vw, 25px) !important;
  letter-spacing: 0 !important;
}

html body.source-mobile-skin.page-order .status-popup.wallet-error .status-icon {
  background: #dcfce7 !important;
  color: #0b7f16 !important;
  box-shadow: none !important;
}

html body.source-mobile-skin.page-order .status-popup.wallet-error .status-wallet-icon {
  width: 36px !important;
  height: 36px !important;
  display: block !important;
}

html body.source-mobile-skin.page-order .status-popup.wallet-error .popup-ok {
  background: linear-gradient(90deg, #0b7f16 0%, #16a34a 100%) !important;
}

@media (max-width: 300px) {
  html body.source-mobile-skin.page-home .source-drawer-footer {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  html body.source-mobile-skin.page-home .source-drawer-support {
    grid-template-columns: 32px minmax(0, 1fr) 12px !important;
    column-gap: 8px !important;
    min-height: 54px !important;
    padding: 8px !important;
  }

  html body.source-mobile-skin.page-home .source-drawer-support > .source-drawer-support-icon {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    border-radius: 10px !important;
  }

  html body.source-mobile-skin.page-home .source-drawer-support > .source-drawer-support-icon svg {
    width: 17px !important;
    height: 17px !important;
  }

  html body.source-mobile-skin.page-home .source-drawer-support > span:not(.source-drawer-support-icon) > b {
    font-size: 11.6px !important;
    line-height: 1.06 !important;
  }

  html body.source-mobile-skin.page-home .source-drawer-support > span:not(.source-drawer-support-icon) > span {
    margin-top: 2px !important;
    font-size: 9.5px !important;
    line-height: 1.05 !important;
  }

  html body.source-mobile-skin.page-home .source-drawer-support > .source-drawer-chev {
    width: 12px !important;
    height: 12px !important;
  }
}

html.source-refresh-pulling,
html.source-refresh-pulling body.source-mobile-skin {
  overscroll-behavior-y: contain !important;
}

html body.source-mobile-skin .source-refresh-bubble {
  --source-refresh-y: 0px;
  --source-refresh-scale: .78;
  position: fixed !important;
  z-index: 2147483000 !important;
  top: calc(env(safe-area-inset-top, 0px) + 10px) !important;
  left: 50% !important;
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  max-width: 46px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(11, 127, 22, .78) !important;
  background: rgba(255, 255, 255, .96) !important;
  color: #0b7f16 !important;
  box-shadow: 0 16px 36px rgba(11, 127, 22, .22), 0 3px 10px rgba(11, 127, 22, .08) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translate3d(-50%, calc(-66px + var(--source-refresh-y)), 0) scale(var(--source-refresh-scale)) !important;
  transition: opacity .14s ease, transform .18s cubic-bezier(.2, .82, .2, 1), color .14s ease !important;
  will-change: transform, opacity !important;
}

html body.source-mobile-skin .source-refresh-bubble.is-visible {
  opacity: 1 !important;
}

html body.source-mobile-skin .source-refresh-bubble.is-ready,
html body.source-mobile-skin .source-refresh-bubble.is-refreshing {
  color: #0b7f16 !important;
  border-color: rgba(11, 127, 22, .95) !important;
  box-shadow: 0 18px 42px rgba(11, 127, 22, .24), 0 3px 10px rgba(11, 127, 22, .08) !important;
}

html body.source-mobile-skin .source-refresh-icon {
  width: 24px !important;
  height: 24px !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 24px !important;
}

html body.source-mobile-skin .source-refresh-icon svg {
  width: 24px !important;
  height: 24px !important;
  display: block !important;
}

html body.source-mobile-skin .source-refresh-bubble.is-refreshing .source-refresh-icon {
  animation: source-refresh-spin .72s linear infinite !important;
}

@keyframes source-refresh-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 320px) {
  html body.source-mobile-skin .source-refresh-bubble {
    height: 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
  }
}

/* Final Radha 567 brand color lock. Keep this at EOF so no older blue rule can win. */
html body.source-mobile-skin .source-brand-text,
html body.source-mobile-skin .source-home-logo,
html body.source-mobile-skin .source-drawer-logo,
html body.source-mobile-skin .source-game-brand,
html body.source-mobile-skin .gali-brand,
html body.source-mobile-skin .gali-game-brand,
html body.source-mobile-skin .dubai-game-brand {
  color: #0b7f16 !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: #0b7f16 !important;
  text-shadow: none !important;
}

/* Final Radha 567 back button lock: shared page headers must never render light green. */
html body.source-mobile-skin .source-page-head .back,
html body.source-mobile-skin .source-page-head .shell-back,
html body.source-mobile-skin .source-page-head > a:first-child,
html body.source-mobile-skin .topbar.shell-topbar .back,
html body.source-mobile-skin .topbar.shell-topbar .shell-back,
html body.source-mobile-skin .passbook-back,
html body.source-mobile-skin .notif-back,
html body.source-mobile-skin .source-chart-back,
html body.source-mobile-skin .source-starline-chart-back,
html body.source-mobile-skin .source-charts-back,
html body.source-mobile-skin .starline-bids-back,
html body.source-mobile-skin .bids-back-title,
html body.source-mobile-skin .bids-back-title a {
  color: #0b7f16 !important;
  -webkit-text-fill-color: #0b7f16 !important;
  text-shadow: none !important;
}

html body.source-mobile-skin .source-page-head .back svg,
html body.source-mobile-skin .source-page-head .shell-back svg,
html body.source-mobile-skin .source-page-head > a:first-child svg,
html body.source-mobile-skin .topbar.shell-topbar .back svg,
html body.source-mobile-skin .topbar.shell-topbar .shell-back svg,
html body.source-mobile-skin .passbook-back svg,
html body.source-mobile-skin .notif-back svg,
html body.source-mobile-skin .source-chart-back svg,
html body.source-mobile-skin .source-starline-chart-back svg,
html body.source-mobile-skin .source-charts-back svg,
html body.source-mobile-skin .starline-bids-back svg,
html body.source-mobile-skin .bids-back-title svg {
  color: #0b7f16 !important;
  stroke: #0b7f16 !important;
}

html body.source-mobile-skin .source-page-head .back svg *,
html body.source-mobile-skin .source-page-head .shell-back svg *,
html body.source-mobile-skin .source-page-head > a:first-child svg *,
html body.source-mobile-skin .topbar.shell-topbar .back svg *,
html body.source-mobile-skin .topbar.shell-topbar .shell-back svg *,
html body.source-mobile-skin .passbook-back svg *,
html body.source-mobile-skin .notif-back svg *,
html body.source-mobile-skin .source-chart-back svg *,
html body.source-mobile-skin .source-starline-chart-back svg *,
html body.source-mobile-skin .source-charts-back svg *,
html body.source-mobile-skin .starline-bids-back svg *,
html body.source-mobile-skin .bids-back-title svg * {
  stroke: #0b7f16 !important;
}

/* Final Radha 567 home chart buttons: equal cells, green icons, clean divider. */
html body.source-mobile-skin.page-home .source-chart-row {
  height: 40px !important;
  min-height: 40px !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  overflow: hidden !important;
  border-top: 1px solid #edf0f5 !important;
  background: #ffffff !important;
}

html body.source-mobile-skin.page-home .source-chart-link {
  min-width: 0 !important;
  width: 100% !important;
  height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 0 8px !important;
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  text-decoration: none !important;
  font-family: "Outfit", "Space Grotesk", system-ui, sans-serif !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  background: #ffffff !important;
}

html body.source-mobile-skin.page-home .source-chart-link:first-child {
  border-right: 1px solid #edf0f5 !important;
}

html body.source-mobile-skin.page-home .source-chart-link svg {
  width: 17px !important;
  height: 17px !important;
  flex: 0 0 17px !important;
  display: block !important;
  color: #16a34a !important;
  stroke: #16a34a !important;
}

html body.source-mobile-skin.page-home .source-chart-link svg * {
  stroke: #16a34a !important;
}