/* Account layout */
.accPage { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
.accGrid { display: grid; grid-template-columns: 320px 1fr; gap: 18px; align-items: start; }

/* Force sidebar-left layout on desktop */
@media (min-width: 981px){
  .accGrid{
    display: grid !important;
    grid-template-columns: 320px 1fr !important;
    gap: 18px;
    align-items: start;
  }
  .accSide{ grid-column: 1; }
  .accMain{ grid-column: 2; min-width: 0; }
}

/* Sidebar */
.accSide__panel,
.accSide__invite,
.accMain,
.accTotal,
.miniBox,
.accBlock,
.accTable { border-radius: 14px; }

.accSide__panel { background: var(--ms7-account-panel); border: 1px solid var(--ms7-account-line); box-shadow: var(--ms7-account-shadow); overflow: hidden; }
.accNav { padding: 8px 0; }
.accNav__group { border-top: 1px solid var(--ms7-account-line); padding: 10px 0; }
.accNav__group:first-child { border-top: 0; }

.accNav__title { display: flex; align-items: center; gap: 10px; padding: 10px 14px; font-weight: 800; opacity: .95; }
.accNav__icon { width: 22px; text-align: center; opacity: .95; }
.accNav__chev { margin-left: auto; opacity: .7; }

.accNav__link { display: block; padding: 10px 14px 10px 44px; color: inherit; text-decoration: none; opacity: .9; }
.accNav__link:hover { opacity: 1; background: var(--ms7-account-panel-soft); }
.accNav__link.is-active { background: var(--ms7-account-accent-soft); border-left: 3px solid var(--ms7-account-accent); padding-left: 41px; }

/* Invite card */
.accSide__invite { margin-top: 14px; }
.inviteCard { background: var(--ms7-account-panel); border: 1px solid var(--ms7-account-line); box-shadow: var(--ms7-account-shadow); padding: 14px; }
.inviteCard__title { font-weight: 900; font-size: 18px; margin-bottom: 10px; }
.inviteCard__text { opacity: .75; line-height: 1.45; margin-bottom: 14px; }

.inviteCode { display: flex; gap: 10px; align-items: center; }
.inviteCode__input {
  flex: 1;
  border-radius: 999px;
  border: 1px solid var(--ms7-account-line-strong);
  background: var(--ms7-account-panel);
  color: inherit;
  padding: 10px 14px;
  outline: none;
}
.inviteCode__copy {
  border: 0;
  border-radius: 999px;
  padding: 10px 14px;
  cursor: pointer;
  background: var(--ms7-account-accent);
  color: var(--ms7-account-accent-text);
  font-weight: 800;
}

/* Main content */
.accMain { background: var(--ms7-account-panel-soft); border: 1px solid var(--ms7-account-line); box-shadow: var(--ms7-account-shadow); padding: 14px; }

.accTop { display: grid; grid-template-columns: 1.4fr .9fr; gap: 14px; align-items: stretch; }

.accTotal {
  background: var(--ms7-account-accent-wash);
  border: 1px solid var(--ms7-account-panel-hover);
  box-shadow: var(--ms7-account-shadow);
  padding: 16px;
  display: flex;
  gap: 14px;
  align-items: center;
  min-height: 112px;
  color: var(--ms7-account-accent-text);
}
.accTotal__badge {
  width: 44px; height: 44px; border-radius: 999px;
  display: grid; place-items: center;
  background: var(--ms7-account-badge-bg);
  font-size: 18px;
}
.accTotal__label { font-size: 12px; opacity: .9; margin-bottom: 6px; }
.accTotal__value { font-size: 34px; font-weight: 1000; letter-spacing: .3px; }

.accMini { display: grid; gap: 10px; }
.miniBox {
  background: var(--ms7-account-panel);
  border: 1px solid var(--ms7-account-line);
  box-shadow: var(--ms7-account-shadow);
  padding: 12px 14px;
}
.miniBox__name { display: flex; align-items: center; gap: 10px; font-weight: 800; opacity: .9; }
.miniBox__val { margin-top: 6px; font-weight: 1000; font-size: 16px; }

.dot { width: 8px; height: 8px; border-radius: 999px; display: inline-block; }
.dot--cash { background: var(--ms7-account-dot-cash); }
.dot--chips { background: var(--ms7-account-dot-chips); }
.dot--bonus { background: var(--ms7-account-dot-bonus); }

.accActions { margin: 14px 0 8px; display: flex; justify-content: flex-end; gap: 10px; }
.accBtn {
  display: inline-flex; align-items: center; gap: 8px;
  text-decoration: none;
  padding: 10px 14px;
  border-radius: 10px;
  background: var(--ms7-account-accent);
  color: var(--ms7-account-accent-text);
  font-weight: 900;
  border: 1px solid var(--ms7-account-panel-hover);
}
.accBtn__ico { width: 18px; text-align: center; }

/* Blocks */
.accBlock { margin-top: 14px; background: var(--ms7-account-panel-soft); border: 1px solid var(--ms7-account-line); box-shadow: var(--ms7-account-shadow); padding: 14px; }
.accBlock__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.accBlock__title { font-weight: 1000; }

.promoRow { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.promoBanner {
  height: 58px;
  border-radius: 12px;
  display: grid; place-items: center;
  text-decoration: none;
  color: white;
  font-weight: 900;
  background: var(--ms7-account-promo-bg);
  border: 1px solid var(--ms7-account-panel-hover);
  box-shadow: var(--ms7-account-shadow);
}

/* Tabs + table */
.accTabs { display: inline-flex; background: var(--ms7-account-panel); border: 1px solid var(--ms7-account-panel-hover); border-radius: 12px; overflow: hidden; }
.accTab { border: 0; background: transparent; color: inherit; padding: 10px 14px; cursor: pointer; opacity: .85; font-weight: 900; }
.accTab.is-active { background: var(--ms7-account-panel-hover); opacity: 1; }

.accTable { overflow: hidden; background: var(--ms7-account-panel-faint); border: 1px solid var(--ms7-account-line); }
.accTable__head { display: grid; grid-template-columns: 1fr 1fr 160px; gap: 10px; padding: 12px 14px; font-weight: 900; background: var(--ms7-account-table-head); }
.accTable__body{
  min-height: 220px;
  padding: 14px;
  display: grid;
  gap: 12px;
  align-content: start;
}
.tRight { text-align: right; }

.accEmpty { text-align: center; opacity: .85; }
.accEmpty__ico { font-size: 28px; margin-bottom: 10px; }
.accEmpty__title { font-weight: 1000; }
.accEmpty__sub { opacity: .7; margin-top: 6px; font-size: 12px; }

/* Responsive */
@media (max-width: 980px) {
  .accGrid { grid-template-columns: 1fr; }
  .accTop { grid-template-columns: 1fr; }
  .promoRow { grid-template-columns: 1fr; }
}

/* =========================
   BONUS RECORD (DESKTOP)
   ========================= */

.accBonusRow{
  display:grid;
  grid-template-columns: 1.2fr 1.6fr 160px;
  gap: 14px;
  align-items:center;

  padding: 12px 12px;
  border-radius: 14px;
  background: var(--ms7-account-inset-soft);
  border: 1px solid var(--ms7-account-line-strong);
}

.accBonusLeft{ min-width: 0; }
.accBonusTitle{
  font-weight: 1100;
  font-size: 13px;
  line-height: 1.25;
  opacity: .98;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.accBonusSub{
  margin-top: 6px;
  font-size: 11px;
  opacity: .75;
}
.accBonusRef{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono","Courier New", monospace;
  font-size: 10px;
  opacity: .85;
}

.accBonusMid{ min-width: 0; }
.accBonusTopLine{
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}

.accBonusNums{
  display:flex;
  align-items: baseline;
  gap: 6px;
  font-weight: 1000;
  font-size: 12px;
  opacity: .92;
  min-width: 0;
}
.accBonusSlash{ opacity: .55; }

.accBonusPct{
  flex: 0 0 auto;
  font-weight: 1100;
  font-size: 12px;
  padding: 4px 10px;
  border-radius: 999px;
  background: var(--ms7-account-accent-soft);
  border: 1px solid var(--ms7-account-accent-line);
}

.accBonusBar{
  height: 12px;
  border-radius: 999px;
  overflow: hidden;
  background: var(--ms7-account-line-strong);
  border: 1px solid var(--ms7-account-line-strong);
}
.accBonusBarFill{
  height: 100%;
  border-radius: 999px;
  background: var(--ms7-account-accent-fill);
  box-shadow: 0 8px 18px var(--ms7-account-accent-soft);
  transition: width .25s ease;
}

.accBonusRight{
  text-align: right;
}
.accBonusBal{
  font-weight: 1200;
  font-size: 13px;
}
.accBonusLabel{
  margin-top: 6px;
  font-size: 11px;
  opacity: .65;
}

.accTabs{
  padding: 4px;
  border-radius: 999px;
}
.accTab{
  border-radius: 999px;
  padding: 8px 12px;
}
.accTab.is-active{
  background: var(--ms7-account-accent-soft);
  border: 1px solid var(--ms7-account-accent-line);
}

/* tab panels */
.is-hidden{ display:none !important; }

/* tighter on smaller desktop */
@media (max-width: 1180px){
  .accBonusRow{ grid-template-columns: 1fr 1.4fr 140px; }
}

/* stack on mobile widths (if desktop table ever shows) */
@media (max-width: 980px){
  .accBonusRow{
    grid-template-columns: 1fr;
    text-align: left;
  }
  .accBonusRight{ text-align: left; }
}

/* Profile top wallet */
.profileTop { background: var(--ms7-account-panel); border: 1px solid var(--ms7-account-line); border-radius: 14px; padding: 12px 14px; box-shadow: var(--ms7-account-shadow); }
.profileTop__title { font-weight: 1000; margin-bottom: 10px; opacity: .95; }

.profileWalletBox { width: 240px; background: var(--ms7-account-inset); border: 1px solid var(--ms7-account-panel-hover); border-radius: 12px; padding: 10px 12px; }
.profileWalletRow { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 4px 0; }
.profileWalletLabel { font-weight: 900; }
.profileWalletVal { font-weight: 1000; color: var(--ms7-account-accent); }
.profileWalletIcon { width: 22px; height: 22px; border-radius: 8px; background: var(--ms7-account-panel); display: grid; place-items: center; opacity: .85; }

/* Profile tabs */
.profileTabs { display: flex; gap: 10px; margin-top: 12px; border-bottom: 1px solid var(--ms7-account-panel-hover); }
.profileTab { border: 0; background: transparent; color: inherit; padding: 10px 12px; cursor: pointer; font-weight: 1000; opacity: .7; }
.profileTab.is-active { opacity: 1; border-bottom: 2px solid var(--ms7-account-accent); }
.warn { margin-left: 6px; opacity: .8; }


/* Tabs as links */
.profileTabs .profileTab{
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* KYC */
.kycCard{
  margin-top: 12px;
  background: var(--ms7-account-panel-soft);
  border: 1px solid var(--ms7-account-line);
  border-radius: 14px;
  box-shadow: var(--ms7-account-shadow);
  padding: 14px;
}

.kycProgress{
  text-align:center;
  padding: 8px 6px 12px;
}

.kycProgress__ring{
  width: 56px;
  height: 56px;
  border-radius: 999px;
  margin: 4px auto 10px;
  border: 6px solid var(--ms7-account-line-strong);
  border-top-color: var(--ms7-account-accent);
  animation: kycSpin 1s linear infinite;
}
@keyframes kycSpin { to { transform: rotate(360deg); } }

.kycProgress__title{
  font-weight: 1100;
  margin-bottom: 6px;
}

.kycProgress__sub{
  opacity: .75;
  font-size: 12px;
  line-height: 1.45;
}

.kycInfo{
  margin-top: 10px;
  display: grid;
  gap: 10px;
}

.kycRow{
  display:grid;
  grid-template-columns: 160px 1fr;
  gap: 12px;
  align-items:center;
}

.kycKey{ opacity: .65; }
.kycVal{ font-weight: 900; }

.kycDot{
  width: 8px; height: 8px;
  border-radius: 999px;
  display:inline-block;
  background: var(--ms7-account-accent);
  margin-right: 8px;
  vertical-align: middle;
}

.kycCancel{
  margin-top: 14px;
  width: 100%;
  border: 0;
  border-radius: 10px;
  padding: 12px 14px;
  cursor: pointer;
  background: var(--ms7-account-danger);
  color: var(--ms7-account-accent-text);
  font-weight: 1100;
}

.kycDangerNote{
  margin-top: 8px;
  font-size: 11px;
  opacity: .7;
  text-align: center;
}

.kycEmpty{
  text-align:center;
  padding: 10px 6px 6px;
}

.kycEmpty__title{ font-weight:1100; }
.kycEmpty__sub{ opacity:.75; font-size:12px; margin-top:6px; }

.kycStart{
  margin-top: 14px;
  width: 100%;
  border: 0;
  border-radius: 10px;
  padding: 12px 14px;
  cursor: pointer;
  background: var(--ms7-account-accent);
  color: var(--ms7-account-accent-text);
  font-weight: 1100;
}

.kycErr{
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  background: var(--ms7-account-danger-soft);
  border: 1px solid var(--ms7-account-danger-line);
  color: var(--ms7-account-primary);
  font-weight: 900;
  font-size: 12px;
}

/* Mobile kyc row stack */
@media (max-width: 980px){
  .kycRow{ grid-template-columns: 1fr; gap: 4px; }
}


/* Profile card */
.profileCard { margin-top: 12px; background: var(--ms7-account-panel-soft); border: 1px solid var(--ms7-account-line); border-radius: 14px; box-shadow: var(--ms7-account-shadow); padding: 14px; }
.profileSection__title { font-weight: 1000; margin-bottom: 10px; }

.profileGrid { display: grid; gap: 10px; }
.profileRow { display: grid; grid-template-columns: 180px 1fr; gap: 12px; align-items: center; padding: 4px 0; }
.profileKey { opacity: .65; }
.profileVal { font-weight: 800; }

.profileDivider { margin: 16px 0; border-top: 1px solid var(--ms7-account-panel-hover); }

.profileAction { color: var(--ms7-account-accent); text-decoration: none; font-weight: 1000; margin-left: 10px; }
.profileAction--edit { opacity: .9; }

.profileSecurity__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.profileSecurity__head .profileSection__title {
  margin-bottom: 0;
}

.profileSecurity__forgot {
  border: 0;
  background: transparent;
  color: var(--ms7-account-accent);
  cursor: pointer;
  font-size: 12px;
  font-weight: 1000;
  padding: 0;
  text-decoration: none;
  white-space: nowrap;
}


/* Profile Modals */
.pModal { position: fixed; inset: 0; display: none; z-index: 9999; }
.pModal.is-open { display: block; }
.pModal__backdrop { position: absolute; inset: 0; background: var(--ms7-account-modal-backdrop); }

.pModal__panel {
  position: relative;
  width: min(560px, calc(100vw - 28px));
  margin: 10vh auto 0;
  background: var(--ms7-account-modal);
  border: 1px solid var(--ms7-account-panel-hover);
  border-radius: 14px;
  box-shadow: var(--ms7-account-shadow-strong);
  padding: 18px;
  color: inherit;
}

.pModal__close {
  position: absolute;
  right: 14px;
  top: 10px;
  border: 0;
  background: transparent;
  color: inherit;
  font-size: 22px;
  cursor: pointer;
  opacity: .8;
}

.pModal__title { font-weight: 1000; font-size: 18px; margin-bottom: 14px; }

.pLabel { display: block; font-weight: 900; margin: 10px 0 8px; opacity: .9; }
.pInput {
  width: 100%;
  border-radius: 10px;
  border: 1px solid var(--ms7-account-line-strong);
  background: var(--ms7-account-panel);
  color: inherit;
  padding: 12px 12px;
  outline: none;
}
.pInput--cc { width: 110px; flex: 0 0 110px; }

.pRow { display: flex; gap: 10px; align-items: center; }
.pSend {
  flex: 0 0 auto;
  border: 1px solid var(--ms7-account-line-strong);
  background: var(--ms7-account-panel-hover);
  color: inherit;
  padding: 10px 14px;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 900;
}

.pSubmit {
  margin-top: 16px;
  width: 100%;
  border: 0;
  border-radius: 10px;
  padding: 12px 14px;
  cursor: pointer;
  background: var(--ms7-account-accent);
  color: var(--ms7-account-accent-text);
  font-weight: 1000;
}


/* Referral */
.refGrid { margin-top: 14px; }
.refCard {
  background: var(--ms7-account-panel-soft);
  border: 1px solid var(--ms7-account-line);
  border-radius: 14px;
  box-shadow: var(--ms7-account-shadow);
  padding: 14px;
}
.refCard__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; align-items: start; }

.refLabel { font-weight: 1000; opacity: .9; margin-bottom: 8px; }
.refInputRow { display: flex; gap: 10px; align-items: center; }
.refInput {
  width: 100%;
  border-radius: 10px;
  border: 1px solid var(--ms7-account-line-strong);
  background: var(--ms7-account-panel);
  color: inherit;
  padding: 12px 12px;
  outline: none;
}
.refCopy {
  width: 44px; height: 44px;
  border-radius: 10px;
  border: 1px solid var(--ms7-account-line-strong);
  background: var(--ms7-account-panel-hover);
  color: inherit;
  cursor: pointer;
  font-weight: 1000;
}

.refCount { display: inline-flex; gap: 8px; align-items: center; margin-left: auto; }
.refCount__num { color: var(--ms7-account-accent); font-weight: 1100; }
.refCount__ico { opacity: .9; }

.refQr {
  width: 210px;
  background: var(--ms7-account-panel);
  border: 1px solid var(--ms7-account-panel-hover);
  border-radius: 12px;
  padding: 10px;
}
.refQr img { width: 100%; height: auto; display: block; border-radius: 8px; background: white; }

.refTerms {
  margin-top: 14px;
  background: var(--ms7-account-panel-soft);
  border: 1px solid var(--ms7-account-line);
  border-radius: 14px;
  box-shadow: var(--ms7-account-shadow);
  overflow: hidden;
}
.refTerms__head {
  width: 100%;
  border: 0;
  background: transparent;
  color: inherit;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px;
  cursor: pointer;
  font-weight: 1000;
}
.refWarn { margin-right: 10px; opacity: .85; }
.refTerms__body { padding: 0 14px 14px; display: none; }
.refTerms__body.is-open { display: block; }

.refOl { margin: 0; padding-left: 18px; opacity: .9; }
.refOl li { margin: 10px 0; line-height: 1.5; }
.refOl ul { margin-top: 8px; opacity: .9; }

.refMore { margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--ms7-account-panel-hover); }
.refMore__title { font-weight: 1000; margin-bottom: 8px; }
.refUl { margin: 0; padding-left: 18px; opacity: .9; }
.refUl li { margin: 8px 0; line-height: 1.5; }

.refTerms__toggle {
  margin: 12px auto 0;
  display: block;
  border: 0;
  background: transparent;
  color: var(--ms7-account-accent);
  font-weight: 1000;
  cursor: pointer;
}

@media (max-width: 980px) {
  .refCard__grid { grid-template-columns: 1fr; }
  .refQr { width: 100%; max-width: 260px; }
}

/* Transfer */
.tfTabs { display: flex; gap: 10px; margin-top: 12px; border-bottom: 1px solid var(--ms7-account-panel-hover); }
.tfTab { border: 0; background: transparent; color: inherit; padding: 10px 12px; cursor: pointer; font-weight: 1000; opacity: .6; }
.tfTab.is-active { opacity: 1; border-bottom: 2px solid var(--ms7-account-accent); }
.tfTab:disabled { cursor: not-allowed; opacity: .35; }

.tfCard { margin-top: 12px; background: var(--ms7-account-panel-soft); border: 1px solid var(--ms7-account-line); border-radius: 14px; box-shadow: var(--ms7-account-shadow); padding: 14px; }
.tfForm { max-width: 360px; }

.tfLabel { display:block; font-weight: 900; margin: 10px 0 8px; opacity: .9; }
.tfInput {
  width: 100%;
  border-radius: 8px;
  border: 1px solid var(--ms7-account-line-strong);
  background: var(--ms7-account-panel);
  color: inherit;
  padding: 10px 12px;
  outline: none;
}

.tfQuick { margin-top: 10px; display: flex; flex-wrap: wrap; gap: 8px; }
.tfQuickBtn {
  border: 1px solid var(--ms7-account-line-strong);
  background: var(--ms7-account-panel);
  color: inherit;
  padding: 6px 10px;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 900;
  min-width: 48px;
}

.tfTextarea {
  width: 100%;
  min-height: 90px;
  border-radius: 8px;
  border: 1px solid var(--ms7-account-line-strong);
  background: var(--ms7-account-panel);
  color: inherit;
  padding: 10px 12px;
  outline: none;
  resize: none;
}

.tfCount { text-align: right; opacity: .7; font-size: 12px; margin-top: 6px; }

.tfSubmit {
  margin-top: 14px;
  width: 100%;
  border: 0;
  border-radius: 8px;
  padding: 10px 12px;
  cursor: pointer;
  background: var(--ms7-account-primary);
  color: var(--ms7-account-primary-text);
  font-weight: 1000;
}

.tfErr { margin-top: 10px; opacity: .9; }
.tfErr ul { margin: 0; padding-left: 18px; }

.tfHistory { margin-top: 14px; background: var(--ms7-account-panel-soft); border: 1px solid var(--ms7-account-line); border-radius: 14px; box-shadow: var(--ms7-account-shadow); padding: 14px; }
.tfHistory__title { font-weight: 1000; margin-bottom: 10px; opacity: .95; }

.tfTable { overflow: hidden; background: var(--ms7-account-panel-faint); border: 1px solid var(--ms7-account-line); border-radius: 14px; }
.tfHead, .tfRow { display: grid; grid-template-columns: 220px 1fr 1fr 160px 1.2fr; gap: 10px; padding: 12px 14px; }
.tfHead { font-weight: 1000; background: var(--ms7-account-table-head); }
.tfRow { border-top: 1px solid var(--ms7-account-line); opacity: .95; }

.tfBody { min-height: 220px; }
.tfEmpty { min-height: 220px; display: grid; place-items: center; padding: 18px; text-align: center; opacity: .85; }
.tfEmpty__ico { font-size: 28px; margin-bottom: 10px; }
.tfEmpty__title { font-weight: 1000; }
.tfEmpty__sub { opacity: .7; margin-top: 6px; font-size: 12px; }

@media (max-width: 980px) {
  .tfHead, .tfRow { grid-template-columns: 1fr; }
  .tfForm { max-width: 100%; }
}


/* =========================
   MOBILE ACCOUNT DASHBOARD
   ========================= */
.accMobile{ display:none; }
.accDesktop{ display:block; }

@media (max-width: 980px){
  .accDesktop{ display:none; }
  .accMobile{ display:block; }

  .accPage{ padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
}

/* wallet card */
.mWallet{
  background: var(--ms7-account-panel);
  border: 1px solid var(--ms7-account-line-soft);
  border-radius: 16px;
  box-shadow: 0 10px 28px var(--ms7-account-inset-soft);
  overflow: hidden;
}

.mWallet__top{
  padding: 12px 12px 8px;
  display:flex;
  align-items:flex-start;
  justify-content: space-between;
  gap: 12px;
}

.mWallet__title{
  font-weight: 1000;
  opacity: .95;
  font-size: 13px;
}

.mWallet__actions{
  display:flex;
  gap: 10px;
}

.mMiniAct{
  width: 64px;
  text-decoration:none;
  color: inherit;
  display:grid;
  justify-items:center;
  gap: 4px;
  opacity: .95;
}

.mMiniAct__ico{
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display:grid;
  place-items:center;
  background: var(--ms7-account-inset-soft);
  border: 1px solid var(--ms7-account-line-strong);
}

.mMiniAct__txt{
  font-size: 11px;
  opacity: .75;
}

/* wallet inner box */
.mWallet__box{
  margin: 0 12px 10px;
  padding: 10px 10px;
  border-radius: 14px;
  background: var(--ms7-account-inset);
  border: 1px solid var(--ms7-account-panel-hover);
}

.mWallet__row{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  padding: 4px 0;
}

.mWallet__label{
  font-weight: 900;
  opacity: .9;
}

.mWallet__val{
  font-weight: 1100;
  color: var(--ms7-account-accent);
}

.mWallet__badge{
  width: 22px;
  height: 22px;
  border-radius: 8px;
  display:grid;
  place-items:center;
  background: var(--ms7-account-panel);
  border: 1px solid var(--ms7-account-panel-hover);
  opacity: .9;
}

/* quick icons row */
.mQuick{
  padding: 10px 10px 12px;
  display:grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  background: var(--ms7-account-panel-faint);
  border-top: 1px solid var(--ms7-account-line);
}

.mQuick__item{
  text-decoration:none;
  color: inherit;
  display:grid;
  justify-items:center;
  gap: 6px;
  padding: 8px 6px;
  border-radius: 14px;
}

.mQuick__item:hover{
  background: var(--ms7-account-panel-soft);
}

.mQuick__ico{
  width: 34px;
  height: 34px;
  border-radius: 999px;
  display:grid;
  place-items:center;
  border: 2px solid var(--ms7-account-accent-strong);
  background: var(--ms7-account-inset-soft);
}

.mQuick__txt{
  font-size: 11px;
  opacity: .85;
}

/* big tiles grid */
.mTiles{
  margin-top: 14px;
  margin-bottom: 14px;
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.mTile{
  border-radius: 10px;
  text-decoration:none;
  color: inherit;

  background: var(--ms7-account-table-head);
  border: 1px solid var(--ms7-account-line-soft);
  box-shadow: var(--ms7-account-shadow);

  display:grid;
  place-items:center;
  gap: 8px;
  padding: 8px;
}

.mTile:hover{
  border-color: var(--ms7-line-strong);
  background: var(--ms7-account-panel);
  transform: translateY(-1px);
}

.mTile__ico{
    width: 34px;
    height: 34px;
    border-radius: 5px;
    display: grid;
    place-items: center;
    border: 2px solid var(--ms7-account-accent-strong);
    background: var(--ms7-account-inset-soft);
    font-size: 12px;
}

.mTile__txt{
  font-weight: 1000;
  font-size: 12px;
  opacity: .92;
}

/* very small phones */
@media (max-width: 420px){
  .mQuick{ grid-template-columns: repeat(5, 1fr); gap: 8px; }
  .mTiles{ gap: 10px; }
  .mTile{ height: 102px; }
}

/* Ensure desktop sidebar stays left */
@media (min-width: 981px){
  .accGrid{
    display: grid !important;
    grid-template-columns: 320px 1fr !important;
    gap: 18px;
    align-items: start;
  }
  .accSide{ grid-column: 1; }
  .accMain{ grid-column: 2; min-width: 0; }
}

/* Mobile switches */
.accMobile{ display:none; }
.accDesktop{ display:block; }

@media (max-width: 980px){
  .accDesktop{ display:none; }
  .accMobile{ display:block; }
  .accPage{ padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
}

/* Mobile blocks for wallet page */
.mBlock{
  margin-top: 14px;
  background: var(--ms7-account-panel-soft);
  border: 1px solid var(--ms7-account-line-soft);
  border-radius: 16px;
  box-shadow: var(--ms7-account-shadow);
  padding: 12px;
}

.mBlock__head{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.mBlock__title{
  font-weight: 1100;
  opacity: .95;
}

.mPromo{
  display:grid;
  gap: 10px;
}

.mPromo__item{
  text-decoration:none;
  color: inherit;
  padding: 12px 12px;
  border-radius: 14px;
  background: var(--ms7-account-panel-item);
  border: 1px solid var(--ms7-account-panel-hover);
  font-weight: 1000;
  opacity: .95;
}

.mPromo__item:hover{
  background: var(--ms7-account-panel);
  border-color: var(--ms7-account-line-hover);
}

/* Mobile table */
.mTable{
  background: var(--ms7-account-panel-faint);
  border: 1px solid var(--ms7-account-line-soft);
  border-radius: 14px;
  overflow: hidden;
}

.mTable__row{
  display:grid;
  grid-template-columns: 1fr 120px;
  gap: 10px;
  padding: 12px;
}

.mTable__row--head{
  font-weight: 1100;
  background: var(--ms7-account-table-head);
}

.mEmpty{
  padding: 18px 12px;
  display:grid;
  place-items:center;
  text-align:center;
  gap: 6px;
  opacity: .9;
}

.mEmpty__ico{ font-size: 22px; }
.mEmpty__title{ font-weight: 1100; }
.mEmpty__sub{ font-size: 12px; opacity: .7; }

/* Mobile transfer tweaks */
@media (max-width: 980px){
  .tfCard--m{ padding: 12px; }
  .tfForm--m{ max-width: 100%; }

  .tfHistory--m{ padding: 12px; }

  /* make history readable on mobile (stack each row) */
  .tfHead--m{ display:none; }

  .tfRow--m{
    display:grid;
    grid-template-columns: 1fr;
    gap: 6px;
    padding: 12px;
    border-top: 1px solid var(--ms7-account-line);
  }

  .tfRow--m > div:nth-child(1)::before{ content:"Date: "; opacity:.7; }
  .tfRow--m > div:nth-child(2)::before{ content:"From: "; opacity:.7; }
  .tfRow--m > div:nth-child(3)::before{ content:"To: "; opacity:.7; }
  .tfRow--m > div:nth-child(4)::before{ content:"Amount: "; opacity:.7; }
  .tfRow--m > div:nth-child(5)::before{ content:"Remark: "; opacity:.7; }

  .tfRow--m > div{ text-align:left !important; }

  /* quick amount buttons wrap nicer */
  .tfQuick{ gap: 10px; }
  .tfQuickBtn{ border-radius: 10px; padding: 10px 12px; min-width: 64px; }
}

/* Mobile header row used on profile/transfer/referral */
.mProfile{ display:block; }
.mProfile__head{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}
.mBack{
  text-decoration:none;
  color: inherit;
  opacity: .9;
  font-weight: 1000;
  padding: 8px 10px;
  border-radius: 12px;
  background: var(--ms7-account-panel-soft);
  border: 1px solid var(--ms7-account-line-soft);
}
.mProfile__title{
  font-weight: 1100;
  opacity: .95;
}

/* Mobile referral card */
.mRef{ display:grid; gap: 12px; }
.mRef__item{
  background: var(--ms7-account-panel-soft);
  border: 1px solid var(--ms7-account-line-soft);
  border-radius: 14px;
  padding: 12px;
  box-shadow: var(--ms7-account-shadow-faint);
}
.mRef__label{
  font-weight: 1100;
  margin-bottom: 8px;
  opacity: .92;
}
.mRef__row{
  display:flex;
  gap: 10px;
  align-items:center;
}
.mRef__input{
  flex: 1;
  width: 100%;
  border-radius: 12px;
  border: 1px solid var(--ms7-account-line-strong);
  background: var(--ms7-account-inset-faint);
  color: inherit;
  padding: 12px 12px;
  outline: none;
}
.mRef__copy{
  flex: 0 0 auto;
  border: 1px solid var(--ms7-account-accent-copy-line);
  background: var(--ms7-account-accent-soft);
  color: var(--ms7-account-primary);
  padding: 12px 12px;
  border-radius: 12px;
  cursor:pointer;
  font-weight: 1000;
}
.mRef__copy:hover{ background: var(--ms7-account-accent-copy-hover); }

.mRef__count{
  display:flex;
  gap: 8px;
  align-items: baseline;
  margin-left: auto;
  font-weight: 1100;
}
.mRef__num{ color: var(--ms7-account-accent); }
.mRef__muted{ opacity: .75; font-size: 12px; }

/* QR */
.mRef__qr{
  width: 210px;
  max-width: 100%;
  margin: auto;
  background: var(--ms7-account-panel);
  border: 1px solid var(--ms7-account-panel-hover);
  border-radius: 14px;
  padding: 10px;
}
.mRef__qr img{
  width: 100%;
  height: auto;
  display:block;
  border-radius: 10px;
  background: var(--ms7-account-qr-bg);
}

/* tighter terms card on mobile */
.refTerms--m{ margin-top: 14px; }
.refTerms--m .refTerms__head{ padding: 14px 12px; }
.refTerms--m .refTerms__body{ padding: 0 12px 12px; }


/* =========================
   Mobile dashboard collapse
   ========================= */
.mDashToggleWrap{
  padding: 0 12px 12px;
}

.mDashToggle{
  width: 100%;
  height: 42px;
  border-radius: 14px;
  border: 1px solid var(--ms7-account-line-strong);
  background: var(--ms7-account-panel-soft);
  color: inherit;
  cursor: pointer;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 12px;
  font-weight: 1000;
  opacity: .95;
}

.mDashToggle__txt{ font-size: 12px; opacity: .85; }
.mDashToggle__ico{ opacity: .85; transition: transform .18s ease; }

.mWallet.is-collapsed .mDashToggle__ico{
  transform: rotate(-180deg);
}

/* collapse area (quick row + tiles) */
.mWallet__collapse{
  overflow: hidden;
  transition: max-height .22s ease, opacity .18s ease;
  max-height: 1200px;
  opacity: 1;
}

.mWallet.is-collapsed .mWallet__collapse{
  max-height: 0;
  opacity: 0;
  pointer-events: none;
}


/* =========================
   WITHDRAWAL
   ========================= */
.wdCard{
  margin-top: 14px;
  background: var(--ms7-payment-card);
  border: 1px solid var(--ms7-payment-card-line);
  border-radius: 16px;
  box-shadow: var(--ms7-payment-card-shadow);
  padding: 12px;
}

.wdCard--desk{ padding: 14px; }

.wdHead{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.wdTitle{ font-weight: 1100; opacity: .95; }

.wdAddAcc{
  border: 0;
  background: transparent;
  color: var(--ms7-payment-accent);
  font-weight: 1100;
  cursor: pointer;
}

.wdOk{
  margin: 10px 0 0;
  padding: 10px 12px;
  border-radius: 12px;
  background: var(--ms7-payment-accent-soft);
  border: 1px solid var(--ms7-payment-accent-line);
  font-weight: 1000;
}

.wdErr{
  margin: 10px 0 0;
  padding: 10px 12px;
  border-radius: 12px;
  background: var(--ms7-payment-danger-soft);
  border: 1px solid var(--ms7-payment-danger-line);
  font-weight: 1000;
}

.wdForm{ margin-top: 8px; }

.wdLabel{
  display:block;
  font-weight: 1000;
  margin: 10px 0 8px;
  opacity: .92;
}

.wdSelectRow{ position: relative; }

.wdSelect,
.wdAmount{
  width: 100%;
  border-radius: 12px;
  border: 1px solid var(--ms7-payment-line);
  background: var(--ms7-payment-inset);
  color: inherit;
  padding: 12px 12px;
  outline: none;
}

.wdAmount::placeholder{ opacity: .6; }

.wdFieldErr{
  margin-top: 8px;
  font-size: 12px;
  opacity: .9;
  color: var(--ms7-muted-strong);
}

.wdNoteLine{
  margin-top: 8px;
  font-size: 12px;
  opacity: .7;
}

.wdQuick{
  margin-top: 10px;
  display:flex;
  flex-wrap: wrap;
  gap: 8px;
}

.wdQuickBtn{
  border: 1px solid var(--ms7-payment-line-strong);
  background: var(--ms7-payment-choice-hover);
  color: inherit;
  padding: 8px 12px;
  border-radius: 10px;
  cursor: pointer;
  font-weight: 1000;
  min-width: 56px;
}

.wdSubmit{
  margin-top: 12px;
  width: 100%;
  border: 0;
  border-radius: 12px;
  padding: 12px 14px;
  cursor: pointer;
  background: var(--ms7-payment-primary);
  color: var(--ms7-payment-primary-text);
  font-weight: 1100;
}

.wdSubmit:disabled,
.wdSelect:disabled,
.wdAmount:disabled{
  opacity: .5;
  cursor: not-allowed;
}

.wdHint{
  margin-top: 10px;
  font-size: 12px;
  opacity: .85;
  line-height: 1.4;
}

.wdFilePicker{
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
}

.wdFileBtn{
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 10px;
  border: 1px solid var(--ms7-payment-line);
  background: var(--ms7-payment-inset);
  color: inherit;
  cursor: pointer;
  font-weight: 1000;
}

.wdFileInput{
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.wdFileName{
  min-width: 0;
  color: var(--ms7-withdraw-muted-soft, rgba(239,220,163,.70));
  font-size: 13px;
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.wdLink{
  color: var(--ms7-payment-accent);
  text-decoration:none;
  font-weight: 1000;
  margin-left: 6px;
}

.wdNotice{
  margin-top: 12px;
  background: var(--ms7-payment-card);
  border: 1px solid var(--ms7-payment-card-line);
  border-radius: 16px;
  box-shadow: var(--ms7-payment-card-shadow-soft);
  overflow:hidden;
}

.wdNoticeHead{
  padding: 12px;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
}

.wdNoticeTitle{ font-weight: 1100; opacity: .95; }

.wdNoticeToggle{
  border: 0;
  background: transparent;
  color: var(--ms7-payment-accent);
  cursor: pointer;
  font-weight: 1100;
}

.wdNoticeBody{
  padding: 0 12px 12px;
  display:none;
}

.wdNoticeBody.is-open{ display:block; }

.wdNoticeList{
  margin: 0;
  padding-left: 18px;
  opacity: .9;
  font-size: 12px;
  line-height: 1.5;
}

.wdHistory{
  margin-top: 12px;
  background: var(--ms7-payment-card);
  border: 1px solid var(--ms7-payment-card-line);
  border-radius: 16px;
  box-shadow: var(--ms7-payment-card-shadow-soft);
  padding: 12px;
}

.wdHistoryTitle{ font-weight: 1100; opacity: .95; }
.wdHistorySub{ margin-top: 6px; opacity: .7; font-size: 12px; }

.wdHistList{ margin-top: 10px; display:grid; gap: 10px; }

.wdHistRow{
  display:flex;
  flex-wrap: wrap;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  background: var(--ms7-payment-inset-soft);
  border: 1px solid var(--ms7-payment-line-soft);
}

.wdHistAmt{ font-weight: 1100; }
.wdHistMeta{ margin-top: 2px; font-size: 12px; opacity: .7; }
.wdHistRemark{
  flex: 0 0 100%;
  padding-top: 8px;
  border-top: 1px solid var(--ms7-payment-line-soft);
  color: #f7c873;
  font-size: 12px;
  line-height: 1.45;
}

.wdStatus{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid var(--ms7-payment-line);
  background: var(--ms7-payment-choice-hover);
  font-weight: 1000;
  font-size: 12px;
}

.wdStatus--pending{ border-color: var(--ms7-payment-accent-line); }
.wdStatus--approved{ border-color: var(--ms7-payment-success-line); }
.wdStatus--rejected{ border-color: var(--ms7-payment-danger-line); }
.wdStatus--cancelled{ border-color: var(--ms7-payment-line-hover); }

.wdEmpty{
  margin-top: 12px;
  padding: 18px 12px;
  display:grid;
  place-items:center;
  text-align:center;
  gap: 6px;
  opacity: .9;
}

.wdEmptyIco{ font-size: 22px; }
.wdEmptyTitle{ font-weight: 1100; }
.wdEmptySub{ font-size: 12px; opacity: .7; }

.wdModalText{
  opacity: .85;
  line-height: 1.5;
  margin-bottom: 12px;
}

/* desktop layout */
.wdDesktopGrid{
  margin-top: 14px;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

@media (max-width: 980px){
  .wdDesktopGrid{ grid-template-columns: 1fr; }
}


/* =========================
   DEPOSIT (MOBILE)
   ========================= */
.dCard{
  margin-top: 14px;
  background: var(--ms7-payment-card);
  border: 1px solid var(--ms7-payment-card-line);
  border-radius: 16px;
  box-shadow: var(--ms7-payment-card-shadow);
  padding: 12px;
}

.dFlash{
  margin-bottom: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  background: var(--ms7-payment-accent-soft);
  border: 1px solid var(--ms7-payment-accent-line);
  color: var(--ms7-muted-strong);
  font-weight: 1000;
  font-size: 12px;
}

.dHintTip{
  margin: 10px 0 4px;
  padding: 9px 12px;
  border-radius: 10px;
  background: var(--ms7-payment-warn-soft);
  border: 1px solid var(--ms7-payment-warn-line);
  color: var(--ms7-payment-warn);
  font-weight: 900;
  font-size: 12px;
  display: none;
}

.dTitle{
  margin-top: 10px;
  font-weight: 1100;
  opacity: .95;
  font-size: 12px;
}

.dRowHead{
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}

.dErr{
  margin-top: 6px;
  padding: 8px 10px;
  border-radius: 10px;
  background: var(--ms7-payment-danger-soft);
  border: 1px solid var(--ms7-payment-danger-line);
  font-weight: 900;
  font-size: 11px;
  opacity: .95;
}

.dMethods{
  margin-top: 8px;
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}

.dMethod{
  border-radius: 12px;
  border: 1px solid var(--ms7-payment-line-strong);
  background: var(--ms7-payment-choice);
  color: inherit;
  padding: 10px 8px;
  display:grid;
  justify-items:center;
  gap: 8px;
  cursor: pointer;
  opacity: .92;
}
.dMethod:disabled, .dMethod.is-disabled{ opacity: .45; cursor:not-allowed; filter: grayscale(.15); }
.dMethod.is-disabled .dMethod__txt small{ color: var(--ms7-payment-danger); }
.dMethod.is-active{
  border-color: var(--ms7-payment-accent-line-strong);
  box-shadow: 0 0 0 2px var(--ms7-payment-accent-focus) inset;
}
.dMethod__ico{
  width: 34px; height: 34px;
  border-radius: 12px;
  display:grid; place-items:center;
  background: var(--ms7-payment-inset);
  border: 1px solid var(--ms7-payment-line);
}
.dMethod__txt{
  text-align:center;
  font-weight: 1100;
  font-size: 10px;
  line-height: 1.15;
  opacity: .9;
}

.dBanks{
  margin-top: 10px;
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}

.dBank{
  position: relative;
  height: 70px;
  border-radius: 12px;
  border: 1px solid var(--ms7-payment-line-strong);
  background: var(--ms7-payment-choice-strong);
  color: inherit;
  padding: 8px;
  display:grid;
  align-content:center;
  cursor:pointer;
}
.dBank.is-disabled{ opacity:.45; cursor:not-allowed; filter: grayscale(.15); }
.dBank.is-disabled .dBank__name{ color: var(--ms7-payment-danger); }
.dBank.is-active{
  border-color: var(--ms7-payment-accent-line-strong);
  box-shadow: 0 0 0 2px var(--ms7-payment-accent-focus) inset;
}
.dBank__name{
  font-weight: 1100;
  font-size: 11px;
  text-align:center;
  opacity:.95;
}
.dBank__tick{
  position:absolute;
  left: 8px;
  bottom: 8px;
  width: 18px; height: 18px;
  border-radius: 999px;
  display:none;
  place-items:center;
  background: var(--ms7-payment-accent);
  color: var(--ms7-payment-primary-text);
  font-weight: 1200;
  font-size: 12px;
}
.dBank.is-active .dBank__tick{ display:grid; }

.dAmtWrap{
  margin-top: 8px;
  position: relative;
}
.dAmt{
  width:100%;
  border-radius: 12px;
  border: 1px solid var(--ms7-payment-line-strong);
  background: var(--ms7-payment-choice-hover);
  color: inherit;
  padding: 12px 40px 12px 12px;
  outline:none;
}
.dAmtClear{
  position:absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 28px; height: 28px;
  border-radius: 10px;
  border: 1px solid var(--ms7-payment-line-strong);
  background: var(--ms7-payment-inset);
  color: inherit;
  cursor:pointer;
  opacity: .85;
}

.dQuick{
  margin-top: 10px;
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}
.dQuickBtn{
  min-width: 56px;
  border-radius: 10px;
  border: 1px solid var(--ms7-payment-line-strong);
  background: var(--ms7-payment-choice);
  color: inherit;
  padding: 10px 12px;
  font-weight: 1100;
  cursor:pointer;
}

.dSubmit{
  margin-top: 14px;
  width:100%;
  border:0;
  border-radius: 10px;
  padding: 12px 14px;
  cursor:pointer;
  background: var(--ms7-payment-primary);
  color: var(--ms7-payment-primary-text);
  font-weight: 1200;
}

.dNotice{
  margin-top: 12px;
  background: var(--ms7-payment-card);
  border: 1px solid var(--ms7-payment-card-line);
  border-radius: 14px;
  box-shadow: var(--ms7-payment-card-shadow-soft);
  overflow:hidden;
}
.dNotice__head{
  width:100%;
  border:0;
  background: transparent;
  color: inherit;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
  cursor:pointer;
  font-weight: 1100;
}
.dNotice__toggle{
  color: var(--ms7-payment-accent);
  font-weight: 1200;
  font-size: 12px;
}
.dNotice__body{ display:none; padding: 0 12px 12px; }
.dNotice__body.is-open{ display:block; }
.dNotice__list{
  margin: 0;
  padding-left: 18px;
  opacity: .9;
  font-size: 12px;
  line-height: 1.5;
}
.dNotice__list li{ margin: 10px 0; }

.dHistory{
  margin-top: 12px;
  background: var(--ms7-payment-card);
  border: 1px solid var(--ms7-payment-card-line);
  border-radius: 14px;
  box-shadow: var(--ms7-payment-card-shadow-soft);
  padding: 12px;
}
.dHistory__title{ font-weight: 1200; }
.dHistory__sub{ margin-top: 8px; opacity: .8; font-weight: 900; font-size: 12px; }

.dHistoryEmpty{
  margin-top: 12px;
  min-height: 180px;
  display:grid;
  place-items:center;
  text-align:center;
  gap: 6px;
  opacity: .9;
}
.dHistoryEmpty__ico{ font-size: 22px; }
.dHistoryEmpty__title{ font-weight: 1100; }
.dHistoryEmpty__sub{ font-size: 12px; opacity: .7; }

.dHistList{ margin-top: 10px; display:grid; gap: 10px; }

.dHistItem{
  background: var(--ms7-payment-inset-soft);
  border: 1px solid var(--ms7-payment-line);
  border-radius: 12px;
  padding: 10px;
  overflow: hidden;
}
.dHistTop{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
}
.dHistBank{ font-weight: 1100; opacity: .95; font-size: 12px; flex: 1 1 auto; min-width: 0; word-break: break-word; }
.dHistStatus{
  padding: 6px 10px;
  border-radius: 999px;
  background: var(--ms7-payment-choice-hover);
  border: 1px solid var(--ms7-payment-line);
  font-weight: 1100;
  font-size: 11px;
  opacity: .95;
  flex: 0 0 auto;
  white-space: nowrap;
}
.dHistStatus.is-pending{
  border-color: var(--ms7-payment-accent-line);
  background: var(--ms7-payment-accent-soft);
}

.dHistAmt{
  margin-top: 8px;
  font-weight: 1200;
  font-size: 14px;
}
.dHistMeta{
  margin-top: 8px;
  display:flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  font-size: 11px;
  opacity: .8;
  min-width: 0;
}
.dHistRef{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 10px;
  opacity: .9;
  max-width: 100%;
  word-break: break-all;
  overflow-wrap: anywhere;
}

/* =========================
   HISTORY (TX + GAME)
   ========================= */

.accNav__group--drop > summary::-webkit-details-marker{ display:none; }
.accNav__group--drop > summary{ cursor:pointer; list-style:none; }
.accNav__group--drop[open] .accNav__chev{ transform: rotate(180deg); }
.accNav__group--drop .accNav__chev{ transition: transform .18s ease; }

.histFilters{
  margin-top: 14px;
  background: var(--ms7-history-panel-soft);
  border: 1px solid var(--ms7-history-line-faint);
  border-radius: 14px;
  box-shadow: var(--ms7-account-shadow);
  padding: 14px;
}

.histFilters__row{
  display:flex;
  flex-wrap:wrap;
  gap: 14px;
  align-items:flex-end;
}

.histField{ min-width: 260px; max-width: 100%; }
.histLabel{
  font-weight: 1000;
  font-size: 12px;
  opacity: .85;
  margin-bottom: 8px;
}

.histSelect{
  width: min(360px, 100%);
  border-radius: 12px;
  border: 1px solid var(--ms7-history-line);
  background: var(--ms7-history-bg);
  color: inherit;
  padding: 12px 12px;
  outline: none;
}

.histRange{
  margin-top: 12px;
  display:flex;
  flex-wrap:wrap;
  gap: 8px;
}

.histChip{
  text-decoration:none;
  color: inherit;
  border: 1px solid var(--ms7-history-line);
  background: var(--ms7-history-panel-soft);
  padding: 8px 12px;
  border-radius: 999px;
  font-weight: 1000;
  font-size: 12px;
  opacity: .9;
}

.histChip:hover{ opacity: 1; border-color: var(--ms7-history-line-strong); }
.histChip.is-active{
  border-color: var(--ms7-history-gold);
  box-shadow: 0 0 0 2px var(--ms7-history-line-soft) inset;
}

.histCustom{
  margin-top: 12px;
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  align-items:center;
}

.histDate{
  border-radius: 12px;
  border: 1px solid var(--ms7-history-line);
  background: var(--ms7-history-bg);
  color: inherit;
  padding: 10px 12px;
  outline:none;
}

.histGo{
  border: 0;
  border-radius: 12px;
  padding: 10px 14px;
  cursor: pointer;
  background: var(--ms7-history-gold);
  color: var(--ms7-history-gold-text);
  font-weight: 1100;
}

.histTable{
  margin-top: 12px;
  overflow:hidden;
  border-radius: 14px;
  background: var(--ms7-history-panel);
  border: 1px solid var(--ms7-history-line-faint);
}

.histHead, .histRow{
  display:grid;
  gap: 10px;
  padding: 12px 14px;
  align-items:center;
}

.histHead{
  font-weight: 1100;
  background: var(--ms7-history-panel-strong);
}

.histHead--tx, .histRow--tx{
  grid-template-columns: 180px 1.3fr 120px 160px 140px;
}

.histHead--game, .histRow--game{
  grid-template-columns: 180px 120px 1.3fr 160px 160px;
}

.histBody{ min-height: 220px; }
.histRow{
  border-top: 1px solid var(--ms7-history-line-faint);
  opacity: .96;
}

.histStrong{ font-weight: 1100; }
.histSmall{
  margin-top: 3px;
  font-size: 11px;
  opacity: .7;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.histAmount.is-pos{ color: var(--ms7-history-success); font-weight: 1100; }
.histAmount.is-neg{ color: var(--ms7-history-danger); font-weight: 1100; }

.histStatusPill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid var(--ms7-history-line);
  background: var(--ms7-history-panel-soft);
  font-weight: 1000;
  font-size: 12px;
}

.histStatusPill--0{ border-color: var(--ms7-history-line-strong); background: var(--ms7-history-line-faint); }
.histStatusPill--1{ border-color: var(--ms7-history-success-line); background: var(--ms7-history-success-soft); }
.histStatusPill--2{ border-color: var(--ms7-history-line); background: var(--ms7-history-panel-soft); }
.histStatusPill--3{ border-color: var(--ms7-history-danger-line); background: var(--ms7-history-danger-bg); }
.histStatusPill--4{ border-color: var(--ms7-history-line); background: var(--ms7-history-panel-soft); }

.histEmpty{
  min-height: 220px;
  display:grid;
  place-items:center;
  text-align:center;
  padding: 18px;
  opacity: .9;
}
.histEmpty__ico{ font-size: 24px; margin-bottom: 10px; }
.histEmpty__title{ font-weight: 1100; }
.histEmpty__sub{ margin-top: 6px; font-size: 12px; opacity: .7; }

.histPager{
  margin-top: 12px;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
}
.histPager__btn{
  text-decoration:none;
  color: inherit;
  border: 1px solid var(--ms7-history-line);
  background: var(--ms7-history-panel-soft);
  padding: 8px 12px;
  border-radius: 12px;
  font-weight: 1000;
}
.histPager__btn.is-disabled{ opacity: .4; pointer-events:none; }
.histPager__meta{ opacity: .75; font-size: 12px; font-weight: 900; }

/* Mobile cards */
.histList{ display:grid; gap: 10px; }

.histCard{
  background: var(--ms7-history-bg);
  border: 1px solid var(--ms7-history-line);
  border-radius: 14px;
  padding: 12px;
}

.histCard__top{
  display:flex;
  align-items:flex-start;
  justify-content: space-between;
  gap: 10px;
}

.histCard__title{
  font-weight: 1100;
  font-size: 12px;
  opacity: .95;
}

.histAmt{
  font-weight: 1200;
  font-size: 13px;
}

.histCard__meta{
  margin-top: 8px;
  display:flex;
  flex-wrap:wrap;
  gap: 8px;
  align-items:center;
  font-size: 11px;
  opacity: .85;
}

.histBadge{
  padding: 4px 8px;
  border-radius: 999px;
  background: var(--ms7-history-panel-soft);
  border: 1px solid var(--ms7-history-line);
  font-weight: 1000;
}

.histRef{
  margin-top: 8px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 10px;
  opacity: .75;
}

/* tighten desktop table if needed */
@media (max-width: 1180px){
  .histHead--tx, .histRow--tx{ grid-template-columns: 170px 1.2fr 110px 150px 130px; }
  .histHead--game, .histRow--game{ grid-template-columns: 170px 110px 1.2fr 150px 150px; }
}


/* =========================
   DEPOSIT (PROMOTIONS + SUMMARY)
   ========================= */

.depPromos{
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

@media (max-width: 980px){
  .depPromos{ grid-template-columns: 1fr; }
}

.depPromo{
  position: relative;
  border-radius: 12px;
  border: 1px solid var(--ms7-payment-line-strong);
  background: var(--ms7-payment-inset-faint);
  color: inherit;
  padding: 12px;
  cursor: pointer;
  text-align: left;
  min-height: 150px;
}

.depPromo:hover{
  border-color: var(--ms7-payment-line-hover);
  background: var(--ms7-payment-inset);
}

.depPromo.is-active{
  border-color: var(--ms7-payment-accent-line-strong);
  box-shadow: 0 0 0 2px var(--ms7-payment-accent-focus) inset;
}

.depPromo__x{
  position: absolute;
  right: 8px;
  top: 8px;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  display: none;
  place-items: center;
  background: var(--ms7-payment-accent);
  color: var(--ms7-payment-primary-text);
  font-weight: 1200;
  line-height: 1;
}

.depPromo.is-active .depPromo__x{ display: grid; }

.depPromo__title{
  font-weight: 1200;
  margin-bottom: 8px;
  opacity: .98;
}

.depPromo__tags{
  display:flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 10px;
}

.depTag{
  font-size: 10px;
  padding: 4px 6px;
  border-radius: 6px;
  border: 1px solid var(--ms7-payment-line-strong);
  background: var(--ms7-payment-choice-hover);
  opacity: .95;
}

.depTag--more{ opacity: .75; }

.depPromo__meta{
  margin-top: auto;
  display: grid;
  gap: 6px;
  padding-top: 10px;
  border-top: 1px solid var(--ms7-payment-line-soft);
}

.depPromo__metaRow{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  font-size: 11px;
  opacity: .95;
}

.depPromo__metaRow span{ opacity: .75; }
.depPromo__metaRow b{ font-weight: 1200; }

.depTc{
  margin-top: 10px;
  display: inline-flex;
  gap: 8px;
  align-items: center;
  font-size: 12px;
  opacity: .85;
}

.depSummary{
  margin-top: 12px;
  border-radius: 14px;
  background: var(--ms7-payment-choice-strong);
  border: 1px solid var(--ms7-payment-line-soft);
  padding: 14px;
  display: none;
}

.depSummary.is-show{ display:block; }

.depSummary__head{
  font-weight: 1200;
  color: var(--ms7-payment-accent);
  margin-bottom: 12px;
}

.depSummary__grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 18px;
}

@media (max-width: 980px){
  .depSummary__grid{ grid-template-columns: 1fr; }
}

.depSummary__row{
  display:flex;
  gap: 10px;
}

.depSummary__row .k{
  width: 120px;
  opacity: .6;
}

.depSummary__row .v{
  font-weight: 1100;
  opacity: .95;
}

.depSummary__row--req .v--req{
  color: var(--ms7-payment-danger);
}

.depSummary__note{
  margin-top: 10px;
  font-size: 12px;
  opacity: .65;
}

.depSummary__warn{
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  background: var(--ms7-payment-danger-soft);
  border: 1px solid var(--ms7-payment-danger-line);
  font-weight: 1000;
  font-size: 12px;
  opacity: .95;
}

/* =========================
   BETTING SUMMARY (TURNOVER) - IMPROVED + DATE FILTER
   ========================= */

.betCard{ position: relative; }

/* header */
.betHead{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.betTitle{
  display:flex;
  align-items:center;
  gap: 8px;
  font-weight: 1200;
  opacity: .98;
}
.betTitle__ico{
  width: 26px;
  height: 26px;
  border-radius: 10px;
  display:grid;
  place-items:center;
  background: var(--ms7-bet-panel);
  border: 1px solid var(--ms7-bet-line);
  font-size: 14px;
}
.betTitle__txt{ font-size: 13px; }

.betPill{
  flex: 0 0 auto;
  font-size: 11px;
  font-weight: 1000;
  padding: 6px 10px;
  border-radius: 999px;
  background: var(--ms7-bet-surface-faint);
  border: 1px solid var(--ms7-bet-line);
  opacity: .9;
  white-space: nowrap;
}

/* =========================
   DATE FILTER
   ========================= */

.betFilter{
  margin: 10px 0 12px;
  padding: 10px;
  border-radius: 14px;
  background: var(--ms7-bet-panel-soft);
  border: 1px solid var(--ms7-bet-line);
}

.betFilter__row{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  align-items:end;
}

.betFilter__field{ min-width: 0; }

.betFilter__k{
  font-size: 11px;
  font-weight: 1000;
  opacity: .75;
  margin-bottom: 6px;
}

.betFilter__input{
  width: 100%;
  border-radius: 12px;
  border: 1px solid var(--ms7-bet-line-soft);
  background: var(--ms7-bet-surface);
  color: inherit;
  padding: 10px 12px;
  outline: none;
  box-shadow: none;
  appearance: none;
  -webkit-appearance: none;
  color-scheme: dark;
}

.betFilter__input:focus{
  border-color: var(--ms7-bet-accent);
  box-shadow: 0 0 0 2px var(--ms7-bet-accent-focus);
}

.betFilter__input::-webkit-calendar-picker-indicator{
  opacity: .75;
  cursor: pointer;
  filter: invert(1);
}

.betFilter__actions{
  margin-top: 10px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap: 10px;
}

.betFilter__btn{
  border: 0;
  border-radius: 12px;
  padding: 10px 14px;
  cursor: pointer;
  background: var(--ms7-bet-accent);
  color: var(--ms7-bet-accent-text);
  font-weight: 1100;
}

.betFilter__btn:hover{
  filter: brightness(1.02);
  transform: translateY(-1px);
}
.betFilter__btn:active{ transform: translateY(0); }

.betFilter__clear{
  text-decoration:none;
  font-weight: 1100;
  opacity: .85;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid var(--ms7-bet-line-soft);
  background: var(--ms7-bet-surface-soft);
  color: inherit;
}

.betFilter__clear:hover{
  opacity: 1;
  border-color: var(--ms7-bet-line-hover);
  background: var(--ms7-bet-surface);
}

/* desktop inline filter */
.betHead--desk{ margin-bottom: 12px; }

.betFilter--desk{
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
}

.betFilter__row--desk{
  display:flex;
  align-items:center;
  gap: 8px;
}

.betFilter--desk .betFilter__input{
  width: 150px;
  padding: 9px 10px;
  border-radius: 12px;
  background: var(--ms7-bet-panel-soft);
}

.betFilter__sep{
  opacity: .65;
  font-weight: 1100;
  padding: 0 2px;
  user-select: none;
}

.betFilter--desk .betFilter__btn{
  padding: 9px 12px;
  border-radius: 12px;
}

.betFilter--desk .betFilter__clear{
  padding: 9px 10px;
  border-radius: 12px;
}

/* =========================
   HERO CARD
   ========================= */

.betHero{
  display:flex;
  align-items:center;
  gap: 12px;
  padding: 12px;
  border-radius: 14px;
  background: var(--ms7-bet-hero-bg);
  border: 1px solid var(--ms7-bet-accent-line);
  box-shadow: var(--ms7-bet-shadow);
}

.betHero__ico{
  width: 46px;
  height: 46px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  background: var(--ms7-bet-panel);
  border: 2px solid var(--ms7-bet-accent-line-strong);
  font-size: 18px;
}

.betHero__meta{ min-width: 0; }

.betHero__k{
  font-size: 11px;
  font-weight: 1000;
  opacity: .8;
}

.betHero__v{
  margin-top: 4px;
  font-size: 18px;
  font-weight: 1300;
  letter-spacing: .2px;
  color: var(--ms7-bet-accent);
  line-height: 1.1;
}

.betHero__hint{
  margin-top: 6px;
  font-size: 11px;
  opacity: .75;
}

/* =========================
   STAT GRID
   ========================= */

.betGrid{
  margin-top: 10px;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.betItem{
  padding: 10px 10px;
  border-radius: 14px;
  background: var(--ms7-bet-panel);
  border: 1px solid var(--ms7-bet-line);
}

.betK{
  font-size: 11px;
  font-weight: 1100;
  opacity: .78;
}

.betV{
  margin-top: 6px;
  font-weight: 1300;
  font-size: 14px;
  opacity: .98;
  color: var(--ms7-bet-text);
}

.betS{
  margin-top: 6px;
  font-size: 11px;
  opacity: .65;
}

/* net color */
.betV--pos{ color: var(--ms7-bet-success); }
.betV--neg{ color: var(--ms7-bet-danger); }
.betV--neu{ color: var(--ms7-bet-text-soft); }

/* =========================
   DESKTOP LAYOUT
   ========================= */

.betDeskWrap{
  display:block;
  grid-template-columns: 1.1fr 1.9fr;
  gap: 12px;
  align-items: stretch;
}

.betHero--desk{
  height: 100%;
  padding: 14px 14px;
}

.betGrid--desk{
  margin-top: 0;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

/* =========================
   RESPONSIVE
   ========================= */

@media (max-width: 1180px){
  .betDeskWrap{ grid-template-columns: 1fr; }
  .betGrid--desk{ grid-template-columns: repeat(2, 1fr); }
  .betFilter--desk .betFilter__input{ width: 140px; }
}

@media (max-width: 420px){
  .betGrid{ grid-template-columns: 1fr; }
  .betFilter__row{ grid-template-columns: 1fr; }
  .betFilter__actions{ justify-content: stretch; }
  .betFilter__btn{ flex: 1; }
  .betFilter__clear{ flex: 1; text-align:center; }
}

.histPct{
  margin-left:8px;
  font-size:12px;
  padding:2px 8px;
  border-radius:999px;
  background:var(--ms7-bet-chip-bg);
  display:inline-block;
  vertical-align:middle;
}

.mProg{ margin-top:10px; }
.mProg__nums{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  opacity:.9;
}
.mProg__slash{ opacity:.6; }

.mProg__bar{
  margin-top:6px;
  height:8px;
  border-radius:999px;
  background:var(--ms7-bet-progress-bg);
  overflow:hidden;
}
.mProg__fill{
  height:100%;
  width:0%;
  border-radius:999px;
  background:var(--ms7-bet-progress-fill);
}

.mBonusLine{
  margin-top:8px;
  display:flex;
  align-items:center;
  gap:10px;
  font-size:12px;
}
.mBonusLine__pct{
  padding:2px 8px;
  border-radius:999px;
  background:var(--ms7-bet-chip-bg);
}
.mBonusLine__amt{ margin-left:auto; font-weight:700; }
.mBonusLine__lbl{ opacity:.75; }

/* =========================
   MW77 MIDNIGHT PLATINUM LIVE THEME
   Mobile-first premium brand layer
   ========================= */

:root {
  --bg: #111844;
  --panel: #111844;
  --panel2: #0b102f;
  --line: rgba(234, 224, 207, .22);
  --text: #ffffff;
  --muted: rgba(234, 224, 207, .72);
  --accent: #4B5694;
  --accent2: #7288AE;
  --klein: #4B5694;
  --klein2: #7288AE;
  --chrome: #EAE0CF;
  --chrome2: #7288AE;
  --shadow: 0 22px 54px rgba(0, 0, 0, .62);
}

html,
body.page {
  background: #000 !important;
  color: #fff !important;
}

body.page {
  background-image:
    radial-gradient(circle at 50% -12%, rgba(114,136,174,.32), transparent 34%),
    linear-gradient(180deg, #111844 0%, #050711 30%, #000 72%, #111844 100%),
    repeating-linear-gradient(90deg, rgba(234,224,207,.045) 0 1px, transparent 1px 92px) !important;
  background-attachment: fixed;
}

.topbar {
  background: linear-gradient(180deg, rgba(17,24,68,.96), rgba(0,0,0,.92)) !important;
  border-bottom: 1px solid rgba(234, 224, 207, .30) !important;
  box-shadow: 0 16px 34px rgba(17,24,68,.34), 0 1px 0 rgba(234,224,207,.12) inset !important;
}

.brand__name,
.sectionHead h2,
.headline,
.accBlock__title,
.inviteCard__title,
.modal__title {
  color: #fff !important;
}

.brand__img {
  filter: drop-shadow(0 8px 18px rgba(114,136,174,.48)) saturate(1.04) !important;
}

.mBurger,
.langDD__btn,
.icoBtn,
.walletBtn,
.btn,
.linkBtn,
.tab,
.accBtn,
.inviteCode__copy,
.modalTab,
.modalForm button,
.tool__btn {
  border-color: rgba(201, 211, 232, .28) !important;
  background:
    linear-gradient(180deg, rgba(234,224,207,.13), rgba(114,136,174,.05)),
    #111844 !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(234,224,207,.18), 0 10px 22px rgba(0,0,0,.38) !important;
}

.mBurger__bar {
  background: #fff !important;
}

.btn--primary,
.mwHero__btn--primary,
.tab.is-active,
.accTab.is-active,
.mDrawer__cta,
.mNav__home,
.mwQuick__icon,
.mwHot__badge,
.providerWall__rank {
  border-color: rgba(255,255,255,.34) !important;
  background:
    linear-gradient(135deg, rgba(234,224,207,.58) 0%, rgba(234,224,207,.10) 15%, transparent 30%),
    linear-gradient(180deg, #7288AE 0%, #4B5694 52%, #111844 100%) !important;
  color: #fff !important;
  text-shadow: 0 1px 8px rgba(0,0,0,.42);
  box-shadow:
    0 14px 30px rgba(17,24,68,.48),
    inset 0 1px 0 rgba(234,224,207,.32),
    inset 0 -1px 0 rgba(0,0,0,.55) !important;
}

.mDrawer__cta.mDrawer__logout {
  height: 42px !important;
  border-radius: 9px !important;
  border-color: rgba(234, 224, 207, .30) !important;
  background: rgba(6, 8, 25, .36) !important;
  color: rgba(234, 224, 207, .92) !important;
  text-shadow: none !important;
  box-shadow: inset 0 1px 0 rgba(234, 224, 207, .10) !important;
}

.btn--ghost,
.mwHero__btn,
.sectionHead__link,
.promoCard,
.accSide__panel,
.accSide__invite,
.accMain,
.accTotal,
.miniBox,
.accBlock,
.accTable,
.inviteCard,
.modal__panel,
.guestCta,
.walletStrip,
.kycPromo,
.mWallet,
.mWalletMenu,
.mGrid__item,
.providerWall__card.tile,
.mwHot__card,
.gameCard,
.tile {
  border-color: rgba(201, 211, 232, .22) !important;
  background:
    linear-gradient(145deg, rgba(234,224,207,.105), rgba(114,136,174,.035) 42%, rgba(75,86,148,.20)),
    #080b22 !important;
  color: #fff !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.48),
    inset 0 1px 0 rgba(234,224,207,.14),
    inset 0 0 0 1px rgba(114,136,174,.14) !important;
}

.section--panel,
.mwProviderBlock {
  background:
    linear-gradient(180deg, rgba(17,24,68,.34), rgba(0,0,0,0) 72%) !important;
}

.kicker,
.sectionHead__eyebrow,
.walletStrip__kicker,
.guestCta__kicker,
.wMini__label,
.modal__sub,
.gameCard__sub,
.mwHot__provider,
.providerWall__sub,
.accEmpty__sub,
.inviteCard__text,
.tool__label {
  color: rgba(234,224,207,.70) !important;
}

.walletBtn__amt,
.walletStrip__total,
.wMini__value,
.mWallet__amt,
.guestCta__title,
.accTotal__value,
.miniBox__val,
.providerWall__name,
.mwHot__name,
.gameCard__name,
.ph--game .ph__label > span {
  color: #fff !important;
}

.hero {
  padding-top: 8px !important;
}

.hero__slides {
  border-bottom-color: rgba(201, 211, 232, .18) !important;
}

.hero__slide--full .heroBanner {
  border: 1px solid rgba(201, 211, 232, .34) !important;
  background: #111844 !important;
  box-shadow:
    0 22px 48px rgba(0,0,0,.58),
    0 0 0 1px rgba(234,224,207,.30),
    inset 0 1px 0 rgba(234,224,207,.18) !important;
}

.mwHero {
  background:
    linear-gradient(135deg, rgba(234,224,207,.20) 0%, rgba(255,255,255,0) 22%),
    radial-gradient(circle at 84% 18%, rgba(114,136,174,.42), transparent 28%),
    linear-gradient(180deg, #111844 0%, rgba(17,24,68,.94) 35%, #000 100%) !important;
}

.mwHero--black,
.mwHero--klein,
.mwHero--grey,
.mwHero--platinum {
  background:
    linear-gradient(135deg, rgba(234,224,207,.22) 0%, rgba(255,255,255,0) 20%),
    radial-gradient(circle at 80% 24%, rgba(114,136,174,.38), transparent 26%),
    linear-gradient(160deg, #7288AE 0%, #4B5694 28%, #111844 58%, #000 100%) !important;
}

.mwHero::before {
  inset: 14px auto auto 16px !important;
  width: calc(100% - 32px) !important;
  height: 1px !important;
  border-radius: 0 !important;
  background: linear-gradient(90deg, transparent, rgba(234,224,207,.86), transparent) !important;
}

.mwHero::after {
  inset: auto 14px 14px auto !important;
  width: 42% !important;
  height: 1px !important;
  border-radius: 0 !important;
  background: linear-gradient(90deg, transparent, rgba(114,136,174,.92), rgba(234,224,207,.68)) !important;
}

.mwHero__copy {
  max-width: 72% !important;
}

.mwHero__kicker {
  border-color: rgba(255,255,255,.28) !important;
  background: rgba(17,24,68,.46) !important;
  color: #EAE0CF !important;
}

.mwHero__title {
  color: #fff !important;
  text-shadow: 0 10px 26px rgba(0,0,0,.72), 0 0 22px rgba(114,136,174,.38) !important;
}

.mwHero__sub {
  color: rgba(255,255,255,.74) !important;
}

.mwHero__chip {
  border-color: rgba(201,211,232,.82) !important;
  background:
    linear-gradient(135deg, rgba(234,224,207,.82), rgba(234,224,207,.12) 22%, transparent 38%),
    linear-gradient(180deg, #7288AE, #4B5694 55%, #111844) !important;
  color: #fff !important;
  box-shadow:
    0 18px 34px rgba(0,0,0,.58),
    0 0 0 4px rgba(234,224,207,.16),
    inset 0 1px 0 rgba(234,224,207,.42) !important;
}

.mwHero__cards span {
  background:
    linear-gradient(135deg, rgba(234,224,207,.85), rgba(234,224,207,.12) 24%, rgba(114,136,174,.20)),
    #111844 !important;
  border: 1px solid rgba(201,211,232,.36);
  color: #fff !important;
}

.dotbtn {
  border-color: rgba(201,211,232,.42) !important;
  background: rgba(255,255,255,.22) !important;
}

.dotbtn.is-active {
  background: #7288AE !important;
}

.mwQuick__item,
.tabs,
.ddMenu,
.langDD__menu,
.bonusPop {
  border-color: rgba(201, 211, 232, .24) !important;
  background:
    linear-gradient(180deg, rgba(234,224,207,.11), rgba(114,136,174,.035)),
    #111844 !important;
  color: #fff !important;
}

.tabs,
.modalTabs,
.accTabs {
  background: rgba(17,24,68,.48) !important;
}

.ph__label,
.ph.has-img .ph__label,
.mwHot__media::after {
  background: linear-gradient(180deg, transparent 34%, rgba(0,0,0,.88) 100%) !important;
}

.ph__img--contain,
.providerWall__logo,
.mwHot__media {
  background:
    linear-gradient(145deg, rgba(234,224,207,.08), rgba(114,136,174,.20)),
    #050711 !important;
  border-color: rgba(201,211,232,.20) !important;
}

.providerWall__shine {
  background:
    linear-gradient(135deg, rgba(234,224,207,.16), transparent 34%),
    linear-gradient(90deg, transparent, rgba(114,136,174,.22), transparent) !important;
}

.mDrawer__panel {
  background:
    linear-gradient(180deg, rgba(17,24,68,.82), rgba(0,0,0,.96) 42%),
    #000 !important;
  border-right-color: rgba(201,211,232,.28) !important;
}

.mGrid__ico {
  border-color: rgba(201,211,232,.24) !important;
  background: rgba(75,86,148,.34) !important;
  color: #fff !important;
}

.mNav__bg path {
  fill: rgba(0, 0, 0, .98) !important;
  stroke: rgba(201,211,232,.28) !important;
}

.mNav__ico svg,
.mNav__item.is-active .mNav__ico svg {
  stroke: #f4cf7a !important;
}

.mNav__lbl,
.mNav__item.is-active .mNav__lbl {
  color: rgba(255,255,255,.78) !important;
}

.mNav__item.is-active {
  background: transparent !important;
  box-shadow: none !important;
}

.mNav__homeLogo {
  filter: drop-shadow(0 5px 12px rgba(0,0,0,.54)) saturate(1.1) !important;
}

.mNavToast {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 10020;
  transform: translate(-50%, -50%) scale(.96);
  opacity: 0;
  pointer-events: none;
  border: 1px solid rgba(244, 207, 122, .50);
  border-radius: 22px;
  background: rgba(0, 0, 0, .92);
  color: #f4cf7a;
  padding: 24px 38px;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 1000;
  text-align: center;
  box-shadow: 0 24px 58px rgba(0, 0, 0, .52);
  transition: opacity .18s ease, transform .18s ease;
}

.mNavToast.is-show {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

.modal {
  background: rgba(0,0,0,.70);
}

.modal__panel {
  border-radius: 22px !important;
}

.modalForm input,
.modalForm select,
.modalForm textarea,
  .input,
  .tool__select,
  .tool__input,
  .inviteCode__input {
  background: #070a1d !important;
  border-color: rgba(201,211,232,.24) !important;
  color: #fff !important;
}

.accNav__link.is-active {
  background: rgba(75,86,148,.30) !important;
  border-left-color: #EAE0CF !important;
}

.dot--cash,
.dot--chips,
.dot--bonus {
  background: #7288AE !important;
}

.accTotal {
  color: #fff !important;
}

.footer {
  background: #000 !important;
  border-top-color: rgba(201,211,232,.18) !important;
}

@media (max-width: 900px) {
  body.page {
    padding-bottom: calc(80px + env(safe-area-inset-bottom));
  }

  .wrap {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .topbar__inner {
    height: 58px !important;
  }

  .hero__slide--full .heroBanner {
    border-radius: 22px !important;
  }

  .mwHero {
    min-height: 224px !important;
  }

  .mwHero__copy {
    min-height: 224px !important;
    padding: 22px 16px !important;
    max-width: 70% !important;
  }

  .mwHero__title {
    font-size: 35px !important;
  }

  .mwHero__chip {
    right: 15px !important;
    top: 42px !important;
    width: 98px !important;
    height: 98px !important;
  }

  .mwHero__cards {
    right: 14px !important;
    bottom: 22px !important;
  }

  .mwQuick__item {
    min-height: 76px !important;
  }

  .mwHot,
  .providerWall {
    gap: 9px !important;
  }

  .mwHot__card--hero,
  .providerWall__card.tile {
    border-radius: 20px !important;
  }
}

@media (max-width: 390px) {
  .mwHero__copy {
    max-width: 72% !important;
    padding: 20px 14px !important;
  }

  .mwHero__title {
    font-size: 31px !important;
  }

  .mwHero__chip {
    width: 88px !important;
    height: 88px !important;
    right: 11px !important;
  }
}

/* Mobile landing rebuild: header pass */
.mHeaderWallet,
.mHeaderIcon {
  display: none;
}

.creditRankBadge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  height: 28px;
  padding: 0 8px;
  border-radius: 12px;
  border: 1px solid rgba(239, 220, 163, .48);
  background: linear-gradient(180deg, rgba(239, 220, 163, .20), rgba(239, 220, 163, .08)), rgba(3, 17, 38, .92);
  color: #efdca3;
  font-size: 12px;
  line-height: 1;
  font-weight: 1000;
  letter-spacing: 0;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

.creditRankBadge--profile {
  width: fit-content;
}

.creditRankBadge--wallet,
.creditRankBadge--walletTab {
  min-width: 44px;
  height: 26px;
  padding: 0 9px;
  font-size: 11px;
}

@media (max-width: 900px) {
  .topbar {
    z-index: 100 !important;
  }

  .topbar__inner {
    height: 56px !important;
    display: grid !important;
    grid-template-columns: 74px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px !important;
    padding-left: 10px !important;
    padding-right: 8px !important;
  }

  .brand {
    position: static !important;
    left: auto !important;
    transform: none !important;
    justify-self: start;
    align-self: center;
    min-width: 0;
    height: 40px;
    display: flex !important;
    align-items: center;
  }

  .brand__img {
    height: 40px !important;
    max-width: 66px;
    object-fit: contain;
  }

  .brand__name {
    display: none !important;
  }

  .mHeaderWallet {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 5px;
    position: relative;
    min-width: 0;
    justify-self: stretch;
    align-self: center;
    height: 40px;
  }

  .mHeaderWallet__btn {
    width: 100%;
    min-width: 0;
    height: 40px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 5px;
    padding: 0 9px;
    border-radius: 12px;
    border: 1px solid rgba(201, 211, 232, .30);
    background:
      linear-gradient(180deg, rgba(234, 224, 207, .12), rgba(114, 136, 174, .05)),
      rgba(17, 24, 68, .92);
    color: #fff;
    box-shadow: inset 0 1px 0 rgba(234, 224, 207, .18), 0 10px 22px rgba(0, 0, 0, .34);
  }

  .mHeaderWallet__label {
    font-size: 10px;
    font-weight: 850;
    color: rgba(234, 224, 207, .72);
    text-transform: uppercase;
  }

  .mHeaderWallet__btn strong {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    font-size: 13px;
    line-height: 1;
    font-weight: 950;
  }

  .mHeaderWallet__stack {
    min-width: 0;
    display: grid;
    gap: 2px;
    align-items: center;
    justify-items: center;
    line-height: 1;
  }

  .mHeaderWallet__rank {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #efdca3;
    font-size: 9px;
    font-weight: 850;
  }

  .mHeaderWallet__caret {
    color: rgba(234, 224, 207, .78);
    font-size: 12px;
  }

  .mHeaderWallet__menu {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%);
    width: min(260px, calc(100vw - 28px));
    z-index: 10020;
    border-radius: 16px;
    overflow: hidden;
  }

  .creditRankBadge--header {
    min-width: 44px;
    height: 34px;
    padding: 0 8px;
    font-size: 11px;
    align-self: center;
  }

  .topbar__right--mobile {
    display: flex !important;
    position: static !important;
    top: auto !important;
    right: auto !important;
    transform: none !important;
    justify-self: end;
    align-self: center;
    align-items: center;
    gap: 6px;
    height: 40px;
  }

  .mHeaderIcon,
  .langDD--mobile .langDD__btn,
  .mBurger {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px;
    border-radius: 12px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center;
    text-decoration: none;
    font-size: 15px;
    line-height: 1;
    border: 1px solid rgba(201, 211, 232, .28) !important;
    background:
      linear-gradient(180deg, rgba(234, 224, 207, .13), rgba(114, 136, 174, .05)),
      #111844 !important;
    color: #fff !important;
    box-shadow: inset 0 1px 0 rgba(234, 224, 207, .18), 0 10px 22px rgba(0, 0, 0, .34) !important;
  }

  .langDD--mobile {
    display: grid;
    place-items: center;
    height: 40px;
  }

  .langDD--mobile .langDD__txt {
    font-size: 10px;
    font-weight: 900;
  }

  .langDD--mobile .langDD__caret {
    display: none;
  }

  .langDD--mobile .langDD__menu {
    right: 0;
    left: auto;
    top: calc(100% + 8px);
    z-index: 10030;
  }

  .mBurger {
    gap: 3px !important;
  }

  .mBurger__bar {
    width: 16px !important;
  }

  .mDrawer__panel {
    left: auto !important;
    right: 0 !important;
    width: min(332px, 88vw) !important;
    border-right: 0 !important;
    border-left: 1px solid rgba(201, 211, 232, .28) !important;
    transform: translateX(100%) !important;
  }

  .mDrawer.is-open .mDrawer__panel {
    transform: translateX(0) !important;
  }
}

@media (max-width: 370px) {
  .topbar__inner {
    grid-template-columns: 64px minmax(0, 1fr) auto;
    gap: 6px !important;
  }

  .brand__img {
    height: 36px !important;
    max-width: 58px;
  }

  .mHeaderWallet__label {
    display: none;
  }

	  .mHeaderWallet__btn {
	    grid-template-columns: minmax(0, 1fr) auto;
	    padding-left: 8px;
	  }

  .creditRankBadge--header {
    min-width: 40px;
    padding: 0 7px;
    font-size: 10px;
  }
	}

/* Mobile drawer icon system: no emoji glyphs */
.uiIcon {
  position: relative;
  width: 18px;
  height: 18px;
  display: inline-block;
  color: #EAE0CF;
}

.uiIcon::before,
.uiIcon::after {
  content: "";
  position: absolute;
  display: block;
  box-sizing: border-box;
}

.uiIcon--profile::before {
  left: 5px;
  top: 1px;
  width: 8px;
  height: 8px;
  border: 2px solid currentColor;
  border-radius: 50%;
}

.uiIcon--profile::after {
  left: 2px;
  bottom: 1px;
  width: 14px;
  height: 7px;
  border: 2px solid currentColor;
  border-bottom: 0;
  border-radius: 9px 9px 0 0;
}

.uiIcon--message::before {
  left: 1px;
  top: 3px;
  width: 16px;
  height: 12px;
  border: 2px solid currentColor;
  border-radius: 4px;
}

.uiIcon--message::after {
  left: 5px;
  top: 5px;
  width: 8px;
  height: 8px;
  border-left: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg);
}

.uiIcon--bell::before {
  left: 3px;
  top: 2px;
  width: 12px;
  height: 13px;
  border: 2px solid currentColor;
  border-bottom-width: 3px;
  border-radius: 9px 9px 5px 5px;
}

.uiIcon--bell::after {
  left: 7px;
  bottom: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: currentColor;
}

.uiIcon--close::before,
.uiIcon--close::after {
  left: 8px;
  top: 2px;
  width: 2px;
  height: 14px;
  border-radius: 999px;
  background: currentColor;
}

.uiIcon--close::before {
  transform: rotate(45deg);
}

.uiIcon--close::after {
  transform: rotate(-45deg);
}

.mDrawer__panel {
  box-shadow:
    -24px 0 54px rgba(0, 0, 0, .54),
    inset 1px 0 0 rgba(234, 224, 207, .12) !important;
}

.mDrawer__top {
  justify-content: flex-end !important;
  margin-bottom: 8px !important;
  border-bottom: 0 !important;
}

.mDrawer__close {
  width: 28px !important;
  height: 28px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #EAE0CF !important;
  box-shadow: none !important;
}

.mGrid {
  gap: 9px !important;
}

.mGrid--games {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

.mGrid--account {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin-top: 14px !important;
}

.mGrid__item {
  min-height: 82px !important;
  border-radius: 10px !important;
  background:
    linear-gradient(145deg, rgba(234, 224, 207, .09), rgba(114, 136, 174, .04) 42%, rgba(75, 86, 148, .19)),
    rgba(6, 8, 25, .94) !important;
  border-color: rgba(234, 224, 207, .16) !important;
  box-shadow:
    0 12px 24px rgba(0, 0, 0, .34),
    inset 0 1px 0 rgba(234, 224, 207, .12),
    inset 0 0 0 1px rgba(114, 136, 174, .10) !important;
}

.mGrid--games .mGrid__item {
  min-height: 64px !important;
  padding: 8px 4px !important;
  gap: 4px !important;
  border-radius: 9px !important;
}

.mGrid--games .mGrid__ico {
  width: 28px !important;
  height: 28px !important;
  border-radius: 8px !important;
}

.mGrid--games .mGrid__lbl {
  font-size: 10px !important;
  line-height: 1.1 !important;
}

.mWalletSummary {
  margin-top: 0 !important;
  border-radius: 8px !important;
  border: 1px solid rgba(234, 224, 207, .12) !important;
  background: rgba(6, 8, 25, .58) !important;
  box-shadow: inset 0 1px 0 rgba(234, 224, 207, .06) !important;
  overflow: hidden;
}

.mDrawer__divider {
  margin: 12px 0 10px !important;
  border-top: 1px solid rgba(234, 224, 207, .12) !important;
}

.mWalletSummary__row {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.mWalletSummary__item,
.mWalletSummary__total {
  padding: 9px 8px !important;
  display: flex !important;
  flex-direction: column;
  gap: 3px !important;
  min-width: 0;
}

.mWalletSummary__item+.mWalletSummary__item {
  border-left: 1px solid rgba(234, 224, 207, .10) !important;
}

.mWalletSummary__item span,
.mWalletSummary__total span {
  font-size: 10px !important;
  font-weight: 800 !important;
  color: rgba(234, 224, 207, .62) !important;
}

.mWalletSummary__item strong,
.mWalletSummary__total strong {
  font-size: 12px !important;
  line-height: 1.15 !important;
  color: rgba(234, 224, 207, .94) !important;
  overflow-wrap: anywhere;
}

.mWalletSummary__total {
  border-top: 1px solid rgba(234, 224, 207, .10) !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

.mDrawer__panel .mGrid {
  gap: 8px !important;
}

.mDrawer__panel .mGrid--account {
  margin-top: 8px !important;
}

.mDrawer__panel .mGrid__item {
  min-height: 70px !important;
  border-radius: 8px !important;
  padding: 10px 6px !important;
  background:
    linear-gradient(180deg, rgba(234, 224, 207, .075), rgba(114, 136, 174, .035)),
    rgba(6, 8, 25, .72) !important;
  border-color: rgba(234, 224, 207, .12) !important;
  box-shadow: inset 0 1px 0 rgba(234, 224, 207, .08) !important;
}

.mDrawer__panel .mGrid--games .mGrid__item {
  min-height: 58px !important;
  padding: 8px 4px !important;
}

.mDrawer__panel .mGrid__ico {
  width: 30px !important;
  height: 30px !important;
  border-radius: 8px !important;
  background: rgba(234, 224, 207, .07) !important;
  border-color: rgba(234, 224, 207, .13) !important;
  box-shadow: none !important;
}

.mDrawer__panel .mGrid--games .mGrid__ico {
  width: 26px !important;
  height: 26px !important;
}

.mDrawer__panel .mGrid__lbl {
  font-size: 11px !important;
  line-height: 1.1 !important;
}

.mDrawer__panel .mGrid--games .mGrid__lbl {
  font-size: 10px !important;
}

.mGrid__item.is-active {
  border-color: rgba(234, 224, 207, .30) !important;
  background:
    linear-gradient(145deg, rgba(234, 224, 207, .14), rgba(114, 136, 174, .08) 44%, rgba(75, 86, 148, .26)),
    rgba(17, 24, 68, .96) !important;
}

.mGrid__ico {
  position: relative;
  width: 32px !important;
  height: 32px !important;
  border-radius: 9px !important;
  display: grid !important;
  place-items: center;
  color: transparent !important;
  font-size: 0 !important;
  background:
    linear-gradient(180deg, rgba(234, 224, 207, .18), rgba(114, 136, 174, .09)),
    rgba(75, 86, 148, .34) !important;
  border: 1px solid rgba(234, 224, 207, .24) !important;
  box-shadow:
    0 0 18px rgba(114, 136, 174, .20),
    inset 0 1px 0 rgba(234, 224, 207, .18);
}

.mGrid__ico::before,
.mGrid__ico::after {
  content: "";
  position: absolute;
  display: block;
  box-sizing: border-box;
}

.mGrid__ico--home::before {
  width: 15px;
  height: 12px;
  border: 2px solid #EAE0CF;
  border-top: 0;
  border-radius: 2px;
  transform: translateY(3px);
}

.mGrid__ico--home::after {
  width: 13px;
  height: 13px;
  border-left: 2px solid #EAE0CF;
  border-top: 2px solid #EAE0CF;
  transform: translateY(-4px) rotate(45deg);
}

.mGrid__ico--promo::before {
  width: 16px;
  height: 16px;
  border: 2px solid #EAE0CF;
  border-radius: 4px;
}

.mGrid__ico--promo::after {
  width: 2px;
  height: 18px;
  background: #EAE0CF;
  box-shadow: 6px 0 0 rgba(234, 224, 207, .72), -6px 0 0 rgba(234, 224, 207, .72);
  transform: rotate(45deg);
}

.mGrid__ico--slots::before,
.mGrid__ico--game::before {
  width: 16px;
  height: 16px;
  border: 2px solid #EAE0CF;
  border-radius: 5px;
}

.mGrid__ico--slots::after,
.mGrid__ico--game::after {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #EAE0CF;
  box-shadow: 6px 0 0 #EAE0CF, -6px 0 0 #EAE0CF;
}

.mGrid__ico--sports::before {
  width: 17px;
  height: 17px;
  border: 2px solid #EAE0CF;
  border-radius: 50%;
}

.mGrid__ico--sports::after {
  width: 15px;
  height: 2px;
  background: #EAE0CF;
  transform: rotate(-28deg);
}

.mGrid__ico--lottery::before {
  content: "7";
  position: absolute;
  color: #EAE0CF;
  font-size: 17px;
  line-height: 1;
  font-weight: 950;
}

.mGrid__ico--casino::before {
  width: 15px;
  height: 18px;
  border: 2px solid #EAE0CF;
  border-radius: 4px;
  transform: rotate(-8deg);
}

.mGrid__ico--casino::after {
  width: 11px;
  height: 15px;
  border: 2px solid rgba(234, 224, 207, .72);
  border-radius: 4px;
  transform: translate(4px, 2px) rotate(8deg);
}

.mGrid__ico--wallet::before {
  width: 17px;
  height: 12px;
  border: 2px solid #EAE0CF;
  border-radius: 4px;
}

.mGrid__ico--wallet::after {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #EAE0CF;
  transform: translateX(5px);
}

.mGrid__ico--deposit::before,
.mGrid__ico--withdraw::before {
  width: 2px;
  height: 15px;
  border-radius: 999px;
  background: #EAE0CF;
}

.mGrid__ico--deposit::after,
.mGrid__ico--withdraw::after {
  width: 9px;
  height: 9px;
  border-right: 2px solid #EAE0CF;
  border-bottom: 2px solid #EAE0CF;
  transform: translateY(3px) rotate(45deg);
}

.mGrid__ico--withdraw::after {
  transform: translateY(-3px) rotate(225deg);
}

.mGrid__ico--referral::before,
.mGrid__ico--profile::before {
  width: 9px;
  height: 9px;
  border: 2px solid #EAE0CF;
  border-radius: 50%;
  transform: translateY(-5px);
}

.mGrid__ico--referral::after,
.mGrid__ico--profile::after {
  width: 17px;
  height: 8px;
  border: 2px solid #EAE0CF;
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  transform: translateY(8px);
}

.mGrid__ico--referral::before {
  box-shadow: 8px 3px 0 -3px rgba(234, 224, 207, .82);
}

.mGrid__ico--message::before {
  width: 17px;
  height: 13px;
  border: 2px solid #EAE0CF;
  border-radius: 4px;
}

.mGrid__ico--message::after {
  width: 9px;
  height: 9px;
  border-left: 2px solid #EAE0CF;
  border-bottom: 2px solid #EAE0CF;
  transform: translateY(-1px) rotate(-45deg);
}

.mGrid__ico--bell::before {
  width: 16px;
  height: 17px;
  border: 2px solid #EAE0CF;
  border-bottom-width: 3px;
  border-radius: 10px 10px 6px 6px;
  transform: translateY(-1px);
}

.mGrid__ico--bell::after {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #EAE0CF;
  transform: translateY(10px);
}

.mGrid__ico--history::before {
  width: 14px;
  height: 17px;
  border: 2px solid #EAE0CF;
  border-radius: 3px;
}

.mGrid__ico--history::after {
  width: 8px;
  height: 2px;
  background: #EAE0CF;
  box-shadow: 0 5px 0 rgba(234, 224, 207, .72);
  transform: translateY(-2px);
}

/* Stake-inspired compact mobile lobby pass */
.stakeSwitch {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px;
  border-radius: 999px;
  background: rgba(5, 7, 17, .78);
  border: 1px solid rgba(234,224,207,.16);
  box-shadow: inset 0 1px 0 rgba(234,224,207,.08);
}

.stakeSwitch__item {
  min-width: 78px;
  padding: 8px 13px;
  border-radius: 999px;
  color: rgba(234,224,207,.74);
  text-decoration: none;
  font-size: 13px;
  font-weight: 850;
  text-align: center;
}

.stakeSwitch__item.is-active {
  color: #fff;
  background: linear-gradient(180deg, #7288AE, #4B5694 58%, #111844);
  box-shadow: inset 0 1px 0 rgba(234,224,207,.28), 0 8px 18px rgba(0,0,0,.28);
}

.stakeSwitch__item--disabled {
  opacity: .62;
}

.mwSearchEntry {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: min(100%, 420px);
  min-height: 44px;
  margin-top: 12px;
  padding: 0 12px 0 16px;
  border-radius: 12px;
  border: 1px solid rgba(234,224,207,.18);
  background: rgba(5,7,17,.76);
  color: rgba(234,224,207,.70);
  text-decoration: none;
  font-size: 13px;
  box-shadow: inset 0 1px 0 rgba(234,224,207,.08);
}

.mwSearchEntry strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 68px;
  height: 30px;
  border-radius: 9px;
  color: #fff;
  font-size: 12px;
  background: #4B5694;
}

@media (max-width: 900px) {
  body.page {
    background-image:
      radial-gradient(circle at 50% 0, rgba(114,136,174,.24), transparent 30%),
      linear-gradient(180deg, #111844 0%, #080b1d 26%, #02030a 58%, #000 100%) !important;
  }

  .topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 60 !important;
    background: rgba(10,13,32,.94) !important;
    backdrop-filter: blur(14px);
  }

  .hero {
    padding-top: 10px !important;
  }

  .hero__slides {
    border: 0 !important;
  }

  .hero__nav,
  .hero__dots,
  .mwHero__chip,
  .mwHero__cards {
    display: none !important;
  }

  .hero__slide--full .heroBanner,
  .mwHero {
    min-height: 0 !important;
    border-radius: 14px !important;
    border-color: rgba(234,224,207,.14) !important;
    background:
      radial-gradient(circle at 92% 0, rgba(114,136,174,.30), transparent 30%),
      linear-gradient(180deg, rgba(17,24,68,.98), rgba(7,10,29,.98)) !important;
    box-shadow: 0 10px 22px rgba(0,0,0,.30), inset 0 1px 0 rgba(234,224,207,.12) !important;
  }

  .mwHero::before,
  .mwHero::after {
    display: none !important;
  }

  .mwHero__copy {
    max-width: 100% !important;
    min-height: 0 !important;
    padding: 14px !important;
  }

  .mwHero__kicker {
    margin-top: 12px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: rgba(234,224,207,.64) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
  }

  .mwHero__title {
    margin-top: 4px !important;
    font-size: 30px !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
  }

  .mwHero__sub {
    max-width: 310px !important;
    margin-top: 6px !important;
    color: rgba(234,224,207,.72) !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
  }

  .mwHero__actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 8px !important;
    margin-top: 12px !important;
  }

  .mwHero__btn,
  .btn {
    min-height: 40px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    font-weight: 850 !important;
  }

  .section {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .section--tight {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  .kycPromo {
    min-height: 42px;
    border-radius: 12px !important;
    padding: 9px 12px !important;
    font-size: 12px !important;
    background: rgba(17,24,68,.78) !important;
  }

  .guestCta {
    display: block !important;
    padding: 12px !important;
    border-radius: 14px !important;
    background: rgba(7,10,29,.94) !important;
  }

  .guestCta__kicker,
  .guestCta__sub {
    display: none !important;
  }

  .guestCta__title {
    margin-bottom: 10px !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
  }

  .guestCta__right {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 8px !important;
  }

  .mwQuick__grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .mwQuick__item {
    min-height: 58px !important;
    padding: 8px 5px !important;
    border-radius: 12px !important;
    font-size: 11px !important;
    background: rgba(17,24,68,.86) !important;
  }

  .mwQuick__icon {
    min-width: 42px !important;
    height: 24px !important;
    font-size: 10px !important;
    border-radius: 999px !important;
  }

  .sectionHead {
    margin-bottom: 9px !important;
  }

  .sectionHead__eyebrow {
    font-size: 11px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
  }

  .sectionHead h2 {
    font-size: 18px !important;
    line-height: 1.1 !important;
  }

  .sectionHead__link {
    min-height: 30px !important;
    padding: 0 11px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
  }

  .mwHot {
    display: flex !important;
    gap: 10px !important;
    margin: 0 -12px !important;
    padding: 0 12px 12px !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .mwHot::-webkit-scrollbar {
    display: none;
  }

  .mwHot__card,
  .mwHot__card--hero {
    flex: 0 0 clamp(116px, 32vw, 148px) !important;
    width: clamp(116px, 32vw, 148px) !important;
    min-height: 0 !important;
    height: auto !important;
    grid-column: auto !important;
    grid-row: auto !important;
    scroll-snap-align: start;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: rgba(17,24,68,.68) !important;
  }

  .mwHot__media,
  .mwHot__card--hero .mwHot__media {
    width: 100% !important;
    height: clamp(138px, 38vw, 172px) !important;
    min-height: 0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 18px rgba(0,0,0,.34) !important;
    position: relative !important;
  }

  .mwHot__img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
  }

  .mwHot__meta,
  .mwHot__name,
  .mwHot__provider {
    display: none !important;
  }

  .providerWall {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .providerWall__card.tile {
    min-height: 112px !important;
    border-radius: 13px !important;
    padding: 8px !important;
  }

  .providerWall__logo {
    min-height: 72px !important;
    border-radius: 11px !important;
    position: relative !important;
    overflow: hidden !important;
    background:
      radial-gradient(circle at 24% 20%, rgba(234,224,207,.18), transparent 26%),
      linear-gradient(145deg, rgba(114,136,174,.34), rgba(17,24,68,.96)) !important;
  }

  .providerWall__logo.has-img .providerWall__img {
    display: none !important;
  }

  .providerWall__logo.has-img .mwProviderMark {
    display: flex !important;
  }

  .providerWall__rank {
    transform: scale(.82);
    transform-origin: top left;
  }

  .steps {
    display: none !important;
  }

  .headline {
    font-size: 20px !important;
  }
}

.mwProviderMark {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: #fff;
  text-align: center;
}

.providerWall__logo {
  position: relative;
  overflow: hidden;
}

.providerWall__logo.has-img .mwProviderMark {
  display: none;
}

.mwProviderMark::before {
  content: "";
  position: absolute;
  inset: 10px;
  border-radius: 12px;
  border: 1px solid rgba(234,224,207,.18);
  background:
    linear-gradient(135deg, rgba(234,224,207,.12), transparent 42%),
    rgba(0,0,0,.12);
}

.mwProviderMark__sig,
.mwProviderMark__line,
.mwProviderMark__label {
  position: relative;
  z-index: 1;
}

.mwProviderMark__sig {
  font-size: 22px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: .7px;
  text-shadow: 0 8px 18px rgba(0,0,0,.50);
}

.mwProviderMark__line {
  width: 34px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, #EAE0CF, transparent);
}

.mwProviderMark__label {
  color: rgba(234,224,207,.68);
  font-size: 9px;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: .7px;
}

@media (max-width: 380px) {
  .mwHot {
    grid-auto-columns: 112px !important;
  }

  .mwHot__card,
  .mwHot__card--hero {
    flex-basis: 112px !important;
    width: 112px !important;
  }

  .providerWall {
    grid-template-columns: 1fr !important;
  }

  .providerWall__card.tile {
    min-height: 92px !important;
  }
}

/* Mobile landing rebuild: slideshow pass */
.mobileLandingShell {
  min-height: calc(100dvh - 136px);
}

.landingShow {
  width: min(100%, 520px);
  margin: 12px auto 0;
  padding: 0 12px;
}

.landingShow__track {
  position: relative;
  min-height: 194px;
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(234, 224, 207, .24);
  background:
    linear-gradient(135deg, rgba(234, 224, 207, .16), rgba(234, 224, 207, 0) 28%),
    radial-gradient(circle at 82% 18%, rgba(114, 136, 174, .34), transparent 34%),
    linear-gradient(160deg, #111844 0%, #060819 52%, #000 100%);
  box-shadow:
    0 22px 48px rgba(0, 0, 0, .50),
    inset 0 1px 0 rgba(234, 224, 207, .16);
}

.landingShow__track::before,
.landingShow__track::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 2;
}

.landingShow__track::before {
  display: none;
}

.landingShow__track::after {
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.035) 0 1px, transparent 1px 54px),
    linear-gradient(180deg, transparent 58%, rgba(0, 0, 0, .34));
  opacity: .72;
}

.landingShow__slide {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 104px;
  align-items: center;
  gap: 8px;
  padding: 26px 18px 24px;
  opacity: 0;
  transform: translateX(14px);
  transition: opacity .46s ease, transform .46s ease;
  z-index: 1;
}

.landingShow__slide.is-active {
  opacity: 1;
  transform: translateX(0);
  z-index: 3;
}

.landingShow__copy {
  min-width: 0;
}

.landingShow__eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(234, 224, 207, .22);
  background: rgba(0, 0, 0, .24);
  color: rgba(234, 224, 207, .82);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .7px;
  text-transform: uppercase;
}

.landingShow h1 {
  margin: 12px 0 8px;
  color: #fff;
  font-size: clamp(28px, 8vw, 40px);
  line-height: .94;
  font-weight: 950;
  letter-spacing: 0;
  text-shadow: 0 14px 30px rgba(0, 0, 0, .58);
}

.landingShow p {
  max-width: 220px;
  margin: 0;
  color: rgba(234, 224, 207, .74);
  font-size: 13px;
  line-height: 1.42;
  font-weight: 650;
}

.landingShow__mark {
  width: 96px;
  height: 96px;
  border-radius: 28px;
  display: grid;
  place-items: center;
  align-content: center;
  justify-self: end;
  color: #fff;
  border: 1px solid rgba(234, 224, 207, .34);
  background:
    linear-gradient(135deg, rgba(234, 224, 207, .62), rgba(234, 224, 207, .08) 22%, transparent 44%),
    linear-gradient(180deg, #7288AE, #4B5694 50%, #111844);
  box-shadow:
    0 18px 34px rgba(0, 0, 0, .48),
    inset 0 1px 0 rgba(234, 224, 207, .32);
  transform: rotate(4deg);
}

.landingShow__mark--platinum {
  transform: rotate(-4deg);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .58), rgba(234, 224, 207, .13) 24%, transparent 46%),
    linear-gradient(180deg, #EAE0CF, #7288AE 44%, #111844 100%);
}

.landingShow__mark span {
  font-size: 31px;
  line-height: 1;
  font-weight: 950;
}

.landingShow__mark small {
  margin-top: 2px;
  color: rgba(255, 255, 255, .72);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.landingShow__dots {
  display: flex;
  justify-content: center;
  gap: 7px;
  margin-top: 10px;
}

.landingShow__dots button {
  width: 7px;
  height: 7px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(234, 224, 207, .30);
  transition: width .28s ease, background .28s ease;
}

.landingShow__dots button.is-active {
  width: 24px;
  background: #EAE0CF;
}

.landingActions {
  width: min(100%, 520px);
  margin: 13px auto 0;
  padding: 0 12px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.landingAction {
  position: relative;
  min-width: 0;
  min-height: 66px;
  padding: 8px 4px 7px;
  border: 1px solid rgba(234, 224, 207, .20);
  border-radius: 15px;
  overflow: hidden;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 6px;
  color: #fff;
  text-decoration: none;
  font: inherit;
  font-size: 10px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0;
  text-align: center;
  background:
    linear-gradient(135deg, rgba(234, 224, 207, .15), transparent 38%),
    radial-gradient(circle at 50% 0, rgba(114, 136, 174, .28), transparent 42%),
    linear-gradient(180deg, rgba(17, 24, 68, .98), rgba(5, 7, 17, .98));
  box-shadow:
    0 12px 26px rgba(0, 0, 0, .36),
    inset 0 1px 0 rgba(234, 224, 207, .16),
    inset 0 -1px 0 rgba(0, 0, 0, .38);
  animation: landingActionGlow 3.2s ease-in-out infinite;
}

.landingAction:nth-child(2) {
  animation-delay: .25s;
}

.landingAction:nth-child(3) {
  animation-delay: .5s;
}

.landingAction:nth-child(4) {
  animation-delay: .75s;
}

.landingAction::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent 0 35%, rgba(234, 224, 207, .16) 47%, transparent 60% 100%);
  transform: translateX(-115%);
  opacity: .8;
  animation: landingActionSweep 4.8s ease-in-out infinite;
}

.landingAction::after {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: 14px;
  border: 1px solid rgba(114, 136, 174, .18);
  pointer-events: none;
}

.landingAction__glyph,
.landingAction span:last-child {
  position: relative;
  z-index: 1;
}

.landingAction__glyph {
  width: 28px;
  height: 28px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(234, 224, 207, .24);
  background:
    linear-gradient(180deg, rgba(234, 224, 207, .20), rgba(114, 136, 174, .10)),
    rgba(75, 86, 148, .34);
  box-shadow:
    0 0 18px rgba(114, 136, 174, .22),
    inset 0 1px 0 rgba(234, 224, 207, .20);
}

.landingAction__glyph::before,
.landingAction__glyph::after {
  content: "";
  position: absolute;
  display: block;
}

.landingAction__glyph--deposit::before,
.landingAction__glyph--withdraw::before {
  width: 2px;
  height: 13px;
  border-radius: 999px;
  background: #EAE0CF;
}

.landingAction__glyph--deposit::after,
.landingAction__glyph--withdraw::after {
  width: 9px;
  height: 9px;
  border-right: 2px solid #EAE0CF;
  border-bottom: 2px solid #EAE0CF;
  transform: translateY(3px) rotate(45deg);
}

.landingAction__glyph--withdraw::after {
  transform: translateY(-3px) rotate(225deg);
}

.landingAction__glyph--history::before {
  width: 14px;
  height: 14px;
  border: 2px solid #EAE0CF;
  border-radius: 50%;
}

.landingAction__glyph--history::after {
  width: 6px;
  height: 5px;
  border-left: 2px solid #EAE0CF;
  border-bottom: 2px solid #EAE0CF;
  transform: translate(2px, -1px);
}

.landingAction__glyph--wallet::before {
  width: 15px;
  height: 11px;
  border: 2px solid #EAE0CF;
  border-radius: 4px;
}

.landingAction__glyph--wallet::after {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #EAE0CF;
  transform: translateX(5px);
}

.landingAction--deposit {
  border-color: rgba(114, 136, 174, .34);
}

.landingAction--wallet {
  border-color: rgba(234, 224, 207, .28);
}

@keyframes landingActionGlow {
  0%,
  100% {
    box-shadow:
      0 12px 26px rgba(0, 0, 0, .36),
      0 0 0 rgba(114, 136, 174, 0),
      inset 0 1px 0 rgba(234, 224, 207, .16),
      inset 0 -1px 0 rgba(0, 0, 0, .38);
  }

  50% {
    box-shadow:
      0 14px 30px rgba(0, 0, 0, .42),
      0 0 20px rgba(114, 136, 174, .22),
      inset 0 1px 0 rgba(234, 224, 207, .24),
      inset 0 -1px 0 rgba(0, 0, 0, .38);
  }
}

@keyframes landingActionSweep {
  0%,
  68% {
    transform: translateX(-115%);
  }

  100% {
    transform: translateX(115%);
  }
}

.platformNotice {
  width: min(100%, 520px);
  margin: 8px auto 0;
  padding: 0 14px;
  color: rgba(234, 224, 207, .72);
  font-size: 10px;
  line-height: 1.2;
  font-weight: 650;
}

.platformNotice p {
  position: relative;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.platformNotice p span {
  display: inline-block;
  max-width: 100%;
}

.platformNotice__btn {
  width: 100%;
  border: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 7px;
  background: transparent;
  color: rgba(234, 224, 207, .88);
  font: inherit;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 760;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}

.platformNotice__btn span:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
}

.platformNotice__btn strong {
  color: #efdca3;
}

.platformNotice__icon {
  flex: 0 0 auto;
  font-size: 14px;
  filter: drop-shadow(0 0 8px rgba(244, 207, 114, .38));
}

.platformNotice.is-moving p {
  text-overflow: clip;
}

.platformNotice.is-moving p span {
  max-width: none;
  min-width: 100%;
  padding-left: 100%;
  animation: platformNoticeMove 14s linear infinite;
}

@keyframes platformNoticeMove {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
  }
}

.landingProviders {
  width: min(100%, 520px);
  margin: 14px auto 0;
  padding: 0 12px;
}

.landingProviders__filters {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  gap: 7px;
  overflow-x: auto;
  padding: 1px 0 10px;
  scrollbar-width: none;
}

/* 手机版分类标签排版居中（放不下时自动回退左对齐可滚动）。 */
@media (max-width: 900px) {
  .landingProviders__filters {
    justify-content: safe center;
  }
}

.landingProviders__filters::-webkit-scrollbar {
  display: none;
}

.landingProviders__filters button {
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(234, 224, 207, .16);
  border-radius: 999px;
  color: rgba(234, 224, 207, .76);
  background:
    linear-gradient(135deg, rgba(234, 224, 207, .10), transparent 38%),
    rgba(17, 24, 68, .72);
  box-shadow: inset 0 1px 0 rgba(234, 224, 207, .10);
  font: inherit;
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
  transition: color .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
}

.landingProviders__filters button.is-active {
  color: #fff;
  border-color: rgba(234, 224, 207, .42);
  background:
    linear-gradient(135deg, rgba(234, 224, 207, .22), transparent 42%),
    linear-gradient(180deg, rgba(75, 86, 148, .92), rgba(17, 24, 68, .94));
  box-shadow:
    0 0 18px rgba(114, 136, 174, .20),
    inset 0 1px 0 rgba(234, 224, 207, .22);
}

.landingProviders__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.landingProviderCard {
  position: relative;
  min-width: 0;
  aspect-ratio: 1 / 1;
  min-height: 0;
  padding: 7px;
  border-radius: 16px;
  border: 1px solid rgba(234, 224, 207, .18);
  overflow: hidden;
  display: flex;
  align-items: end;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background:
    radial-gradient(circle at 50% 0, rgba(114, 136, 174, .30), transparent 42%),
    linear-gradient(135deg, rgba(234, 224, 207, .12), transparent 38%),
    linear-gradient(180deg, rgba(17, 24, 68, .98), rgba(4, 6, 16, .98));
  box-shadow:
    0 14px 30px rgba(0, 0, 0, .36),
    inset 0 1px 0 rgba(234, 224, 207, .14);
  transform: translateZ(0);
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease, opacity .2s ease;
}

.landingProviderCard:nth-child(3n+2) {
  animation-delay: .18s;
}

.landingProviderCard:nth-child(3n) {
  animation-delay: .36s;
}

.landingProviderCard::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
  border: 1px solid rgba(114, 136, 174, .14);
  background:
    linear-gradient(180deg, rgba(0, 0, 0, .04) 0%, rgba(0, 0, 0, .08) 42%, rgba(0, 0, 0, .58) 100%),
    linear-gradient(90deg, rgba(255,255,255,.03) 0 1px, transparent 1px 38px);
  pointer-events: none;
}

.landingProviderCard__shine {
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent 0 36%, rgba(234, 224, 207, .13) 48%, transparent 60% 100%);
  transform: translateX(-120%);
  animation: landingProviderSweep 5.6s ease-in-out infinite;
  pointer-events: none;
}

.landingProviderCard__mark {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: auto;
  height: auto;
  margin: 0;
  border-radius: 0;
  display: grid;
  place-items: center;
  border: 0;
  background:
    radial-gradient(circle at 50% 22%, rgba(114, 136, 174, .34), transparent 42%),
    linear-gradient(150deg, rgba(75, 86, 148, .70), rgba(17, 24, 68, .95));
  box-shadow: none;
}

.landingProviderCard__mark img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  padding: 0;
  filter: drop-shadow(0 10px 18px rgba(0, 0, 0, .50));
}

.landingProviderCard__mark span {
  color: #EAE0CF;
  font-size: 31px;
  font-weight: 950;
  line-height: 1;
  opacity: .86;
}

.landingProviderCard__name,
.landingProviderCard__meta {
  position: relative;
  z-index: 2;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.landingProviderCard__name {
  width: 100%;
  padding: 24px 6px 0;
  border-radius: 12px 12px 0 0;
  color: #fff;
  font-size: 10px;
  font-weight: 950;
  line-height: 1.15;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .58) 60%, rgba(0, 0, 0, .72));
}

.landingProviderCard__meta {
  width: 100%;
  padding: 3px 6px 5px;
  border-radius: 0 0 12px 12px;
  color: rgba(234, 224, 207, .58);
  font-size: 8px;
  font-weight: 850;
  text-transform: uppercase;
  background: rgba(0, 0, 0, .72);
}

.landingProviderCard:hover,
.landingProviderCard:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(234, 224, 207, .36);
  box-shadow:
    0 18px 36px rgba(0, 0, 0, .42),
    0 0 22px rgba(114, 136, 174, .22),
    inset 0 1px 0 rgba(234, 224, 207, .22);
}

.landingProviderCard.is-hidden {
  display: none;
}

.landingMiniBanners {
  width: min(100%, 520px);
  margin: 14px auto 0;
  padding: 0;
}

.landingMiniBanners__track {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  padding: 0 12px 4px;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x;
}

.landingMiniBanners__track::-webkit-scrollbar {
  display: none;
}

.landingMiniBanner {
  position: relative;
  flex: 0 0 78%;
  max-width: 320px;
  min-height: 96px;
  padding: 16px 15px;
  border-radius: 18px;
  border: 1px solid rgba(234, 224, 207, .22);
  overflow: hidden;
  scroll-snap-align: start;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #fff;
  background:
    linear-gradient(135deg, rgba(234, 224, 207, .18), transparent 30%),
    radial-gradient(circle at 84% 18%, rgba(114, 136, 174, .36), transparent 36%),
    linear-gradient(160deg, rgba(17, 24, 68, .98), rgba(3, 5, 16, .98));
  box-shadow:
    0 18px 38px rgba(0, 0, 0, .40),
    inset 0 1px 0 rgba(234, 224, 207, .16);
}

.landingMiniBanner::before {
  display: none;
}

.landingMiniBanner::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.035) 0 1px, transparent 1px 42px),
    linear-gradient(180deg, transparent 56%, rgba(0, 0, 0, .25));
  opacity: .68;
  pointer-events: none;
}

.landingMiniBanner div,
.landingMiniBanner b {
  position: relative;
  z-index: 1;
}

.landingMiniBanner span {
  display: block;
  color: rgba(234, 224, 207, .70);
  font-size: 9px;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
}

.landingMiniBanner strong {
  display: block;
  margin-top: 7px;
  color: #fff;
  font-size: 20px;
  font-weight: 950;
  line-height: .96;
}

.landingMiniBanner p {
  max-width: 170px;
  margin: 7px 0 0;
  color: rgba(234, 224, 207, .68);
  font-size: 10px;
  font-weight: 650;
  line-height: 1.28;
}

.landingMiniBanner b {
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  border-radius: 15px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(234, 224, 207, .24);
  color: rgba(255, 255, 255, .88);
  background:
    linear-gradient(135deg, rgba(234, 224, 207, .22), transparent 48%),
    rgba(75, 86, 148, .34);
  box-shadow: inset 0 1px 0 rgba(234, 224, 207, .18);
  font-size: 15px;
  font-weight: 950;
}

.landingMiniBanner--platinum {
  background:
    linear-gradient(135deg, rgba(234, 224, 207, .24), transparent 32%),
    radial-gradient(circle at 86% 16%, rgba(234, 224, 207, .28), transparent 34%),
    linear-gradient(160deg, #111844 0%, #070917 58%, #000 100%);
}

.landingMiniBanner--blue {
  border-color: rgba(114, 136, 174, .35);
  background:
    linear-gradient(135deg, rgba(114, 136, 174, .28), transparent 34%),
    radial-gradient(circle at 86% 16%, rgba(75, 86, 148, .46), transparent 36%),
    linear-gradient(160deg, #111844 0%, #050713 58%, #000 100%);
}

.landingMiniBanner--steel {
  background:
    linear-gradient(135deg, rgba(234, 224, 207, .16), transparent 30%),
    radial-gradient(circle at 88% 20%, rgba(114, 136, 174, .30), transparent 35%),
    linear-gradient(160deg, #1b224f 0%, #080a18 60%, #000 100%);
}

.landingMiniBanner.landingMiniBanner--media {
  /* Full-width so one complete banner fills the strip (no cropped slivers of
     neighbouring banners); swipe to the next. */
  flex: 0 0 100%;
  max-width: 100%;
  aspect-ratio: 3 / 1;
  min-height: 0;
  padding: 0;
  background: #050814;
}

.landingMiniBanner.landingMiniBanner--media video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.landingMiniBanner.landingMiniBanner--media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

a.landingMiniBanner {
  cursor: pointer;
}

button.landingMiniBanner {
  border: 1px solid rgba(234, 224, 207, .22);
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}

.noticeModal {
  position: fixed;
  inset: 0;
  z-index: 10020;
  display: none;
  place-items: center;
  padding: 18px;
}

.noticeModal.is-open {
  display: grid;
}

.noticeModal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .72);
  backdrop-filter: blur(8px);
}

.noticeModal__panel {
  position: relative;
  width: min(92vw, 420px);
  border: 1px solid rgba(244, 207, 114, .28);
  border-radius: 18px;
  padding: 24px 20px 20px;
  background:
    radial-gradient(circle at 50% 0%, rgba(244, 207, 114, .14), transparent 44%),
    #070914;
  color: #fff;
  text-align: center;
  box-shadow: 0 22px 64px rgba(0, 0, 0, .64);
}

.noticeModal__panel--large {
  width: min(92vw, 520px);
  padding: 30px 24px 24px;
}

.noticeModal__panel--video {
  width: min(94vw, 760px);
  padding: 10px;
  background: #05070d;
}

.noticeModal__panel--video video {
  width: 100%;
  max-height: 78vh;
  display: block;
  border-radius: 12px;
  background: #000;
}

.noticeModal__close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 999px;
  background: rgba(255, 255, 255, .06);
  color: #fff;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

.noticeModal__icon {
  width: 50px;
  height: 50px;
  margin: 0 auto 12px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(244, 207, 114, .14);
  font-size: 24px;
}

.noticeModal h2 {
  margin: 0;
  color: #efdca3;
  font-size: 21px;
  line-height: 1.25;
}

.noticeModal p,
.noticeModal__body {
  margin: 14px 0 0;
}

.noticeModal__body {
  max-height: min(48vh, 360px);
  overflow-y: auto;
  padding: 14px 15px;
  border: 1px solid rgba(244, 207, 114, .18);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .02)),
    rgba(0, 0, 0, .24);
  color: rgba(255, 255, 255, .86);
  font-size: 15px;
  line-height: 1.65;
  text-align: left;
  white-space: pre-line;
  word-break: break-word;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

.noticeModal p {
  color: rgba(255, 255, 255, .86);
  font-size: 15px;
  line-height: 1.65;
  white-space: pre-line;
}

.landingMiniBanner.landingMiniBanner--media::after {
  background:
    linear-gradient(90deg, rgba(255,255,255,.025) 0 1px, transparent 1px 42px),
    linear-gradient(180deg, rgba(0, 0, 0, .06), rgba(0, 0, 0, .16));
}

.landingHotGames {
  width: min(100%, 520px);
  margin: 16px auto 0;
  padding: 0 12px;
}

.landingHotGames__head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.landingHotGames__head div {
  min-width: 0;
}

.landingHotGames__head span,
.landingHotGames__head a {
  color: rgba(234, 224, 207, .62);
  font-size: 9px;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
}

.landingHotGames__head strong {
  display: block;
  margin-top: 5px;
  color: #fff;
  font-size: 17px;
  font-weight: 950;
  line-height: 1;
}

.landingHotGames__head a {
  flex: 0 0 auto;
  min-height: 28px;
  padding: 0 11px;
  border: 1px solid rgba(234, 224, 207, .18);
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  color: rgba(234, 224, 207, .78);
  text-decoration: none;
  background: rgba(17, 24, 68, .72);
  box-shadow: inset 0 1px 0 rgba(234, 224, 207, .10);
}

.landingHotGames__rail {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-flow: dense;
  gap: 8px;
}

.landingHotGame {
  position: relative;
  min-width: 0;
  min-height: 0;
  aspect-ratio: 1 / 1;
  border-radius: 17px;
  border: 1px solid rgba(234, 224, 207, .17);
  overflow: hidden;
  display: flex;
  align-items: end;
  padding: 7px;
  color: #fff;
  text-decoration: none;
  background:
    linear-gradient(135deg, rgba(234, 224, 207, .12), transparent 38%),
    radial-gradient(circle at 22% 0, rgba(114, 136, 174, .22), transparent 34%),
    linear-gradient(155deg, rgba(16, 22, 59, .98), rgba(3, 5, 14, .98));
  box-shadow:
    0 14px 30px rgba(0, 0, 0, .34),
    inset 0 1px 0 rgba(234, 224, 207, .12);
  isolation: isolate;
  animation: landingHotFloat 4.8s ease-in-out infinite;
  animation-delay: var(--hot-delay, 0ms);
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}

.landingHotGame:nth-child(n + 2) {
  border-radius: 15px;
}

.landingHotGame--prime {
  aspect-ratio: auto;
  grid-column: span 2;
  grid-row: span 2;
  min-height: 168px;
  padding: 10px;
  background:
    linear-gradient(180deg, transparent 26%, rgba(0, 0, 0, .54) 100%),
    radial-gradient(circle at 78% 16%, rgba(234, 224, 207, .26), transparent 34%),
    linear-gradient(150deg, #1b224f 0%, #080a18 58%, #000 100%);
}

.landingHotGame::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(255,255,255,.03) 0 1px, transparent 1px 36px),
    linear-gradient(115deg, transparent 0 42%, rgba(234, 224, 207, .12) 50%, transparent 58% 100%);
  opacity: .7;
  transform: translateX(-34%);
  animation: landingHotSweep 6.2s ease-in-out infinite;
  pointer-events: none;
}

.landingHotGame__media {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0;
  overflow: hidden;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 50% 22%, rgba(114, 136, 174, .28), transparent 40%),
    linear-gradient(150deg, rgba(75, 86, 148, .78), rgba(17, 24, 68, .90));
  box-shadow: none;
}

.landingHotGame:nth-child(n + 2) .landingHotGame__media {
  width: auto;
  height: auto;
  border-radius: 0;
}

.landingHotGame--prime .landingHotGame__media {
  background:
    radial-gradient(circle at 50% 24%, rgba(114, 136, 174, .28), transparent 38%),
    linear-gradient(150deg, rgba(75, 86, 148, .78), rgba(17, 24, 68, .88));
}

.landingHotGame__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(1.05) contrast(1.02);
}

.landingHotGame__media > span {
  color: #EAE0CF;
  font-size: 25px;
  font-weight: 950;
  line-height: 1;
  opacity: .78;
}

.landingHotGame--prime .landingHotGame__media > span {
  font-size: 48px;
  opacity: .80;
}

.landingHotGame__body {
  position: relative;
  z-index: 2;
  width: 100%;
  min-width: 0;
  display: block;
  padding: 28px 6px 6px;
  border-radius: 12px;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .62) 52%, rgba(0, 0, 0, .76));
}

.landingHotGame__body span,
.landingHotGame__body small {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.landingHotGame__body span {
  color: #fff;
  font-size: 10px;
  font-weight: 950;
  line-height: 1.12;
}

.landingHotGame__body small {
  margin-top: 5px;
  color: rgba(234, 224, 207, .58);
  font-size: 8px;
  font-weight: 850;
  line-height: 1;
  text-transform: uppercase;
}

.landingHotGame--prime .landingHotGame__body {
  padding: 76px 7px 7px;
  border-radius: 14px;
}

.landingHotGame--prime .landingHotGame__body span {
  font-size: 17px;
  line-height: 1;
}

.landingHotGame--prime .landingHotGame__body small {
  color: rgba(234, 224, 207, .72);
  font-size: 9px;
}

.landingHotGame:hover,
.landingHotGame:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(234, 224, 207, .34);
  box-shadow:
    0 18px 36px rgba(0, 0, 0, .42),
    0 0 22px rgba(114, 136, 174, .20),
    inset 0 1px 0 rgba(234, 224, 207, .20);
}

@keyframes landingHotFloat {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-2px);
  }
}

@keyframes landingHotSweep {
  0%,
  68% {
    transform: translateX(-44%);
  }

  100% {
    transform: translateX(44%);
  }
}

@keyframes landingProviderSweep {
  0%,
  72% {
    transform: translateX(-120%);
  }

  100% {
    transform: translateX(120%);
  }
}

.landingCategories {
  width: min(100%, 520px);
  margin: 16px auto 0;
  padding: 0 12px 88px;
}

.landingCategories__head {
  margin-bottom: 10px;
}

.landingCategories__head span {
  display: block;
  color: rgba(234, 224, 207, .62);
  font-size: 9px;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
}

.landingCategories__head strong {
  display: block;
  margin-top: 5px;
  color: #fff;
  font-size: 17px;
  font-weight: 950;
  line-height: 1;
}

.landingCategories__rail {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.landingCategory {
  position: relative;
  min-width: 0;
  min-height: 86px;
  border: 1px solid rgba(234, 224, 207, .16);
  border-radius: 18px;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  align-content: center;
  text-align: center;
  align-items: center;
  gap: 8px;
  padding: 10px 6px;
  color: #fff;
  text-decoration: none;
  background:
    linear-gradient(135deg, rgba(234, 224, 207, .11), transparent 40%),
    radial-gradient(circle at 85% 8%, rgba(114, 136, 174, .25), transparent 38%),
    linear-gradient(150deg, rgba(18, 25, 70, .96), rgba(5, 8, 24, .98));
  box-shadow:
    0 14px 28px rgba(0, 0, 0, .30),
    inset 0 1px 0 rgba(234, 224, 207, .12);
  isolation: isolate;
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}

.landingCategory::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(115deg, transparent 0 38%, rgba(234, 224, 207, .10) 50%, transparent 62% 100%);
  opacity: .55;
  transform: translateX(-42%);
}

.landingCategory__icon {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(234, 224, 207, .18);
  border-radius: 15px;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 35% 25%, rgba(234, 224, 207, .20), transparent 34%),
    linear-gradient(145deg, rgba(75, 86, 148, .90), rgba(17, 24, 68, .98));
  box-shadow:
    inset 0 1px 0 rgba(234, 224, 207, .14),
    0 10px 18px rgba(0, 0, 0, .22);
}

.landingCategory__icon::before {
  content: "";
  width: 19px;
  height: 19px;
  border: 2px solid rgba(234, 224, 207, .82);
  border-radius: 7px;
  box-shadow: inset 0 0 0 5px rgba(234, 224, 207, .12);
}

.landingCategory--sport .landingCategory__icon::before {
  border-radius: 50%;
  box-shadow:
    inset 0 0 0 5px rgba(234, 224, 207, .10),
    inset 8px 0 0 rgba(234, 224, 207, .20);
}

.landingCategory--lottery .landingCategory__icon::before {
  width: 21px;
  height: 15px;
  border-radius: 5px;
  transform: rotate(-8deg);
}

.landingCategory--casino .landingCategory__icon::before {
  width: 20px;
  height: 20px;
  border-radius: 5px;
  transform: rotate(45deg);
}

.landingCategory__copy {
  min-width: 0;
  display: block;
  width: 100%;
}

.landingCategory__copy strong,
.landingCategory__copy small {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.landingCategory__copy strong {
  color: #fff;
  font-size: 13px;
  font-weight: 950;
  line-height: 1.05;
}

.landingCategory__copy small {
  margin-top: 6px;
  color: rgba(234, 224, 207, .58);
  font-size: 9px;
  font-weight: 850;
  line-height: 1;
  text-transform: uppercase;
}

.landingCategory:hover,
.landingCategory:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(234, 224, 207, .32);
  box-shadow:
    0 18px 34px rgba(0, 0, 0, .38),
    0 0 22px rgba(114, 136, 174, .18),
    inset 0 1px 0 rgba(234, 224, 207, .18);
}

@media (max-width: 370px) {
  .landingShow__slide {
    grid-template-columns: minmax(0, 1fr) 84px;
    padding: 22px 14px;
  }

  .landingShow__mark {
    width: 80px;
    height: 80px;
    border-radius: 23px;
  }

  .landingShow__mark span {
    font-size: 25px;
  }

  .landingActions {
    gap: 6px;
  }

  .landingAction {
    min-height: 62px;
    border-radius: 13px;
    font-size: 9px;
  }

  .landingAction__glyph {
    width: 25px;
    height: 25px;
    border-radius: 9px;
  }

  .platformNotice {
    margin-top: 7px;
    padding: 0 12px;
    font-size: 9px;
  }

  .landingProviders {
    margin-top: 12px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .landingProviders__grid {
    gap: 6px;
  }

  .landingProviderCard {
    border-radius: 14px;
    padding: 6px;
  }

  .landingProviderCard__mark {
    border-radius: 0;
  }

  .landingProviderCard__name {
    font-size: 9px;
  }

  .landingMiniBanners {
    margin-top: 12px;
  }

  .landingMiniBanners__track {
    gap: 8px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .landingMiniBanner {
    flex-basis: 82%;
    min-height: 88px;
    padding: 14px 13px;
    border-radius: 16px;
  }

  .landingMiniBanner strong {
    font-size: 18px;
  }

  .landingMiniBanner b {
    width: 40px;
    height: 40px;
    border-radius: 13px;
  }

  .landingHotGames {
    margin-top: 14px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .landingHotGames__rail {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
  }

  .landingHotGame {
    padding: 7px;
  }

  .landingHotGame--prime {
    min-height: 159px;
  }

  .landingHotGame__body span {
    font-size: 10px;
  }

  .landingHotGame--prime .landingHotGame__body span {
    font-size: 16px;
  }

  .landingCategories {
    margin-top: 14px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .landingCategories__rail {
    gap: 7px;
  }

  .landingCategory {
    min-height: 78px;
    gap: 7px;
    padding: 8px 5px;
    border-radius: 15px;
  }

  .landingCategory__icon {
    width: 36px;
    height: 36px;
    border-radius: 13px;
  }

  .landingCategory__icon::before {
    width: 16px;
    height: 16px;
  }

  .landingCategory__copy strong {
    font-size: 12px;
  }

  .landingCategory__copy small {
    font-size: 8px;
  }
}

.landingShow__track {
  aspect-ratio: 2 / 1;
  min-height: 0;
}

.landingShow__slide--image,
.landingShow__slide--media {
  display: block;
  padding: 0;
  background: #050814;
}

.landingShow__slide--image img,
.landingShow__slide--media video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* MS7 account pages refresh */
.accPage {
  background:
    radial-gradient(circle at 50% -120px, rgba(114, 136, 174, .24), transparent 340px),
    linear-gradient(180deg, rgba(17, 24, 68, .22), transparent 380px);
}

@media (max-width: 900px) {
  .topbar__inner {
    grid-template-columns: 74px minmax(0, 1fr) auto;
  }

  .topbar__inner > .mHeaderWallet + .topbar__right--mobile,
  .topbar__right--mobile {
    grid-column: 3;
  }
}

.profileTop,
.profileCard,
.mWallet,
.mTile,
.dCard,
.dNotice,
.dHistory,
.accBlock {
  border-color: rgba(234, 224, 207, .16);
  background:
    linear-gradient(135deg, rgba(234, 224, 207, .08), transparent 36%),
    linear-gradient(180deg, rgba(17, 24, 68, .88), rgba(5, 7, 17, .92));
  box-shadow:
    0 18px 38px rgba(0, 0, 0, .36),
    inset 0 1px 0 rgba(234, 224, 207, .10);
}

.profileWalletBox,
.mWallet__box,
.dHistItem,
.depSummary {
  border-color: rgba(234, 224, 207, .13);
  background: rgba(0, 0, 0, .28);
}

.profileWalletVal,
.mWallet__val,
.profileAction,
.dNotice__toggle,
.depSummary__row .v--req {
  color: #EAE0CF;
}

.profileTabs {
  gap: 8px;
  border-bottom-color: rgba(234, 224, 207, .12);
}

.profileTab {
  border-radius: 12px 12px 0 0;
  color: rgba(234, 224, 207, .72);
}

.profileTab.is-active {
  color: #fff;
  border-bottom-color: #EAE0CF;
  background: rgba(234, 224, 207, .08);
}

.warn {
  display: inline-flex;
  align-items: center;
  min-height: 18px;
  padding: 0 7px;
  border-radius: 999px;
  border: 1px solid rgba(234, 224, 207, .18);
  color: rgba(234, 224, 207, .82);
  background: rgba(114, 136, 174, .14);
  font-size: 9px;
  line-height: 1;
}

.mQuick__ico,
.mTile__ico {
  position: relative;
  color: #EAE0CF;
  border: 1px solid rgba(234, 224, 207, .22);
  background:
    linear-gradient(180deg, rgba(234, 224, 207, .14), rgba(114, 136, 174, .10)),
    rgba(17, 24, 68, .86);
  box-shadow: inset 0 1px 0 rgba(234, 224, 207, .12);
  font-size: 0;
}

.mQuick__ico::before,
.mQuick__ico::after,
.mTile__ico::before,
.mTile__ico::after {
  content: "";
  position: absolute;
  display: block;
}

.shareModeSwitch {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
  padding: 14px;
  border: 1px solid rgba(235, 191, 92, .28);
  border-radius: 16px;
  background:
    linear-gradient(135deg, rgba(235, 191, 92, .18), transparent 44%),
    linear-gradient(180deg, rgba(30, 22, 8, .94), rgba(5, 7, 17, .92));
  box-shadow: 0 16px 34px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 238, 178, .16);
}

.shareModeSwitch--desktop {
  margin-bottom: 16px;
}

.shareModeSwitch__eyebrow {
  color: rgba(255, 224, 137, .78);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.shareModeSwitch__title {
  margin-top: 3px;
  color: #fff5d1;
  font-weight: 1000;
  line-height: 1.25;
}

.shareModeSwitch__btn {
  min-width: 82px;
  height: 36px;
  border: 1px solid rgba(255, 224, 137, .34);
  border-radius: 999px;
  background: rgba(0, 0, 0, .34);
  color: rgba(255, 245, 209, .82);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 10px 4px 5px;
  font-weight: 1000;
}

.shareModeSwitch__btn.is-on {
  background: linear-gradient(135deg, #f8d77a, #a97919);
  color: #1b1204;
  border-color: rgba(255, 238, 178, .72);
}

.shareModeSwitch__knob {
  width: 26px;
  height: 26px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 4px 12px rgba(0, 0, 0, .22);
}

.shareModeSwitch__btn.is-on .shareModeSwitch__knob {
  background: #1b1204;
}

.sharePanel,
.shareMenu {
  border: 1px solid rgba(235, 191, 92, .24);
  border-radius: 16px;
  background:
    linear-gradient(135deg, rgba(235, 191, 92, .16), transparent 40%),
    linear-gradient(180deg, rgba(30, 22, 8, .92), rgba(5, 7, 17, .92));
  box-shadow: 0 18px 38px rgba(0, 0, 0, .36), inset 0 1px 0 rgba(255, 238, 178, .14);
}

.sharePanel[hidden],
.shareMenu[hidden],
[data-shareholder-menu][hidden] {
  display: none !important;
}

[data-player-menu][hidden],
[data-shareholder-hide][hidden] {
  display: none !important;
}

.sharePanel {
  padding: 16px;
  margin-bottom: 16px;
}

.sharePanel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.sharePanel__title {
  color: #fff5d1;
  font-size: 18px;
  font-weight: 1000;
}

.sharePanel__badge {
  border: 1px solid rgba(255, 224, 137, .32);
  border-radius: 999px;
  padding: 7px 10px;
  color: #ffe089;
  background: rgba(0, 0, 0, .28);
  font-size: 12px;
  font-weight: 1000;
  white-space: nowrap;
}

.shareMenu {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 12px;
  margin-bottom: 14px;
}

.shareMenu--desktop {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  padding: 0;
  margin-bottom: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.shareMenu__btn {
  min-height: 86px;
  border: 1px solid rgba(255, 224, 137, .20);
  border-radius: 14px;
  background: rgba(0, 0, 0, .26);
  color: #fff5d1;
  text-decoration: none;
  display: grid;
  place-items: center;
  gap: 8px;
  padding: 10px;
  text-align: center;
  font-weight: 1000;
}

.shareMenu__btn:hover {
  border-color: rgba(255, 224, 137, .48);
  background: rgba(235, 191, 92, .12);
}

.shareMenu__ico,
.accNav__shareIco {
  display: inline-grid;
  place-items: center;
  border-radius: 10px;
  background: linear-gradient(135deg, #f8d77a, #a97919);
  color: #1b1204;
  font-weight: 1000;
}

.shareMenu__ico {
  width: 34px;
  height: 34px;
  font-size: 12px;
}

.accNav__shareIco {
  width: 26px;
  height: 26px;
  margin-right: 9px;
  font-size: 10px;
}

.is-shareholder-gold .accPage {
  background:
    radial-gradient(circle at 50% -120px, rgba(235, 191, 92, .26), transparent 350px),
    linear-gradient(180deg, rgba(30, 22, 8, .34), transparent 420px);
}

.is-shareholder-gold .profileCard,
.is-shareholder-gold .accSide__panel,
.is-shareholder-gold .inviteCard {
  border-color: rgba(235, 191, 92, .20);
  background:
    linear-gradient(135deg, rgba(235, 191, 92, .12), transparent 40%),
    linear-gradient(180deg, rgba(30, 22, 8, .90), rgba(5, 7, 17, .92));
}

.is-shareholder-gold .profileAction,
.is-shareholder-gold .profileTab.is-active,
.is-shareholder-gold .accNav__link.is-active {
  color: #ffe089;
}

.is-shareholder-gold .accNav__link.is-active {
  border-left-color: #f8d77a;
  background: rgba(235, 191, 92, .13);
}

.is-shareholder-gold .topbar {
  background:
    linear-gradient(135deg, rgba(255, 240, 176, .22), transparent 28%),
    linear-gradient(180deg, rgba(76, 48, 7, .98), rgba(24, 15, 3, .96)) !important;
  border-bottom-color: rgba(255, 216, 102, .46) !important;
  box-shadow:
    0 16px 34px rgba(70, 42, 6, .42),
    inset 0 1px 0 rgba(255, 244, 190, .22) !important;
}

.is-shareholder-gold .brand__name,
.is-shareholder-gold .mHeaderWallet__label,
.is-shareholder-gold .mHeaderWallet__btn strong,
.is-shareholder-gold .walletBtn__label,
.is-shareholder-gold .walletBtn__amt,
.is-shareholder-gold .langDD__txt {
  color: #efdca3 !important;
}

.is-shareholder-gold .mHeaderWallet__btn,
.is-shareholder-gold .mHeaderIcon,
.is-shareholder-gold .mBurger,
.is-shareholder-gold .langDD__btn,
.is-shareholder-gold .icoBtn,
.is-shareholder-gold .walletBtn {
  border-color: rgba(255, 216, 102, .38) !important;
  background:
    linear-gradient(180deg, rgba(255, 240, 176, .18), rgba(184, 121, 20, .12)),
    rgba(31, 20, 4, .94) !important;
  color: #efdca3 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 244, 190, .20),
    0 10px 22px rgba(0, 0, 0, .38) !important;
}

.is-shareholder-gold .mBurger__bar {
  background: #ffe089 !important;
}

.is-shareholder-gold .mNav__bg path {
  fill: rgba(29, 18, 3, .98) !important;
  stroke: rgba(255, 216, 102, .40) !important;
}

.is-shareholder-gold .mNav__item {
  color: rgba(255, 246, 223, .78) !important;
}

.is-shareholder-gold .mNav__ico svg,
.is-shareholder-gold .mNav__item.is-active .mNav__ico svg {
  stroke: #ffe089 !important;
}

.is-shareholder-gold .mNav__lbl,
.is-shareholder-gold .mNav__item.is-active .mNav__lbl {
  color: #ffe089 !important;
}

.is-shareholder-gold .mNav__item.is-active {
  background: transparent !important;
  box-shadow: none !important;
}

.is-shareholder-gold .mNav__home {
  background:
    linear-gradient(180deg, #efdca3 0%, #efdca3 48%, #efdca3 100%) !important;
  border-color: rgba(83, 52, 10, .90) !important;
  box-shadow:
    0 18px 34px rgba(0, 0, 0, .54),
    0 0 0 6px rgba(255, 216, 102, .10),
    inset 0 1px 0 rgba(255, 255, 255, .36) !important;
}

.is-shareholder-gold [data-shareholder-nav-lock].is-shareholder-locked {
  cursor: default;
  opacity: .78;
  pointer-events: auto;
}

.is-shareholder-gold [data-shareholder-nav-lock][data-shareholder-allow].is-shareholder-locked {
  cursor: pointer;
  opacity: 1;
}

.is-shareholder-gold .mNav__homeLogo {
  animation: ms7ShareStarPulse 2.4s ease-in-out infinite;
  filter: drop-shadow(0 0 12px rgba(215, 163, 71, .60));
}

.is-shareholder-gold .mNav__sparkles i {
  background: #ffe8a5 !important;
  box-shadow: 0 0 12px rgba(255, 232, 165, .78) !important;
}

.is-shareholder-gold [data-shareholder-nav-lock].is-shareholder-locked:active {
  transform: none;
}

@media (max-width: 520px) {
  .shareModeSwitch {
    align-items: flex-start;
  }

  .shareModeSwitch__btn {
    min-width: 74px;
  }
}

.mQuick__ico--profile::before,
.mTile__ico--profile::before {
  width: 9px;
  height: 9px;
  top: 7px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  border: 2px solid currentColor;
}

.mQuick__ico--profile::after,
.mTile__ico--profile::after {
  width: 17px;
  height: 8px;
  left: 50%;
  bottom: 7px;
  transform: translateX(-50%);
  border: 2px solid currentColor;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom: 0;
}

.mTile__ico--wallet::before {
  width: 18px;
  height: 13px;
  inset: 10px auto auto 7px;
  border: 2px solid currentColor;
  border-radius: 5px;
}

.mTile__ico--wallet::after {
  width: 4px;
  height: 4px;
  top: 15px;
  right: 8px;
  border-radius: 50%;
  background: currentColor;
}

.mQuick__ico--referral::before,
.mTile__ico--referral::before {
  width: 8px;
  height: 8px;
  top: 9px;
  left: 8px;
  border: 2px solid currentColor;
  border-radius: 50%;
  box-shadow: 10px 0 0 -2px rgba(234, 224, 207, .95);
}

.mQuick__ico--referral::after,
.mTile__ico--referral::after {
  width: 20px;
  height: 8px;
  left: 7px;
  bottom: 8px;
  border: 2px solid currentColor;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom: 0;
}

.mTile__ico--message::before {
  width: 19px;
  height: 14px;
  inset: 9px auto auto 7px;
  border: 2px solid currentColor;
  border-radius: 4px;
}

.mTile__ico--message::after {
  width: 10px;
  height: 10px;
  left: 12px;
  top: 10px;
  border-left: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg);
}

.mTile__ico--bank::before {
  width: 20px;
  height: 12px;
  left: 7px;
  bottom: 8px;
  border: 2px solid currentColor;
  border-top: 0;
}

.mTile__ico--bank::after {
  width: 22px;
  height: 9px;
  left: 6px;
  top: 8px;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-bottom: 9px solid currentColor;
}

.mTile__ico--pin::before,
.mTile__ico--password::before {
  width: 17px;
  height: 14px;
  left: 8px;
  bottom: 7px;
  border: 2px solid currentColor;
  border-radius: 4px;
}

.mTile__ico--pin::after,
.mTile__ico--password::after {
  width: 12px;
  height: 10px;
  left: 11px;
  top: 7px;
  border: 2px solid currentColor;
  border-bottom: 0;
  border-radius: 999px 999px 0 0;
}

.mQuick__ico--history::before,
.mTile__ico--history::before {
  width: 18px;
  height: 18px;
  inset: 7px auto auto 7px;
  border: 2px solid currentColor;
  border-radius: 50%;
}

.mQuick__ico--history::after,
.mTile__ico--history::after {
  width: 7px;
  height: 6px;
  left: 16px;
  top: 12px;
  border-left: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
}

.mQuick__ico--records::before,
.mTile__ico--records::before {
  width: 19px;
  height: 15px;
  left: 7px;
  top: 10px;
  border: 2px solid currentColor;
  border-radius: 5px;
}

.mQuick__ico--records::after,
.mTile__ico--records::after {
  width: 3px;
  height: 3px;
  left: 11px;
  top: 16px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 10px 0 0 currentColor;
}

.mQuick__ico--withdraw::before {
  width: 2px;
  height: 15px;
  top: 8px;
  left: 16px;
  border-radius: 999px;
  background: currentColor;
}

.mQuick__ico--withdraw::after {
  width: 10px;
  height: 10px;
  left: 11px;
  bottom: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
}

.dMethod,
.dBank,
.dQuickBtn,
.depPromo {
  border-color: rgba(234, 224, 207, .16);
  background:
    linear-gradient(135deg, rgba(234, 224, 207, .07), transparent 42%),
    rgba(17, 24, 68, .76);
}

.dMethod.is-active,
.dBank.is-active,
.depPromo.is-active {
  border-color: rgba(234, 224, 207, .64);
  box-shadow:
    0 0 0 2px rgba(234, 224, 207, .12) inset,
    0 0 22px rgba(114, 136, 174, .18);
}

.dMethod__ico {
  color: #EAE0CF;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0;
  border-color: rgba(234, 224, 207, .22);
  background:
    radial-gradient(circle at 50% 0, rgba(234, 224, 207, .18), transparent 58%),
    rgba(5, 7, 17, .42);
}

.dBank__tick {
  background: #EAE0CF;
  color: #111844;
}

.dAmt,
.pInput {
  border-color: rgba(234, 224, 207, .15);
  background: rgba(0, 0, 0, .28);
}

.dSubmit,
.pSubmit {
  background: linear-gradient(180deg, #EAE0CF, #C9D3E8);
  color: #111844;
}

.dHistory__title {
  display: flex;
  align-items: center;
  gap: 8px;
}

.dHistory__title::before,
.dHistoryEmpty__ico::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 2px solid #EAE0CF;
  border-radius: 50%;
}

.dHistoryEmpty__ico {
  width: 34px;
  height: 34px;
  margin: 0 auto;
  display: grid;
  place-items: center;
}

@media (max-width: 980px) {
  .mTiles {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .mTile {
    min-height: 88px;
    border-radius: 16px;
  }

  .mTile__ico {
    width: 32px;
    height: 32px;
  }

  .mTile__txt {
    font-size: 11px;
  }

  .mWallet__top {
    padding: 10px 11px 7px;
  }

  .mWallet__box {
    margin: 0 10px 9px;
    padding: 9px;
  }

  .mWallet__row {
    padding: 3px 0;
  }

  .mBlock,
  .dCard,
  .dNotice,
  .dHistory,
  .profileCard,
  .kycCard {
    margin-top: 10px;
  }

  .mBlock,
  .dCard,
  .dHistory,
  .profileCard,
  .kycCard {
    padding: 12px;
  }

  .dCard {
    margin-top: 8px;
  }

  .dMethods {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
  }

  .dMethods[data-dep-methods] {
    grid-template-columns: 1fr;
  }

  .dMethod {
    min-height: 70px;
    border-radius: 16px;
    gap: 6px;
    padding: 8px 7px;
  }

  .dBanks {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    margin-top: 8px;
  }

  .dBank {
    height: 64px;
  }

  .depPromos {
    gap: 8px;
    margin-top: 8px;
  }

  .depPromo {
    min-height: 128px;
    padding: 10px;
  }

  .depPromo__title,
  .depPromo__tags,
  .depPromo__meta {
    margin-bottom: 8px;
  }

  .depSummary {
    margin-top: 10px;
    padding: 12px;
  }

  .betHero {
    padding: 10px;
    gap: 10px;
  }

  .betHero__ico {
    width: 40px;
    height: 40px;
    border-radius: 14px;
  }

  .betHero__v {
    font-size: 16px;
  }

  .betHead {
    margin-bottom: 8px;
  }

  .betFilter {
    margin: 8px 0 10px;
    padding: 9px;
  }

  .betFilter__row {
    gap: 8px;
  }

  .betFilter__actions {
    margin-top: 8px;
  }

  .profileTabs {
    gap: 6px;
    margin-top: 10px;
  }

  .profileTab {
    padding: 9px 10px;
    font-size: 12px;
  }

  .profileDivider {
    margin: 12px 0;
  }

  .profileRow {
    grid-template-columns: 1fr;
    gap: 4px;
    padding: 7px 0;
  }
}


.shareApply{
  margin-top:16px;
  padding:16px;
  border:1px solid rgba(234,179,8,.28);
  border-radius:14px;
  background:linear-gradient(180deg, rgba(234,179,8,.10), rgba(255,255,255,.03));
  box-shadow:0 12px 28px rgba(0,0,0,.16);
}
.shareApply__head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.shareApply__eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.58);font-weight:800;}
.shareApply__title{margin-top:3px;font-size:16px;font-weight:900;color:#f8fafc;}
.shareApply__btn,.shareApply__status{border:1px solid rgba(234,179,8,.36);border-radius:999px;padding:9px 13px;font-size:12px;font-weight:900;}
.shareApply__btn{cursor:pointer;color:#16110a;background:linear-gradient(180deg,#fde68a,#d6a51d);box-shadow:0 10px 22px rgba(214,165,29,.22);}
.shareApply__status--pending{color:#fde68a;background:rgba(234,179,8,.12);}
.shareApply__status--approved{color:#bbf7d0;background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.35);}
.shareApply__status--rejected{color:#fecaca;background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.35);}
.shareApply__note{margin:10px 0 0;color:rgba(255,255,255,.68);font-size:13px;line-height:1.45;}
.shareApply__form{margin-top:14px;}
.shareApply__form[hidden]{display:none!important;}
.shareApply__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.shareApply__grid label{display:flex;flex-direction:column;gap:6px;color:rgba(255,255,255,.76);font-size:12px;font-weight:800;}
.shareApply__errors{margin:12px 0;padding:10px 12px;border:1px solid rgba(239,68,68,.35);border-radius:10px;background:rgba(239,68,68,.10);color:#fecaca;font-size:13px;line-height:1.45;}
@media(max-width:720px){.shareApply{padding:14px;border-radius:12px}.shareApply__grid{grid-template-columns:1fr}.shareApply__btn{width:100%;}.shareApply__head{align-items:stretch}.shareApply__head>div{flex:1 1 100%;}}

/* Auth modal refresh */
#authModal.modal.is-open {
  padding: 50px 14px calc(76px + env(safe-area-inset-bottom)) !important;
}

#authModal .modal__backdrop {
  background:
    radial-gradient(circle at 50% 18%, rgba(234, 203, 122, .16), transparent 30%),
    rgba(0, 0, 0, .74) !important;
  backdrop-filter: blur(6px);
}

#authModal .modal__panel {
  width: min(440px, 100%) !important;
  max-height: calc(100vh - 50px - 76px - env(safe-area-inset-bottom)) !important;
  padding: 18px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(234, 203, 122, .22) !important;
  background:
    linear-gradient(145deg, rgba(234, 203, 122, .08), rgba(64, 75, 118, .07) 34%, rgba(5, 7, 17, .98)),
    #060815 !important;
  box-shadow:
    0 20px 54px rgba(0, 0, 0, .58),
    inset 0 1px 0 rgba(255, 255, 255, .10) !important;
}

#authModal .modal__close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 34px;
  height: 34px;
  margin: 0;
  display: grid;
  place-items: center;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, .12);
  background: rgba(255, 255, 255, .06);
  color: rgba(255, 255, 255, .86);
  font-size: 22px;
  line-height: 1;
}

#authModal .modal__head {
  padding: 1px 44px 12px 0;
}

#authModal .modal__title {
  font-size: 21px;
  line-height: 1.15;
}

#authModal .modal__sub {
  margin-top: 7px;
  font-size: 13px;
  color: rgba(234, 224, 207, .70) !important;
}

#authModal .modalTabs {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
  padding: 4px !important;
  margin: 0 0 13px !important;
  border: 1px solid rgba(231, 175, 64, .18) !important;
  border-radius: 12px;
  background: #0c0c0c !important;
  box-shadow: none !important;
}

#authModal .modalTab {
  min-width: 0;
  min-height: 38px;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 9px;
  background: transparent !important;
  color: rgba(239, 220, 163, .74) !important;
  box-shadow: none !important;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.15;
  white-space: normal;
}

#authModal .modalTab.is-active {
  color: #080808 !important;
  background: #efdca3 !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

#authModal .modalTab::after,
#authModal .modalTab.is-active::after {
  display: none !important;
}

#authModal .modalForm {
  padding-top: 2px;
}

#authModal .fLabel {
  margin: 9px 0 5px;
  color: rgba(234, 224, 207, .86) !important;
  font-size: 12px;
  letter-spacing: .01em;
}

#authModal .fInput,
#authModal .modalForm select {
  height: 42px;
  border-radius: 10px !important;
  border: 1px solid rgba(231, 175, 64, .20) !important;
  background: #090909 !important;
  color: #fdfbf7 !important;
  box-shadow: none !important;
}

#authModal .fInput:focus,
#authModal .modalForm select:focus {
  border-color: rgba(231, 175, 64, .62) !important;
  box-shadow:
    0 0 0 3px rgba(231, 175, 64, .12);
}

#authModal .fRow .fInput {
  padding-right: 54px;
}

#authModal .eyeBtn,
#authModal .sendBtn,
#authModal .countryBtn,
#authModal #btnRefreshCaptcha {
  border-radius: 9px !important;
  border-color: rgba(201, 211, 232, .22) !important;
  background: rgba(255, 255, 255, .07) !important;
  box-shadow: none !important;
}

#authModal .eyeBtn {
  color: #fff !important;
  width: 38px;
  display: inline-grid;
  place-items: center;
  line-height: 1;
}

#authModal .eyeBtn__icon {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#authModal .eyeBtn__icon--hide,
#authModal .eyeBtn.is-visible .eyeBtn__icon--show {
  display: none;
}

#authModal .eyeBtn.is-visible .eyeBtn__icon--hide {
  display: block;
}

#authModal .btn--primary {
  min-height: 43px;
  border: 0 !important;
  border-radius: 10px !important;
  background: #efdca3 !important;
  color: #10131d !important;
  text-shadow: none !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, .22) !important;
}

#authModal .fBetween,
#authModal .modalFoot,
#authModal .terms {
  font-size: 12px;
}

#authModal .modalFoot {
  padding-top: 4px;
  flex-wrap: wrap;
}

#authModal .smallLinkBtn,
#authModal .smallLink,
#authModal .fBetween a {
  color: #f4cf7a !important;
}

#authModal .smallLinkBtn {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

#authModal .otpTabs {
  gap: 6px;
  padding: 4px;
  border: 1px solid rgba(201, 211, 232, .16) !important;
  border-radius: 11px;
  background: rgba(3, 5, 13, .52);
}

#authModal .otpTab {
  flex: 1 1 0;
  padding: 9px 8px !important;
  border-radius: 8px;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(255, 255, 255, .62) !important;
  font-size: 12px;
}

#authModal .otpTab.is-active {
  color: #fff !important;
  background: rgba(114, 136, 174, .35) !important;
}

#authModal .otpTab::after {
  display: none !important;
}

#authModal .phoneRow,
#authModal .otpRow {
  gap: 8px;
}

#authModal #captchaQuestion,
#authModal #mobileOtpDisplay,
#authModal #emailOtpDisplay {
  border-radius: 10px !important;
  border-color: rgba(234, 203, 122, .24) !important;
  background: rgba(3, 5, 13, .68) !important;
  color: #f4cf7a !important;
}

@media (max-width: 520px) {
  #authModal.modal.is-open {
    align-items: flex-start;
    padding: 16px 10px calc(78px + env(safe-area-inset-bottom)) !important;
  }

  #authModal .modal__panel {
    max-height: calc(100vh - 16px - 78px - env(safe-area-inset-bottom)) !important;
    padding: 16px !important;
    border-radius: 16px !important;
  }

  #authModal .modalTab {
    min-height: 40px;
    padding-inline: 6px !important;
    font-size: 12px;
  }

  #authModal .fBetween {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* Header flat refresh */
.topbar {
  background: rgba(5, 7, 17, .86) !important;
  border-bottom: 1px solid rgba(234, 203, 122, .16) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .24) !important;
}

.topbar__inner {
  height: 58px !important;
}

.brand {
  gap: 8px !important;
  min-width: 0;
}

.brand__img {
  height: 46px !important;
  max-width: 76px;
  object-fit: contain;
  filter: none !important;
}

.brand__name {
  color: #fff !important;
  font-size: 15px;
  font-weight: 950;
  letter-spacing: 0 !important;
}

.topbar__right {
  gap: 8px !important;
}

.topbar__right--desktop .linkBtn {
  min-height: 36px;
  padding: 0 14px !important;
  border: 1px solid rgba(231, 175, 64, .18) !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, .04) !important;
  color: rgba(255, 255, 255, .86) !important;
  box-shadow: none !important;
  font-size: 13px;
  font-weight: 850;
}

.topbar__right--desktop .btn--primary {
  min-height: 36px;
  padding: 0 15px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #efdca3 !important;
  color: #10131d !important;
  text-shadow: none !important;
  box-shadow: none !important;
  font-size: 13px;
  font-weight: 950;
}

.topbar__right--desktop .linkBtn:hover,
.topbar__right--desktop .btn--primary:hover {
  transform: translateY(-1px);
}

@media (max-width: 900px) {
  .topbar__inner {
    height: 54px !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
  }

  .brand {
    height: 38px !important;
    width: 104px;
  }

  .brand__img {
    height: 42px !important;
    max-width: 104px !important;
  }

  .brand__name {
    display: none !important;
    font-size: 14px;
  }

  .mHeaderIcon,
  .mBurger {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, .05) !important;
    border-color: rgba(201, 211, 232, .18) !important;
    box-shadow: none !important;
  }
}

@media (max-width: 370px) {
  .topbar__inner {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
  }

  .brand {
    width: 88px;
  }

  .brand__img {
    height: 38px !important;
    max-width: 88px !important;
  }
}

/* Profile auth-style refresh */
.accPage .accMain,
.accPage .profileTop,
.accPage .profileCard,
.accPage .mProfile,
.accPage .kycCard {
  border-color: rgba(231, 175, 64, .24) !important;
  background: #070707 !important;
  box-shadow: none !important;
}

.accPage .accMain {
  padding: 18px !important;
  border-radius: 16px !important;
}

.accPage .profileTop,
.accPage .profileCard,
.accPage .mProfile {
  border-radius: 16px !important;
}

.accPage .profileTop__title,
.accPage .profileSection__title,
.accPage .mProfile__title,
.accPage .accMain > h1 {
  color: #fdfbf7 !important;
  font-size: 21px;
  line-height: 1.15;
  letter-spacing: 0 !important;
}

.accPage .profileTop__title,
.accPage .profileSection__title {
  margin-bottom: 12px;
}

.accPage .profileWalletBox,
.accPage .profileRow {
  border: 1px solid rgba(231, 175, 64, .18) !important;
  border-radius: 12px;
  background: #0c0c0c !important;
  box-shadow: none !important;
}

.accPage .profileWalletBox {
  width: min(280px, 100%);
  padding: 12px 14px;
}

.accPage .profileRow {
  padding: 11px 12px;
}

.accPage .profileGrid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px !important;
}

.accPage .profileRow {
  grid-template-columns: 1fr !important;
  align-content: start;
  gap: 5px !important;
  min-height: 74px;
}

.accPage .profileKey,
.accPage .profileWalletLabel {
  color: rgba(239, 220, 163, .72) !important;
  opacity: 1 !important;
  font-size: 12px;
  font-weight: 800;
}

.accPage .profileVal,
.accPage .profileWalletVal {
  color: #fdfbf7 !important;
  font-weight: 900;
}

.accPage .profileVal {
  min-width: 0;
  overflow-wrap: anywhere;
  line-height: 1.25;
}

.accPage .profileAction {
  color: #efdca3 !important;
  font-weight: 950;
}

.accPage .profileTabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px !important;
  padding: 4px !important;
  margin: 13px 0 0 !important;
  border: 1px solid rgba(231, 175, 64, .18) !important;
  border-radius: 12px;
  background: #0c0c0c !important;
  box-shadow: none !important;
}

.accPage .profileTab {
  min-width: 0;
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: rgba(239, 220, 163, .74) !important;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.15;
  text-align: center;
  white-space: normal;
}

.accPage .profileTab.is-active {
  color: #080808 !important;
  background: #efdca3 !important;
}

.accPage .profileDivider {
  border-top-color: rgba(231, 175, 64, .14) !important;
}

.accPage .warn {
  border-color: rgba(16, 19, 29, .18) !important;
  background: #0c0c0c !important;
  color: inherit !important;
}

.accPage .kycPromo--inpage {
  margin-bottom: 12px !important;
  padding: 12px !important;
  display: flex !important;
  align-items: center;
  gap: 10px;
  border-radius: 12px !important;
  border: 1px solid rgba(231, 175, 64, .24) !important;
  background: #0c0c0c !important;
  color: #efdca3 !important;
  box-shadow: none !important;
}

.accPage .kycPromo__badge {
  flex: 0 0 auto;
  min-width: 48px;
  min-height: 32px;
  display: inline-grid;
  place-items: center;
  border-radius: 9px;
  background: #efdca3;
  color: #080808;
  font-size: 12px;
  font-weight: 950;
}

.accPage .kycPromo__text {
  min-width: 0;
  color: rgba(239, 220, 163, .82);
  font-size: 12px;
  font-weight: 850;
  line-height: 1.35;
}

.accPage .kycProgress {
  padding: 4px 0 12px !important;
}

.accPage .kycProgress__mark,
.accPage .kycProgress__ring {
  width: 54px !important;
  height: 54px !important;
  margin: 2px auto 11px !important;
}

.accPage .kycProgress__mark {
  display: grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid rgba(35, 211, 164, .40);
  background: rgba(35, 211, 164, .16);
  color: #7df3cf;
  font-size: 29px;
  font-weight: 950;
}

.accPage .kycProgress__ring {
  border-color: rgba(255, 255, 255, .12) !important;
  border-top-color: #efdca3 !important;
}

.accPage .kycProgress__title {
  color: #fdfbf7 !important;
  font-size: 20px;
  line-height: 1.15;
}

.accPage .kycProgress__title--approved {
  color: #7df3cf !important;
}

.accPage .kycProgress__sub,
.accPage .kycEmpty__sub,
.accPage .kycDangerNote {
  color: rgba(239, 220, 163, .72) !important;
  opacity: 1 !important;
}

.accPage .kycInfo {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px !important;
}

.accPage .kycRow {
  min-height: 74px;
  grid-template-columns: 1fr !important;
  align-content: start;
  gap: 5px !important;
  padding: 11px 12px;
  border: 1px solid rgba(231, 175, 64, .16) !important;
  border-radius: 12px;
  background: #0c0c0c !important;
  box-shadow: none !important;
}

.accPage .kycKey {
  color: rgba(239, 220, 163, .72) !important;
  opacity: 1 !important;
  font-size: 12px;
  font-weight: 800;
}

.accPage .kycVal {
  min-width: 0;
  color: #fdfbf7 !important;
  font-weight: 900;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.accPage .kycEmpty {
  padding: 4px 0 0 !important;
}

.accPage .kycEmpty__title {
  color: #fdfbf7 !important;
  font-size: 21px;
  line-height: 1.15;
}

.accPage .kycStart,
.accPage .kycCancel {
  min-height: 43px;
  border: 0 !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, .22) !important;
  font-weight: 950;
}

.accPage .kycStart {
  background: #efdca3 !important;
  color: #080808 !important;
}

.accPage .kycCancel {
  background: rgba(255, 91, 91, .90) !important;
  color: #160909 !important;
}

.accPage .pLabel {
  margin: 9px 0 5px;
  color: rgba(239, 220, 163, .86) !important;
  opacity: 1 !important;
  font-size: 12px;
  letter-spacing: 0 !important;
}

.accPage .pInput {
  min-height: 42px;
  border-radius: 10px !important;
  border: 1px solid rgba(231, 175, 64, .20) !important;
  background: #090909 !important;
  color: #fdfbf7 !important;
  box-shadow: none !important;
}

.accPage .pInput:focus {
  border-color: rgba(231, 175, 64, .62) !important;
  box-shadow:
    0 0 0 3px rgba(231, 175, 64, .12);
}

.accPage .pSend {
  min-height: 42px;
  border-radius: 9px !important;
  border-color: rgba(231, 175, 64, .22) !important;
  background: #090909 !important;
  color: #efdca3 !important;
  box-shadow: none !important;
}

.accPage .pSubmit,
.accPage .btn.btn-sm {
  min-height: 43px;
  border: 0 !important;
  border-radius: 10px !important;
  background: #efdca3 !important;
  color: #080808 !important;
  text-shadow: none !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, .22) !important;
  font-weight: 950;
}

.pModal__backdrop {
  background:
    radial-gradient(circle at 50% 18%, rgba(231, 175, 64, .16), transparent 30%),
    rgba(0, 0, 0, .74) !important;
  backdrop-filter: blur(6px);
}

.pModal__panel {
  width: min(440px, calc(100vw - 28px)) !important;
  padding: 18px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(231, 175, 64, .22) !important;
  background: #070707 !important;
  box-shadow: 0 20px 54px rgba(0, 0, 0, .58) !important;
}

.pModal__close {
  top: 14px !important;
  right: 14px !important;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 10px !important;
  border: 1px solid rgba(231, 175, 64, .18) !important;
  background: #0c0c0c !important;
  color: rgba(239, 220, 163, .86) !important;
  line-height: 1;
}

.pModal__title {
  padding-right: 44px;
  color: #fdfbf7 !important;
  font-size: 21px !important;
  line-height: 1.15;
}

@media (max-width: 520px) {
  .accPage .accMain,
  .accPage .profileCard,
  .accPage .mProfile,
  .accPage .kycCard {
    padding: 16px !important;
  }

  .accPage .profileTabs {
    gap: 4px !important;
  }

  .accPage .profileTab {
    min-height: 40px;
    padding-inline: 6px !important;
    font-size: 12px;
  }

  .accPage .profileRow {
    grid-template-columns: 1fr;
    gap: 5px;
  }

  .accPage .profileGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .accPage .profileRow {
    min-height: 74px;
  }

  .accPage .profileKey {
    font-size: 11px;
  }

  .accPage .profileVal {
    font-size: 13px;
  }

  .accPage .kycPromo--inpage {
    align-items: flex-start;
    gap: 9px;
  }

  .accPage .kycInfo {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .accPage .kycRow {
    min-height: 74px;
    padding: 10px !important;
  }

  .accPage .kycKey {
    font-size: 11px;
  }

  .accPage .kycVal {
    font-size: 13px;
  }

  .accPage .pRow {
    gap: 8px;
  }

  .pModal__panel {
    margin-top: 16px !important;
    padding: 16px !important;
  }
}

@media (max-width: 360px) {
  .accPage .profileGrid {
    gap: 8px !important;
  }

  .accPage .profileRow {
    padding: 10px !important;
  }

  .accPage .kycInfo {
    gap: 8px !important;
  }

  .accPage .kycRow {
    padding: 10px !important;
  }
}

/* Mobile drawer auth-style refresh */
.mDrawer__backdrop {
  background:
    radial-gradient(circle at 18% 12%, rgba(234, 203, 122, .16), transparent 28%),
    rgba(0, 0, 0, .74) !important;
  backdrop-filter: blur(6px) !important;
}

.mDrawer__panel {
  width: min(360px, 92vw) !important;
  padding: 14px !important;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  border-right: 1px solid rgba(234, 203, 122, .22) !important;
  background:
    linear-gradient(145deg, rgba(234, 203, 122, .10), rgba(64, 75, 118, .07) 32%, rgba(5, 7, 17, .98)),
    #060815 !important;
  box-shadow:
    24px 0 64px rgba(0, 0, 0, .62),
    inset -1px 0 0 rgba(255, 255, 255, .08) !important;
}

.mDrawer__top {
  min-height: 58px;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
  padding: 10px !important;
  border-radius: 14px;
  border: 1px solid rgba(201, 211, 232, .16);
  background: rgba(3, 5, 13, .58);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

.mDrawerBrand {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  text-decoration: none;
}

.mDrawerBrand__img {
  width: 42px;
  height: 42px;
  object-fit: contain;
  filter: drop-shadow(0 8px 16px rgba(234, 203, 122, .18));
}

.mDrawerBrand__meta {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.mDrawerBrand__eyebrow {
  color: rgba(234, 224, 207, .64);
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.mDrawerBrand__meta strong {
  max-width: 170px;
  overflow: hidden;
  color: #fff;
  font-size: 15px;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mDrawer__close {
  flex: 0 0 36px !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 11px !important;
  border: 1px solid rgba(201, 211, 232, .16) !important;
  background: rgba(255, 255, 255, .06) !important;
  color: rgba(255, 255, 255, .88) !important;
}

.mDrawer__sectionTitle {
  margin: 12px 2px 8px;
  color: rgba(234, 224, 207, .70);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.mDrawer__panel .mGrid {
  margin-top: 0 !important;
  gap: 9px !important;
}

.mDrawer__panel .mGrid--account {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.mDrawer__panel .mGrid--games {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.mDrawer__panel .mGrid__item {
  min-width: 0;
  min-height: 76px !important;
  padding: 10px 8px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(201, 211, 232, .16) !important;
  background:
    linear-gradient(145deg, rgba(234, 203, 122, .08), rgba(64, 75, 118, .05) 42%, rgba(3, 5, 13, .76)),
    rgba(3, 5, 13, .66) !important;
  box-shadow:
    0 12px 24px rgba(0, 0, 0, .26),
    inset 0 1px 0 rgba(255, 255, 255, .06) !important;
}

.mDrawer__panel .mGrid__item:active {
  transform: translateY(1px);
}

.mDrawer__panel .mGrid--games .mGrid__item {
  min-height: 58px !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  padding: 10px !important;
  gap: 9px !important;
}

.mDrawer__panel .mGrid__ico {
  width: 32px !important;
  height: 32px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(234, 203, 122, .22) !important;
  background: rgba(234, 203, 122, .10) !important;
  color: #f4cf7a !important;
}

.mDrawer__panel .mGrid--games .mGrid__ico {
  flex: 0 0 32px;
}

.mDrawer__panel .mGrid__lbl,
.mDrawer__panel .mGrid--games .mGrid__lbl {
  color: rgba(255, 255, 255, .88) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}

.mDrawer__divider {
  margin: 13px 0 10px !important;
  border-top: 1px solid rgba(201, 211, 232, .14) !important;
}

.mWalletSummary {
  border-radius: 13px !important;
  border: 1px solid rgba(201, 211, 232, .16) !important;
  background: rgba(3, 5, 13, .62) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}

.mWalletSummary__item,
.mWalletSummary__total {
  padding: 10px 9px !important;
}

.mWalletSummary__item span,
.mWalletSummary__total span {
  color: rgba(234, 224, 207, .66) !important;
}

.mWalletSummary__item strong,
.mWalletSummary__total strong {
  color: #fff !important;
  font-weight: 950 !important;
}

.mWalletSummary__total {
  border-top-color: rgba(201, 211, 232, .14) !important;
}

.mDrawer__bottom {
  padding-top: 14px !important;
}

.mDrawer__cta {
  min-height: 44px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #efdca3 !important;
  color: #10131d !important;
  text-shadow: none !important;
  box-shadow: 0 12px 24px rgba(0, 0, 0, .24) !important;
}

.mDrawer__cta.mDrawer__logout {
  border: 1px solid rgba(201, 211, 232, .18) !important;
  background: rgba(255, 255, 255, .06) !important;
  color: rgba(255, 255, 255, .86) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06) !important;
}

/* Mobile bottom navigator refresh */
@media (max-width: 900px) {
  body.page {
    padding-bottom: calc(88px + env(safe-area-inset-bottom)) !important;
  }

  body.page.modal-open {
    padding-bottom: 0 !important;
  }

  .mNav {
    padding: 0 10px calc(6px + min(env(safe-area-inset-bottom, 0px), 6px)) !important;
  }

  .mNav__wrap {
    max-width: 460px !important;
    height: 74px !important;
    margin: 0 auto !important;
    border: 1px solid rgba(234, 203, 122, .22);
    border-radius: 22px;
    background:
      linear-gradient(145deg, rgba(234, 203, 122, .10), rgba(64, 75, 118, .07) 36%, rgba(5, 7, 17, .98)),
      #060815;
    box-shadow:
      0 18px 42px rgba(0, 0, 0, .52),
      inset 0 1px 0 rgba(255, 255, 255, .10);
  }

  .mNav__bg {
    display: none !important;
  }

  .mNav__bar {
    height: 74px !important;
    grid-template-columns: 1fr 1fr 84px 1fr 1fr !important;
    gap: 2px !important;
    padding: 8px 8px 7px !important;
  }

  .mNav__item {
    min-width: 0;
    height: 58px !important;
    border-radius: 15px !important;
    gap: 4px !important;
    color: rgba(255, 255, 255, .72) !important;
  }

  .mNav__ico {
    width: 25px;
    height: 25px;
    display: grid;
    place-items: center;
  }

  .mNav__ico svg {
    width: 22px !important;
    height: 22px !important;
    stroke: rgba(234, 224, 207, .74) !important;
    stroke-width: 2 !important;
  }

  .mNav__lbl {
    color: rgba(234, 224, 207, .68) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
  }

  .mNav__item.is-active {
    background: transparent !important;
    box-shadow: none !important;
  }

  .mNav__item.is-active .mNav__lbl,
  .mNav__item.is-active .mNav__ico svg {
    color: #f4cf7a !important;
    stroke: #f4cf7a !important;
  }

  .mNav__home {
    width: 66px !important;
    height: 66px !important;
    margin-top: -24px !important;
    position: relative;
    overflow: visible;
    isolation: isolate;
    border: 2px solid rgba(255, 215, 118, .58) !important;
    border-radius: 50% !important;
    background:
      radial-gradient(circle at 50% 50%, rgba(255, 207, 53, .22), rgba(0, 0, 0, .92) 58%),
      #000 !important;
    box-shadow:
      0 16px 30px rgba(0, 0, 0, .58),
      0 0 0 7px rgba(234, 203, 122, .07),
      0 0 24px rgba(255, 197, 42, .28),
      inset 0 1px 0 rgba(255, 255, 255, .22),
      inset 0 -10px 18px rgba(0, 0, 0, .56) !important;
  }

  .mNav__home::before,
  .mNav__home::after {
    content: "";
    position: absolute;
    inset: -9px;
    border-radius: 50%;
    pointer-events: none;
    z-index: -1;
  }

  .mNav__home::before {
    background:
      conic-gradient(from 20deg, transparent 0 12%, rgba(255, 222, 120, .48) 16%, transparent 22% 46%, rgba(255, 178, 24, .38) 50%, transparent 58% 100%);
    filter: blur(6px);
    opacity: .78;
    animation: mNavStarHalo 5.8s linear infinite;
  }

  .mNav__home::after {
    inset: 6px;
    border: 1px solid rgba(255, 236, 161, .34);
    box-shadow:
      0 0 18px rgba(255, 197, 42, .28),
      inset 0 0 18px rgba(255, 197, 42, .18);
  }

  .mNav__homeLogo {
    width: 62px !important;
    height: 62px !important;
    position: relative;
    z-index: 2;
    border-radius: 50%;
    object-fit: cover;
    filter:
      drop-shadow(0 0 8px rgba(255, 229, 123, .45))
      drop-shadow(0 7px 12px rgba(0, 0, 0, .54))
      saturate(1.12) !important;
  }

  .mNav__sparkles,
  .mNav__sparkles i {
    position: absolute;
    pointer-events: none;
  }

  .mNav__sparkles {
    inset: -12px;
    z-index: 3;
  }

  .mNav__sparkles i {
    width: 4px;
    height: 4px;
    border-radius: 999px;
    background: #fff4b8;
    box-shadow:
      0 0 7px rgba(255, 244, 184, .95),
      0 0 14px rgba(255, 181, 33, .72);
    opacity: 0;
    animation: mNavParticle 2.8s ease-in-out infinite;
  }

  .mNav__sparkles i:nth-child(1) {
    left: 12px;
    top: 18px;
  }

  .mNav__sparkles i:nth-child(2) {
    right: 10px;
    top: 26px;
    animation-delay: .7s;
  }

  .mNav__sparkles i:nth-child(3) {
    left: 18px;
    bottom: 12px;
    animation-delay: 1.35s;
  }

  .mNav__sparkles i:nth-child(4) {
    right: 20px;
    bottom: 8px;
    animation-delay: 2s;
  }
}

@keyframes mNavStarHalo {
  to {
    transform: rotate(360deg);
  }
}

@keyframes mNavParticle {
  0%, 100% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(.6);
  }

  28% {
    opacity: .95;
  }

  55% {
    opacity: .25;
    transform: translate3d(0, -7px, 0) scale(1.45);
  }
}

/* Deposit auth-style refresh */
.depPage .dCard,
.depPage .dNotice,
.depPage .dHistory,
.depPage .accBlock {
  border: 1px solid rgba(234, 203, 122, .22) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(145deg, rgba(234, 203, 122, .08), rgba(64, 75, 118, .07) 34%, rgba(5, 7, 17, .96)),
    #060815 !important;
  box-shadow:
    0 20px 54px rgba(0, 0, 0, .42),
    inset 0 1px 0 rgba(255, 255, 255, .10) !important;
}

.depPage .dTitle,
.depPage .dHistory__title,
.depPage .accBlock__title {
  color: #fff !important;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0 !important;
}

.depPage .dMethods {
  gap: 9px !important;
}

.depPage .dMethods[data-dep-methods] {
  display: none !important;
}

.depPage .dMethods[data-dep-providers] {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  margin-top: 8px !important;
}

.depPage .dMethod,
.depPage .dBank,
.depPage .dQuickBtn,
.depPage .depPromo,
.depPage .depSummary,
.depPage .dHistItem {
  border: 1px solid rgba(201, 211, 232, .16) !important;
  border-radius: 12px !important;
  background: rgba(3, 5, 13, .62) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

.depPage .dMethod {
  min-height: 76px;
  padding: 12px 10px !important;
}

.depPage .dMethod__ico {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  border-color: rgba(234, 203, 122, .24) !important;
  background: rgba(234, 203, 122, .10) !important;
  color: #f4cf7a !important;
}

.depPage .dMethod__txt,
.depPage .dBank__name,
.depPage .depPromo__title,
.depPage .dHistBank,
.depPage .dHistAmt,
.depPage .depSummary__head {
  color: #fff !important;
}

.depPage .dMethod.is-active,
.depPage .dBank.is-active,
.depPage .depPromo.is-active {
  border-color: rgba(234, 203, 122, .70) !important;
  background:
    linear-gradient(145deg, rgba(234, 203, 122, .16), rgba(3, 5, 13, .70)),
    #060815 !important;
  box-shadow:
    0 0 0 2px rgba(234, 203, 122, .12) inset,
    0 14px 26px rgba(0, 0, 0, .28) !important;
}

.depPage .dAmt {
  min-height: 46px;
  border: 1px solid rgba(201, 211, 232, .22) !important;
  border-radius: 12px !important;
  background: rgba(3, 5, 13, .78) !important;
  color: #fff !important;
}

.depPage .dAmt:focus {
  border-color: rgba(234, 203, 122, .62) !important;
  box-shadow: 0 0 0 3px rgba(234, 203, 122, .12) !important;
}

.depPage .dAmtClear {
  color: rgba(234, 224, 207, .70) !important;
}

.depPage .dQuick {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 7px !important;
}

.depPage .dQuickBtn {
  min-height: 38px;
  color: rgba(255, 255, 255, .88) !important;
  font-weight: 950;
}

.depPage .dSubmit {
  min-height: 46px;
  border: 0 !important;
  border-radius: 12px !important;
  background: #efdca3 !important;
  color: #10131d !important;
  text-shadow: none !important;
  box-shadow: 0 12px 24px rgba(0, 0, 0, .24) !important;
  font-weight: 950;
}

.depPage .dNotice__head {
  color: #fff !important;
}

.depPage .dNotice__toggle,
.depPage .dHistStatus,
.depPage .depTag,
.depPage .dForm .depTc {
  border-color: rgba(201, 211, 232, .16) !important;
  background: rgba(255, 255, 255, .06) !important;
  color: rgba(234, 224, 207, .82) !important;
}

.depPage .dNotice__list,
.depPage .dHistory__sub,
.depPage .dHistMeta,
.depPage .depPromo__metaRow span,
.depPage .depSummary__row .k,
.depPage .depSummary__note {
  color: rgba(234, 224, 207, .68) !important;
  opacity: 1 !important;
}

@media (max-width: 520px) {
  .depPage .dCard,
  .depPage .dNotice,
  .depPage .dHistory {
    padding: 16px !important;
  }

  .depPage .dMethods[data-dep-providers] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .depPage .dMethod {
    min-height: 72px !important;
  }
}
/* Landing page logo-color remake */
.mobileLandingShell {
  --ms7-black: #030303;
  --ms7-panel: #0b0805;
  --ms7-panel-2: #15100a;
  --ms7-gold: #efdca3;
  --ms7-gold-soft: #efdca3;
  --ms7-cream: #fdfbf7;
  --ms7-copper: #bc5c17;
  --ms7-brown: #633e14;
  --ms7-line: rgba(215, 163, 71, .24);
  --ms7-muted: rgba(253, 251, 247, .66);
  min-height: calc(100dvh - 58px);
  padding: 16px 0 calc(96px + env(safe-area-inset-bottom));
  background:
    linear-gradient(180deg, rgba(215, 163, 71, .10), transparent 210px),
    linear-gradient(135deg, #050403 0%, #0d0804 44%, #010101 100%);
}

.landingShow,
.landingActions,
.platformNotice,
.landingProviders,
.landingMiniBanners,
.landingHotGames,
.landingCategories {
  width: min(100%, 1180px) !important;
}

.landingShow {
  margin-top: 0 !important;
  padding: 0 16px !important;
}

.landingShow__track {
  aspect-ratio: 16 / 7 !important;
  min-height: 250px !important;
  border-radius: 18px !important;
  border-color: rgba(215, 163, 71, .34) !important;
  background:
    linear-gradient(135deg, rgba(215, 163, 71, .18), transparent 42%),
    linear-gradient(180deg, #171006 0%, #050403 100%) !important;
  box-shadow:
    0 24px 58px rgba(0, 0, 0, .58),
    0 0 0 1px rgba(253, 251, 247, .04) inset,
    0 0 36px rgba(188, 92, 23, .15) !important;
}

.landingShow__track::after {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, .02), rgba(0, 0, 0, .26)),
    linear-gradient(90deg, rgba(215, 163, 71, .08) 0 1px, transparent 1px 58px) !important;
}

.landingShow__slide--media video {
  object-fit: cover !important;
}

.landingShow__dots {
  margin-top: 12px !important;
}

.landingShow__dots button {
  background: rgba(253, 251, 247, .25) !important;
}

.landingShow__dots button.is-active {
  background: var(--ms7-gold) !important;
  box-shadow: 0 0 12px rgba(215, 163, 71, .42);
}

.landingActions {
  margin-top: 16px !important;
  padding: 0 16px !important;
  gap: 12px !important;
}

.landingAction {
  min-height: 86px !important;
  border-radius: 14px !important;
  border-color: var(--ms7-line) !important;
  color: var(--ms7-cream) !important;
  background:
    linear-gradient(135deg, rgba(215, 163, 71, .16), transparent 48%),
    linear-gradient(180deg, rgba(21, 16, 10, .98), rgba(5, 4, 3, .98)) !important;
  box-shadow:
    0 16px 34px rgba(0, 0, 0, .38),
    inset 0 1px 0 rgba(253, 251, 247, .10) !important;
  animation: landingActionGlow 3.8s ease-in-out infinite !important;
}

.landingAction::before {
  background: linear-gradient(115deg, transparent 0 38%, rgba(253, 251, 247, .18) 49%, transparent 62% 100%) !important;
}

.landingAction::after {
  border-color: rgba(188, 92, 23, .18) !important;
}

.landingAction__glyph {
  width: 34px !important;
  height: 34px !important;
  border-radius: 11px !important;
  border-color: rgba(215, 163, 71, .30) !important;
  background:
    linear-gradient(145deg, rgba(215, 163, 71, .25), rgba(188, 92, 23, .12)),
    rgba(3, 3, 3, .72) !important;
  box-shadow:
    0 0 18px rgba(215, 163, 71, .16),
    inset 0 1px 0 rgba(253, 251, 247, .12) !important;
}

.landingAction__glyph--deposit::before,
.landingAction__glyph--withdraw::before,
.landingAction__glyph--deposit::after,
.landingAction__glyph--withdraw::after,
.landingAction__glyph--history::before,
.landingAction__glyph--history::after,
.landingAction__glyph--wallet::before {
  border-color: var(--ms7-gold-soft) !important;
}

.landingAction__glyph--deposit::before,
.landingAction__glyph--withdraw::before,
.landingAction__glyph--wallet::after {
  background: var(--ms7-gold-soft) !important;
}

.platformNotice {
  margin-top: 12px !important;
  padding: 0 18px !important;
  color: rgba(239, 220, 163, .78) !important;
}

.platformNotice p {
  min-height: 32px;
  padding: 9px 14px;
  border: 1px solid rgba(215, 163, 71, .20);
  border-radius: 999px;
  background: rgba(3, 3, 3, .46);
}

.landingProviders {
  margin-top: 18px !important;
  padding: 0 16px !important;
}

.landingProviders__filters {
  gap: 8px !important;
  padding-bottom: 12px !important;
}

.landingProviders__filters button {
  min-height: 34px !important;
  border-color: rgba(215, 163, 71, .18) !important;
  color: rgba(253, 251, 247, .72) !important;
  background: rgba(11, 8, 5, .88) !important;
  box-shadow: inset 0 1px 0 rgba(253, 251, 247, .06) !important;
}

.landingProviders__filters button.is-active {
  color: #170f05 !important;
  border-color: rgba(215, 163, 71, .76) !important;
  background: linear-gradient(180deg, #efdca3, #efdca3) !important;
  box-shadow: 0 10px 22px rgba(215, 163, 71, .18) !important;
}

.landingProviders__grid {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.landingProviderCard,
.landingHotGame,
.landingCategory {
  border-color: rgba(215, 163, 71, .20) !important;
  background:
    linear-gradient(135deg, rgba(215, 163, 71, .13), transparent 44%),
    linear-gradient(180deg, rgba(21, 16, 10, .98), rgba(4, 3, 2, .98)) !important;
  box-shadow:
    0 16px 34px rgba(0, 0, 0, .36),
    inset 0 1px 0 rgba(253, 251, 247, .08) !important;
}

.landingProviderCard::after,
.landingMiniBanner::after,
.landingHotGame::before,
.landingCategory::after {
  background:
    linear-gradient(180deg, transparent 42%, rgba(0, 0, 0, .58)),
    linear-gradient(115deg, transparent 0 40%, rgba(239, 220, 163, .11) 50%, transparent 62% 100%) !important;
}

.landingProviderCard__shine {
  background: linear-gradient(115deg, transparent 0 38%, rgba(253, 251, 247, .16) 49%, transparent 62% 100%) !important;
}

.landingProviderCard__mark,
.landingHotGame__media {
  background: linear-gradient(150deg, rgba(99, 62, 20, .72), rgba(8, 5, 3, .94)) !important;
}

.landingProviderCard__mark span,
.landingHotGame__media > span {
  color: var(--ms7-gold-soft) !important;
}

.landingProviderCard__name,
.landingHotGame__body span,
.landingCategory__copy strong,
.landingHotGames__head strong,
.landingCategories__head strong {
  color: var(--ms7-cream) !important;
}

.landingProviderCard__meta,
.landingHotGame__body small,
.landingCategory__copy small,
.landingHotGames__head span,
.landingCategories__head span {
  color: rgba(239, 220, 163, .66) !important;
}

.landingProviderCard__name,
.landingProviderCard__meta,
.landingHotGame__body {
  background: linear-gradient(180deg, transparent, rgba(3, 3, 3, .72) 54%, rgba(3, 3, 3, .88)) !important;
}

.landingMiniBanners {
  margin-top: 18px !important;
}

.landingMiniBanners__track {
  padding: 0 16px 4px !important;
  gap: 12px !important;
}

.landingMiniBanner {
  border-radius: 16px !important;
  border-color: rgba(215, 163, 71, .26) !important;
  background: #050403 !important;
  box-shadow:
    0 18px 38px rgba(0, 0, 0, .38),
    inset 0 1px 0 rgba(253, 251, 247, .08) !important;
}

.landingHotGames,
.landingCategories {
  margin-top: 20px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.landingHotGames__head a {
  border-color: rgba(215, 163, 71, .22) !important;
  color: var(--ms7-gold-soft) !important;
  background: rgba(11, 8, 5, .90) !important;
}

.landingHotGames__rail {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.landingHotGame--prime {
  min-height: 260px !important;
  background:
    linear-gradient(180deg, transparent 24%, rgba(0, 0, 0, .64) 100%),
    linear-gradient(145deg, rgba(215, 163, 71, .20), transparent 46%),
    linear-gradient(160deg, #1a1006 0%, #050403 100%) !important;
}

.landingCategory__icon {
  border-color: rgba(215, 163, 71, .26) !important;
  background: linear-gradient(145deg, rgba(215, 163, 71, .20), rgba(99, 62, 20, .34)) !important;
}

.landingCategory__icon::before {
  border-color: rgba(239, 220, 163, .88) !important;
  box-shadow: inset 0 0 0 5px rgba(215, 163, 71, .12) !important;
}

.landingProviderCard:hover,
.landingProviderCard:focus-visible,
.landingHotGame:hover,
.landingHotGame:focus-visible,
.landingCategory:hover,
.landingCategory:focus-visible {
  border-color: rgba(215, 163, 71, .44) !important;
  box-shadow:
    0 20px 42px rgba(0, 0, 0, .46),
    0 0 24px rgba(215, 163, 71, .16),
    inset 0 1px 0 rgba(253, 251, 247, .12) !important;
}

@media (min-width: 901px) {
  .mobileLandingShell {
    padding-top: 24px;
  }

  .landingActions {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .landingMiniBanner {
    flex-basis: 32% !important;
    max-width: none !important;
  }

  .landingCategories__rail {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
}

@media (max-width: 900px) {
  .mobileLandingShell {
    padding-top: 10px;
  }

  .landingShow__track {
    aspect-ratio: 2 / 1 !important;
    min-height: 0 !important;
    border-radius: 16px !important;
  }

  .landingActions {
    gap: 8px !important;
  }

  .landingAction {
    min-height: 66px !important;
    border-radius: 14px !important;
    font-size: 10px !important;
  }

  .landingAction__glyph {
    width: 28px !important;
    height: 28px !important;
  }

  .landingProviders__grid,
  .landingHotGames__rail {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .landingHotGame--prime {
    min-height: 168px !important;
  }

  .landingCategories__rail {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .landingMiniBanner {
    flex-basis: 78% !important;
  }
}

/* Landing page simplified black/gold pass */
.mobileLandingShell {
  background: #000 !important;
  color: #fdfbf7 !important;
}

.landingShow__track,
.landingAction,
.platformNotice p,
.landingProviders__filters button,
.landingProviderCard,
.landingMiniBanner,
.landingHotGame,
.landingCategory,
.landingHotGames__head a {
  background: #070707 !important;
  border-color: rgba(215, 163, 71, .24) !important;
  box-shadow: none !important;
}

.landingShow__track {
  border-color: rgba(215, 163, 71, .34) !important;
}

.landingShow__track::after,
.landingProviderCard::after,
.landingMiniBanner::after,
.landingHotGame::before,
.landingCategory::after,
.landingAction::before,
.landingAction::after,
.landingProviderCard__shine {
  display: none !important;
  background: none !important;
  animation: none !important;
}

.landingAction {
  animation: none !important;
}

.landingAction__glyph,
.landingCategory__icon {
  background: #101010 !important;
  border-color: rgba(215, 163, 71, .30) !important;
  box-shadow: none !important;
}

.landingProviderCard__mark,
.landingHotGame__media {
  background: #0d0d0d !important;
}

.landingProviderCard__name,
.landingProviderCard__meta,
.landingHotGame__body {
  background: rgba(0, 0, 0, .74) !important;
}

.landingProviders__filters button.is-active {
  background: #efdca3 !important;
  border-color: #efdca3 !important;
  color: #080808 !important;
  box-shadow: none !important;
}

.landingProviderCard:hover,
.landingProviderCard:focus-visible,
.landingHotGame:hover,
.landingHotGame:focus-visible,
.landingCategory:hover,
.landingCategory:focus-visible,
.landingAction:hover,
.landingAction:focus-visible,
.landingHotGames__head a:hover,
.landingHotGames__head a:focus-visible {
  border-color: rgba(215, 163, 71, .48) !important;
  background: #0c0c0c !important;
  box-shadow: none !important;
}

.landingShow__dots button {
  background: rgba(253, 251, 247, .26) !important;
}

.landingShow__dots button.is-active,
.landingAction__glyph--deposit::before,
.landingAction__glyph--withdraw::before,
.landingAction__glyph--wallet::after {
  background: #efdca3 !important;
  box-shadow: none !important;
}

.landingAction__glyph--deposit::after,
.landingAction__glyph--withdraw::after,
.landingAction__glyph--history::before,
.landingAction__glyph--history::after,
.landingAction__glyph--wallet::before,
.landingCategory__icon::before {
  border-color: #efdca3 !important;
}

.landingProviderCard__name,
.landingHotGame__body span,
.landingCategory__copy strong,
.landingHotGames__head strong,
.landingCategories__head strong,
.landingAction span:last-child {
  color: #fdfbf7 !important;
}

.landingProviderCard__meta,
.landingHotGame__body small,
.landingCategory__copy small,
.landingHotGames__head span,
.landingCategories__head span,
.platformNotice,
.landingHotGames__head a {
  color: rgba(239, 220, 163, .72) !important;
}

/* Header match new MS7 mark: midnight navy, silver, and warm gold */
.topbar {
  background:
    radial-gradient(circle at 12% 0%, rgba(11, 47, 109, .45), transparent 34%),
    linear-gradient(180deg, rgba(3, 17, 38, .98), rgba(2, 10, 24, .96)) !important;
  border-bottom: 1px solid rgba(215, 163, 71, .30) !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(218, 226, 239, .08) !important;
}

.topbar__inner {
  height: 58px !important;
}

.brand__img {
  height: 50px !important;
  max-width: 62px !important;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 10px;
  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, .38)) drop-shadow(0 0 10px rgba(215, 163, 71, .18)) !important;
}

.mHeaderWallet__btn,
.mHeaderIcon,
.mBurger,
.icoBtn,
.walletBtn,
.topbar__right--desktop .linkBtn,
.topbar__right--desktop .btn--primary,
.langDD__btn {
  background: rgba(3, 17, 38, .92) !important;
  border: 1px solid rgba(218, 226, 239, .14) !important;
  color: #f7f9fc !important;
  box-shadow: inset 0 1px 0 rgba(218, 226, 239, .08) !important;
}

.mHeaderWallet__btn strong,
.walletBtn__amt,
.walletBtn__label,
.mHeaderWallet__label,
.mHeaderWallet__caret,
.langDD__txt,
.langDD__caret {
  color: rgba(218, 226, 239, .86) !important;
}

.mHeaderWallet__rank {
  color: #efdca3 !important;
}

.mBurger__bar {
  background: #efdca3 !important;
}

.uiIcon::before,
.uiIcon::after,
.mHeaderIcon .uiIcon,
.icoBtn .uiIcon {
  color: #efdca3 !important;
  border-color: #efdca3 !important;
}

.topbar__right--desktop .btn--primary {
  background: linear-gradient(180deg, #efdca3, #efdca3) !important;
  border-color: rgba(215, 163, 71, .72) !important;
  color: #06172e !important;
}

.mHeaderWallet__btn:hover,
.mHeaderIcon:hover,
.mBurger:hover,
.icoBtn:hover,
.walletBtn:hover,
.topbar__right--desktop .linkBtn:hover {
  background: rgba(8, 34, 79, .86) !important;
  border-color: rgba(215, 163, 71, .46) !important;
  transform: none !important;
}

.topbar__right--desktop .btn--primary:hover {
  background: linear-gradient(180deg, #efdca3, #efdca3) !important;
  border-color: #efdca3 !important;
  transform: none !important;
}

.mHeaderWallet__menu,
.ddMenu {
  background: #031126 !important;
  border: 1px solid rgba(215, 163, 71, .24) !important;
  box-shadow: 0 18px 34px rgba(0, 0, 0, .32) !important;
}

.ddItem,
.ddAcc__btn,
.ddName,
.ddRole {
  color: rgba(253, 251, 247, .86) !important;
}

.ddItem:hover,
.ddAcc__btn:hover {
  background: #101010 !important;
  color: #efdca3 !important;
}

@media (max-width: 900px) {
  .topbar__inner {
    height: 56px !important;
  }

  .mHeaderWallet__btn {
    border-radius: 12px !important;
  }

  .mHeaderIcon,
  .mBurger {
    border-radius: 12px !important;
  }
}

/* Mobile drawer square favicon logo */
.mDrawerBrand__img {
  width: 48px !important;
  height: 48px !important;
  flex: 0 0 48px !important;
  padding: 4px !important;
  border-radius: 13px !important;
  object-fit: contain !important;
  background: #000 !important;
  border: 1px solid rgba(215, 163, 71, .28) !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Mobile drawer uses bottom star logo */
.mDrawerBrand__img {
  padding: 0 !important;
  object-fit: cover !important;
}

/* Referral page wallet-style black/gold redesign */
.refPage {
  background: #000 !important;
  color: #fdfbf7 !important;
}

.refPage .accMain,
.refPage .mBlock,
.refPage .refHero,
.refPage .refCard,
.refPage .mRef__item,
.refPage .refTerms {
  border: 1px solid rgba(215, 163, 71, .24) !important;
  border-radius: 16px !important;
  background: #070707 !important;
  box-shadow: none !important;
}

.refPage .accMain { padding: 16px !important; }

.refHero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px !important;
  margin-bottom: 14px;
}

.refHero h1 {
  margin: 4px 0 6px;
  color: #fdfbf7;
  font-size: 24px;
  line-height: 1.1;
  font-weight: 1000;
  letter-spacing: 0;
}

.refHero p {
  margin: 0;
  color: rgba(239, 220, 163, .70);
  font-size: 13px;
  line-height: 1.35;
  font-weight: 700;
}

.refHero__stat {
  flex: 0 0 auto;
  min-width: 112px;
  padding: 12px 14px;
  border: 1px solid rgba(215, 163, 71, .22);
  border-radius: 14px;
  background: #0c0c0c;
  text-align: right;
}

.refHero__stat span,
.refHero__stat small,
.refLabel,
.mRef__label { color: rgba(239, 220, 163, .72) !important; }

.refHero__stat strong {
  display: block;
  margin: 4px 0;
  color: #efdca3;
  font-size: 28px;
  line-height: 1;
  font-weight: 1100;
}

.refGrid { margin-top: 0 !important; }
.refCard, .mBlock { padding: 14px !important; }

.refCard__grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 220px !important;
  gap: 14px !important;
}

.refCard__grid > div:nth-child(2) { grid-column: span 2; }
.refInputRow, .mRef__row { gap: 8px !important; }

.refInput,
.mRef__input {
  min-height: 44px;
  border: 1px solid rgba(215, 163, 71, .18) !important;
  border-radius: 12px !important;
  background: #0c0c0c !important;
  color: #fdfbf7 !important;
  box-shadow: none !important;
}

.refInput:focus,
.mRef__input:focus { border-color: rgba(215, 163, 71, .48) !important; }

.refCopy,
.mRef__copy,
.refTerms__toggle {
  min-height: 44px;
  border: 1px solid #efdca3 !important;
  border-radius: 12px !important;
  background: #efdca3 !important;
  color: #080808 !important;
  box-shadow: none !important;
  font-weight: 1000 !important;
}

.refCount,
.mRef__count {
  min-height: 44px;
  padding: 0 12px;
  border: 1px solid rgba(215, 163, 71, .18);
  border-radius: 12px;
  background: #0c0c0c;
}

.refCount__num,
.mRef__num { color: #efdca3 !important; }
.refCount__ico,
.mRef__muted { color: rgba(239, 220, 163, .70) !important; opacity: 1 !important; }

.refQr,
.mRef__qr {
  width: 100% !important;
  max-width: 220px !important;
  padding: 10px !important;
  border: 1px solid rgba(215, 163, 71, .20) !important;
  border-radius: 14px !important;
  background: #0c0c0c !important;
  box-shadow: none !important;
}

.refQr img,
.mRef__qr img { border-radius: 10px !important; }
.refTerms { overflow: hidden; }

.refTerms__head {
  color: #fdfbf7 !important;
  border-bottom: 1px solid rgba(215, 163, 71, .14) !important;
}

.refTerms__body { color: rgba(253, 251, 247, .82) !important; }
.refOl, .refUl { color: rgba(253, 251, 247, .78) !important; opacity: 1 !important; }
.refMore { border-top-color: rgba(215, 163, 71, .16) !important; }
.refMore__title { color: #efdca3 !important; }

.refTree {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}

.refTree__item { padding-left: calc(var(--level, 0) * 14px); }

.refTree__row {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid rgba(215, 163, 71, .16);
  border-radius: 12px;
  background: #0c0c0c;
}

.refTree__member {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.refTree__member strong { color: #fdfbf7; font-weight: 1000; }

.refTree__member span,
.refTree__member em,
.refTree__meta,
.refTree__empty {
  color: rgba(239, 220, 163, .72);
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
}

.refTree__member em {
  min-height: 20px;
  padding: 3px 7px;
  border: 1px solid rgba(215, 163, 71, .22);
  border-radius: 999px;
  color: #efdca3;
}

.refTree__empty {
  padding: 14px;
  border: 1px solid rgba(215, 163, 71, .16);
  border-radius: 12px;
  background: #0c0c0c;
}

@media (max-width: 980px) {
  .refPage {
    padding-top: 12px;
    padding-bottom: calc(92px + env(safe-area-inset-bottom)) !important;
  }

  .refPage .accMobile .wrap {
    padding-left: 12px;
    padding-right: 12px;
  }

  .refHero {
    align-items: stretch;
    padding: 16px !important;
  }

  .refHero h1 { font-size: 22px; }
  .refHero__stat { min-width: 92px; padding: 11px; }
  .mRef { gap: 10px !important; }
  .mRef__item { padding: 12px !important; }
  .mRef__row { align-items: stretch !important; }
  .mRef__copy { padding-left: 12px !important; padding-right: 12px !important; }
  .mRef__qr { max-width: 210px !important; }

  .refTree__row {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 520px) {
  .refHero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 92px;
  }

  .refHero__stat strong { font-size: 24px; }

  .mRef__row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .mRef__item:nth-child(3) .mRef__row,
  .mRef__item:nth-child(4) .mRef__row,
  .mRef__item:nth-child(5) .mRef__row {
    display: block !important;
  }
}

@media (min-width: 981px) {
  .refPage .accMain {
    background: #06172e !important;
    border-color: rgba(215, 163, 71, .24) !important;
  }
}

/* Deposit polish shared by mobile and desktop. */
.depPage .depTc {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #fff !important;
}

.depPage .dForm .depTcLink {
  color: #fff !important;
  text-decoration-color: rgba(255, 255, 255, .52) !important;
  text-underline-offset: 3px;
}

.depPage .dHistory__title::before,
.depPage .dHistoryEmpty__ico::before {
  display: none !important;
  content: none !important;
}

.depPage .dHistoryEmpty__ico {
  display: none !important;
}

@media (max-width: 980px) {
  .depPage .accMobile .dAmt {
    background: #000 !important;
  }

  .depPage .accMobile .dNotice {
    margin-top: 9px;
    border: 1px solid rgba(215, 163, 71, .28) !important;
    border-radius: 12px !important;
    background:
      linear-gradient(135deg, rgba(215, 163, 71, .09), rgba(215, 163, 71, .02)),
      var(--ms7-withdraw-panel-soft) !important;
    box-shadow: none !important;
  }

  .depPage .accMobile .dNotice__head {
    min-height: 42px;
    padding: 8px 10px;
    font-size: 11px;
  }

  .depPage .accMobile .dNoticeInfo {
    display: inline-flex;
    align-items: center;
    gap: 8px;
  }

  .depPage .accMobile .dNoticeInfo__icon {
    display: inline-grid;
    place-items: center;
    width: 21px;
    height: 21px;
    border: 1px solid rgba(215, 163, 71, .42);
    border-radius: 50%;
    background: rgba(215, 163, 71, .12);
    color: var(--ms7-withdraw-gold);
    font-family: Georgia, serif;
    font-size: 11px;
    font-weight: 900;
  }

  .depPage .accMobile .dNotice__toggle {
    padding: 4px 7px;
    border-radius: 999px;
    font-size: 9px;
  }

  .depPage .accMobile .dNotice__body {
    padding: 0 10px 9px;
  }

  .depPage .accMobile .dNotice__list {
    padding-left: 15px;
    font-size: 10px;
    line-height: 1.45;
  }

  .depPage .accMobile .dNotice__list li {
    margin: 5px 0;
  }
}

@media (max-width: 520px) {
  .depPage .accMobile .dMethods[data-dep-providers] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 8px !important;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  .depPage .accMobile .dMethods[data-dep-providers] .dMethod {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 58px !important;
    gap: 10px;
    padding: 10px 11px !important;
    border: 1px solid var(--ms7-withdraw-line-soft) !important;
    border-radius: 11px !important;
    background: rgba(0, 9, 22, .72) !important;
    box-shadow: none !important;
  }

  .depPage .accMobile .dMethods[data-dep-providers] .dMethod__ico {
    flex: 0 0 auto;
    display: grid !important;
    width: 32px;
    height: 32px;
    border-radius: 9px;
  }

  .depPage .accMobile .dMethods[data-dep-providers] .dMethod__txt {
    min-width: 0;
    color: var(--ms7-withdraw-text) !important;
    font-size: 10px;
    line-height: 1.15;
    text-align: left;
    white-space: normal;
  }

  .depPage .accMobile .dMethods[data-dep-providers] .dMethod.is-active {
    border-color: var(--ms7-withdraw-gold) !important;
    background: var(--ms7-withdraw-focus-panel) !important;
    box-shadow: 0 0 0 1px var(--ms7-withdraw-inset-line) inset !important;
  }

  .depPage .accMobile .dMethods[data-dep-providers] .dMethod.is-active .dMethod__ico {
    background: var(--ms7-withdraw-gold) !important;
    color: var(--ms7-withdraw-gold-text) !important;
  }

  .depPage .accMobile .dMethods[data-dep-providers] .dMethod.is-active .dMethod__txt {
    color: var(--ms7-withdraw-text) !important;
  }
}

@media (min-width: 981px) {
  .refCard__grid > div:nth-child(2) { grid-column: 1 / 3; }
  .refCard__grid > div:nth-child(3) { grid-column: 2; grid-row: 1; }
  .refCard__grid > div:nth-child(4) { grid-column: 3; grid-row: 1 / 3; }
}

/* Deep blue champagne mobile theme override */
.mobileLandingShell {
  --ms7-black: var(--ms7-bg);
  --ms7-panel: var(--ms7-live-panel);
  --ms7-panel-2: var(--ms7-live-panel-soft);
  --ms7-gold: var(--ms7-live-gold);
  --ms7-gold-soft: rgba(215, 163, 71, .18);
  --ms7-cream: var(--ms7-text);
  --ms7-copper: var(--ms7-gold-deep);
  --ms7-brown: var(--ms7-panel-strong);
  --ms7-line: var(--ms7-live-line-strong);
  --ms7-muted: var(--ms7-live-muted);
  background:
    radial-gradient(circle at 50% 0%, rgba(215, 163, 71, .12), transparent 28%),
    linear-gradient(180deg, #0b2f6d 0%, #08224f 58%, #06172e 100%) !important;
  color: var(--ms7-text) !important;
}

.landingShow__track,
.landingAction,
.platformNotice p,
.landingProviders__filters button,
.landingProviderCard,
.landingMiniBanner,
.landingHotGame,
.landingCategory,
.landingHotGames__head a {
  background:
    linear-gradient(135deg, rgba(215, 163, 71, .10), transparent 46%),
    linear-gradient(180deg, var(--ms7-live-panel), var(--ms7-live-panel-soft)) !important;
  border-color: var(--ms7-live-line) !important;
  box-shadow: none !important;
}

.landingShow__track,
.landingShow__track::after,
.landingProviderCard::after,
.landingMiniBanner::after,
.landingHotGame::before,
.landingCategory::after {
  border-color: var(--ms7-live-line-strong) !important;
}

.landingShow__dots button {
  background: rgba(218, 226, 239, .30) !important;
}

.landingShow__dots button.is-active,
.landingAction__glyph--deposit::before,
.landingAction__glyph--withdraw::before,
.landingAction__glyph--wallet::after {
  background: var(--ms7-gold-deep) !important;
  box-shadow: none !important;
}

.landingAction__glyph,
.landingCategory__icon,
.landingProviderCard__mark,
.landingHotGame__media {
  background: rgba(4, 20, 49, .78) !important;
  border-color: rgba(215, 163, 71, .30) !important;
  box-shadow: none !important;
}

.landingProviders__filters button.is-active,
.topbar__right--desktop .btn--primary {
  background: linear-gradient(180deg, var(--ms7-gold), var(--ms7-gold-deep)) !important;
  border-color: var(--ms7-gold-deep) !important;
  color: #06172e !important;
  box-shadow: none !important;
}

.landingProviderCard:hover,
.landingProviderCard:focus-visible,
.landingHotGame:hover,
.landingHotGame:focus-visible,
.landingCategory:hover,
.landingCategory:focus-visible,
.landingAction:hover,
.landingAction:focus-visible,
.landingHotGames__head a:hover,
.landingHotGames__head a:focus-visible {
  background: var(--ms7-panel-strong) !important;
  border-color: rgba(215, 163, 71, .44) !important;
  box-shadow: none !important;
}

.landingProviderCard__name,
.landingHotGame__body span,
.landingCategory__copy strong,
.landingHotGames__head strong,
.landingCategories__head strong,
.landingAction span:last-child {
  color: var(--ms7-text) !important;
}

.landingProviderCard__meta,
.landingHotGame__body small,
.landingCategory__copy small,
.landingHotGames__head span,
.landingCategories__head span,
.platformNotice,
.landingHotGames__head a {
  color: var(--ms7-muted) !important;
}

.landingProviderCard__name,
.landingProviderCard__meta,
.landingHotGame__body {
  background: linear-gradient(180deg, transparent, rgba(4, 20, 49, .76) 54%, rgba(4, 20, 49, .94)) !important;
}

.topbar,
.mNav__bg path {
  background: var(--ms7-bg) !important;
  border-color: var(--ms7-live-line) !important;
}

.topbar {
  background:
    radial-gradient(circle at 18% 0%, rgba(11, 47, 109, .42), transparent 34%),
    linear-gradient(180deg, rgba(3, 17, 38, .98), rgba(2, 10, 24, .96)) !important;
  border-bottom: 1px solid var(--ms7-live-line-strong) !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(218, 226, 239, .08) !important;
}

.mNav__bg path {
  fill: rgba(3, 17, 38, .96) !important;
  stroke: rgba(215, 163, 71, .30) !important;
}

.mHeaderWallet__btn,
.mHeaderIcon,
.mBurger,
.icoBtn,
.walletBtn,
.topbar__right--desktop .linkBtn,
.langDD__btn,
.mHeaderWallet__menu,
.ddMenu {
  background: var(--ms7-live-panel) !important;
  border-color: var(--ms7-live-line) !important;
  color: var(--ms7-text) !important;
  box-shadow: none !important;
}

.brand__img {
  height: 50px !important;
  max-width: 62px !important;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 10px;
  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, .38)) drop-shadow(0 0 10px rgba(215, 163, 71, .18)) !important;
}

.mHeaderWallet__btn strong,
.walletBtn__amt,
.walletBtn__label,
.mHeaderWallet__label,
.mHeaderWallet__caret,
.langDD__txt,
.langDD__caret,
.mNav__lbl,
.mNav__ico svg {
  color: var(--ms7-muted) !important;
  stroke: var(--ms7-muted) !important;
}

.mBurger__bar {
  background: var(--ms7-gold) !important;
}

.uiIcon::before,
.uiIcon::after,
.mHeaderIcon .uiIcon,
.icoBtn .uiIcon,
.mNav__item.is-active .mNav__lbl,
.mNav__item.is-active .mNav__ico svg {
  color: var(--ms7-gold-deep) !important;
  border-color: var(--ms7-gold-deep) !important;
  stroke: var(--ms7-gold-deep) !important;
}

.mNav__item.is-active .mNav__lbl,
.mNav__item.is-active .mNav__ico svg {
  color: var(--ms7-gold) !important;
  stroke: var(--ms7-gold) !important;
}

.mNav__home {
  background: linear-gradient(180deg, var(--ms7-gold), var(--ms7-gold-deep)) !important;
  border-color: rgba(215, 163, 71, .50) !important;
  box-shadow: 0 18px 34px rgba(0, 0, 0, .34) !important;
}

.mDrawerBrand__img {
  background: var(--ms7-live-panel) !important;
  border-color: var(--ms7-live-line) !important;
}

/* Referral share group card */
.refShareCard {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 128px;
  gap: 14px;
  align-items: stretch;
}

.refShareCard__main {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 10px;
}

.refShareCode {
  color: #efdca3;
  font-size: 24px;
  line-height: 1.05;
  font-weight: 1100;
  overflow-wrap: anywhere;
}

.refShareUrl {
  min-height: 40px;
  display: flex;
  align-items: center;
  padding: 9px 12px;
  border: 1px solid rgba(215, 163, 71, .18);
  border-radius: 12px;
  background: #0c0c0c;
  color: rgba(253, 251, 247, .78);
  font-size: 12px;
  line-height: 1.25;
  font-weight: 760;
  overflow-wrap: anywhere;
}

.refShareActions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.refShareActions .refCopy,
.refShareActions .mRef__copy {
  width: auto !important;
  min-width: 112px;
  padding: 0 14px !important;
}

.refShareQr {
  width: 128px;
  min-height: 128px;
  padding: 8px;
  border: 1px solid rgba(215, 163, 71, .24);
  border-radius: 16px;
  background: #0c0c0c;
  cursor: pointer;
}

.refShareQr img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  border-radius: 10px;
  background: #fff;
}

.refShareQr:hover,
.refShareQr:focus-visible {
  border-color: rgba(215, 163, 71, .48);
  outline: none;
}

.refPage .refTerms[data-ref-terms-removed] {
  display: none !important;
}

@media (min-width: 981px) {
  .refShareCard--desktop {
    grid-template-columns: minmax(0, 1fr) 170px;
  }

  .refShareCard--desktop .refShareQr {
    width: 170px;
    min-height: 170px;
  }
}

@media (max-width: 520px) {
  .refShareCard {
    grid-template-columns: minmax(0, 1fr);
  }

  .refShareQr {
    width: 100%;
    min-height: 0;
    aspect-ratio: 1 / 1;
    max-width: 190px;
    justify-self: center;
  }

  .refShareActions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .refShareActions .mRef__copy,
  .refShareActions .refCopy {
    min-width: 0;
    width: 100% !important;
  }
}

/* Referral compact stats and QR modal */
.refHero__stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  flex: 0 0 auto;
  min-width: 180px;
}

.refHero__stats > div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid rgba(215, 163, 71, .18);
  border-radius: 12px;
  background: #0c0c0c;
}

.refHero__stats span {
  display: block;
  color: rgba(239, 220, 163, .72);
  font-size: 11px;
  font-weight: 850;
  line-height: 1;
}

.refHero__stats strong {
  display: block;
  margin-top: 6px;
  color: #efdca3;
  font-size: 20px;
  line-height: 1;
  font-weight: 1100;
}

.refShareCard,
.refShareCard--desktop {
  grid-template-columns: minmax(0, 1fr) !important;
}

.refShareTools {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-top: 2px;
}

.refIconBtn {
  width: 42px;
  height: 42px;
  min-width: 42px;
  position: relative;
  border: 1px solid rgba(215, 163, 71, .26);
  border-radius: 12px;
  background: #0c0c0c;
  cursor: pointer;
}

.refIconBtn:hover,
.refIconBtn:focus-visible {
  border-color: rgba(215, 163, 71, .52);
  outline: none;
}

.refIconBtn--qr::before {
  content: "";
  position: absolute;
  inset: 11px;
  border: 2px solid #efdca3;
  border-radius: 3px;
  box-shadow: 8px 0 0 -3px #efdca3, 0 8px 0 -3px #efdca3, 8px 8px 0 -3px #efdca3;
}

.refIconBtn--copy::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 18px;
  left: 15px;
  top: 11px;
  border: 2px solid #efdca3;
  border-radius: 3px;
}

.refIconBtn--copy::after {
  content: "";
  position: absolute;
  width: 15px;
  height: 18px;
  left: 10px;
  top: 15px;
  border: 2px solid rgba(239, 220, 163, .75);
  border-radius: 3px;
  background: #0c0c0c;
}

.refIconBtn.is-copied {
  background: #efdca3;
  border-color: #efdca3;
}

.refIconBtn.is-copied::before,
.refIconBtn.is-copied::after {
  border-color: #080808;
  box-shadow: none;
}

.refQrModal[hidden] {
  display: none !important;
}

.refQrModal {
  position: fixed;
  inset: 0;
  z-index: 10050;
  display: grid;
  place-items: center;
  padding: 18px;
}

.refQrModal__backdrop {
  position: absolute;
  inset: 0;
  border: 0;
  background: rgba(0, 0, 0, .72);
}

.refQrModal__panel {
  position: relative;
  z-index: 1;
  width: min(100%, 330px);
  padding: 18px;
  border: 1px solid rgba(215, 163, 71, .30);
  border-radius: 18px;
  background: #070707;
  color: #fdfbf7;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .55);
}

.refQrModal__close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(215, 163, 71, .22);
  border-radius: 10px;
  background: #0c0c0c;
  color: #efdca3;
  font-size: 22px;
  line-height: 1;
}

.refQrModal__title {
  color: #fdfbf7;
  font-size: 18px;
  font-weight: 1000;
}

.refQrModal__code {
  margin-top: 5px;
  color: #efdca3;
  font-size: 13px;
  font-weight: 950;
  overflow-wrap: anywhere;
}

.refQrModal__img {
  width: 230px;
  max-width: 100%;
  display: block;
  margin: 16px auto;
  padding: 10px;
  border-radius: 14px;
  background: #fff;
}

.refQrModal__actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.refQrModal__actions button {
  min-height: 42px;
  border: 1px solid rgba(215, 163, 71, .26);
  border-radius: 12px;
  background: #0c0c0c;
  color: #efdca3;
  font-weight: 950;
}

.refQrModal__actions button:first-child {
  background: #efdca3;
  border-color: #efdca3;
  color: #080808;
}

@media (max-width: 520px) {
  .refHero {
    grid-template-columns: 1fr !important;
  }

  .refHero__stats {
    min-width: 0;
    width: 100%;
  }

  .refShareTools {
    justify-content: flex-end;
  }
}

/* Referral mini icon controls */
.refShareLinkRow {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.refShareLinkRow .refShareUrl {
  flex: 1 1 auto;
  min-width: 0;
}

.refShareTools {
  gap: 6px !important;
  flex: 0 0 auto;
  margin-top: 0 !important;
}

.refIconBtn {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border-radius: 9px !important;
  background: #080808 !important;
}

.refIconBtn::before,
.refIconBtn::after {
  display: none !important;
}

.refIconBtn svg {
  width: 14px;
  height: 14px;
  display: block;
  fill: #efdca3;
}

.refIconBtn--copy svg {
  width: 13px;
  height: 13px;
}

.refIconBtn.is-copied {
  background: #efdca3 !important;
}

.refIconBtn.is-copied svg {
  fill: #070707;
}

.refCopyToast[hidden] {
  display: none !important;
}

.refCopyToast {
  position: fixed;
  left: 50%;
  bottom: calc(96px + env(safe-area-inset-bottom));
  z-index: 10080;
  transform: translateX(-50%) translateY(10px);
  padding: 8px 12px;
  border: 1px solid rgba(215, 163, 71, .32);
  border-radius: 999px;
  background: #090909;
  color: #efdca3;
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
  opacity: 0;
  pointer-events: none;
  box-shadow: 0 12px 32px rgba(0, 0, 0, .42);
  transition: opacity .18s ease, transform .18s ease;
}

.refCopyToast.is-show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

@media (min-width: 981px) {
  .refCopyToast {
    bottom: 28px;
  }
}

/* Transaction history black/gold redesign */
.txPage {
  background: var(--ms7-history-bg) !important;
  color: var(--ms7-history-text);
}

.txPage .accMain,
.txPanel,
.txHero,
.txPage .histFilters,
.txPage .histTable,
.txPage .histCard {
  border: 1px solid var(--ms7-history-line) !important;
  background: var(--ms7-history-panel) !important;
  box-shadow: none !important;
}

.txPage .accMain {
  padding: 16px !important;
}

.txHero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
  gap: 14px;
  align-items: stretch;
  margin-bottom: 14px;
  padding: 16px;
  border-radius: 16px;
}

.txHero h1 {
  margin: 4px 0 6px;
  color: var(--ms7-history-text);
  font-size: 26px;
  line-height: 1.05;
  font-weight: 1100;
  letter-spacing: 0;
}

.txHero p {
  margin: 0;
  color: var(--ms7-history-text-muted);
  font-size: 13px;
  font-weight: 760;
}

.txHero__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.txHero__stats > div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--ms7-history-line-soft);
  border-radius: 12px;
  background: var(--ms7-history-panel-strong);
}

.txHero__stats span {
  display: block;
  color: var(--ms7-history-text-faint);
  font-size: 11px;
  line-height: 1;
  font-weight: 850;
}

.txHero__stats strong {
  display: block;
  margin-top: 7px;
  color: var(--ms7-history-gold);
  font-size: 15px;
  line-height: 1.12;
  font-weight: 1050;
  overflow-wrap: anywhere;
}

.txPanel {
  margin-bottom: 12px;
  padding: 12px;
  border-radius: 16px;
}

.txPanel--filters {
  padding: 14px;
}

.txPage .histLabel {
  color: var(--ms7-history-gold);
  opacity: 1;
}

.txPage .histSelect,
.txPage .histDate {
  border-color: var(--ms7-history-line) !important;
  background: var(--ms7-history-panel-strong) !important;
  color: var(--ms7-history-text) !important;
}

.txPage .histSelect {
  width: min(420px, 100%);
}

.txPage .histChip,
.txPage .histPager__btn {
  color: var(--ms7-history-text-muted) !important;
  border-color: var(--ms7-history-line) !important;
  background: var(--ms7-history-panel-strong) !important;
  box-shadow: none !important;
}

.txPage .histChip.is-active {
  color: var(--ms7-history-gold-text) !important;
  border-color: var(--ms7-history-gold) !important;
  background: var(--ms7-history-gold) !important;
}

.txPage .histGo {
  border: 1px solid var(--ms7-history-gold);
  background: var(--ms7-history-gold);
  color: var(--ms7-history-gold-text);
}

.txPage .histTable {
  border-radius: 16px;
  overflow: hidden;
}

.txPage .histHead {
  color: var(--ms7-history-gold);
  background: var(--ms7-history-panel-strong) !important;
  border-bottom: 1px solid var(--ms7-history-line-soft);
}

.txPage .histHead--tx,
.txPage .histRow--tx {
  grid-template-columns: 150px minmax(190px, 1.3fr) 88px 130px 130px 96px !important;
}

.txPage .histRow {
  color: var(--ms7-history-text-soft);
  border-top: 1px solid var(--ms7-history-line-faint) !important;
  background: var(--ms7-history-panel);
}

.txPage .histRow:hover {
  background: var(--ms7-history-panel-soft);
}

.txPage .histStrong {
  color: var(--ms7-history-text);
}

.txPage .histSmall,
.txPage .histCard__time,
.txPage .histEmpty__sub,
.txPage .histPager__meta {
  color: var(--ms7-history-text-faint);
  opacity: 1;
}

.txPage .histAmount.is-pos,
.txPage .histAmt.is-pos {
  color: var(--ms7-history-success) !important;
}

.txPage .histAmount.is-neg,
.txPage .histAmt.is-neg {
  color: var(--ms7-history-danger) !important;
}

.txPage .histBalance strong,
.txPage .histBalance {
  color: var(--ms7-history-text-muted);
}

.txPage .histBadge,
.txPage .histStatusPill {
  border-color: var(--ms7-history-line) !important;
  background: var(--ms7-history-panel-strong) !important;
  color: var(--ms7-history-text-muted);
}

.txPage .histStatusPill--1 {
  border-color: var(--ms7-history-success-line) !important;
  color: var(--ms7-history-success);
}

.txPage .histStatusPill--0 {
  border-color: var(--ms7-history-line-strong) !important;
  color: var(--ms7-history-gold);
}

.txPage .histStatusPill--3,
.txPage .histStatusPill--4 {
  border-color: var(--ms7-history-danger-line) !important;
  color: var(--ms7-history-danger-soft);
}

.txPage .histRef {
  color: var(--ms7-history-text-subtle);
}

.txPage .histEmpty {
  border-radius: 14px;
  background: var(--ms7-history-panel);
  color: var(--ms7-history-text);
}

.txPage .histEmpty__ico {
  display: none;
}

@media (max-width: 1180px) {
  .txPage .histHead--tx,
  .txPage .histRow--tx {
    grid-template-columns: 132px minmax(170px, 1.2fr) 76px 118px 118px 88px !important;
  }
}

@media (max-width: 980px) {
  .txPage {
    padding-top: 12px;
    padding-bottom: calc(92px + env(safe-area-inset-bottom)) !important;
  }

  .txPage .accMobile .wrap {
    padding-left: 12px;
    padding-right: 12px;
  }

  .txHero {
    grid-template-columns: 1fr;
    padding: 16px;
  }

  .txHero h1 {
    font-size: 22px;
  }

  .txHero__stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .txHero__stats > div {
    padding: 9px;
  }

  .txHero__stats strong {
    font-size: 12px;
  }

  .txPage .histSelect {
    width: 100%;
  }

  .txPage .histRange {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }

  .txPage .histChip {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 8px;
    text-align: center;
  }

  .txPage .histCustom {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
  }

  .txPage .histDate {
    min-width: 0;
    width: 100%;
  }

  .txPage .histCard__title {
    color: var(--ms7-history-text);
    font-size: 13px;
  }

  .txPage .histCard__top {
    align-items: flex-start;
  }

  .txPage .histAmt {
    text-align: right;
    white-space: nowrap;
  }
}

@media (max-width: 420px) {
  .txHero__stats,
  .txPage .histRange {
    grid-template-columns: 1fr 1fr;
  }

  .txPage .histCustom {
    grid-template-columns: 1fr;
  }
}

/* Game history black/gold redesign */
.gameHistPage .histHero,
.gameHistPage .histStats {
  border: 1px solid var(--ms7-history-line);
  background: var(--ms7-history-panel);
  box-shadow: none;
}

.gameHistPage .histHero {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: stretch;
  margin-bottom: 12px;
  padding: 16px;
  border-radius: 16px;
}

.gameHistPage .histHero__kicker {
  color: var(--ms7-history-gold);
  font-size: 12px;
  font-weight: 950;
}

.gameHistPage .histHero h1 {
  margin: 4px 0 6px;
  color: var(--ms7-history-text);
  font-size: 26px;
  line-height: 1.05;
  font-weight: 1100;
  letter-spacing: 0;
}

.gameHistPage .histHero p {
  margin: 0;
  color: var(--ms7-history-text-muted);
  font-size: 13px;
  font-weight: 760;
}

.gameHistPage .histHero__stat {
  min-width: 112px;
  padding: 12px;
  border: 1px solid var(--ms7-history-line-soft);
  border-radius: 12px;
  background: var(--ms7-history-panel-strong);
}

.gameHistPage .histHero__stat span,
.gameHistPage .histStats span {
  display: block;
  color: var(--ms7-history-text-faint);
  font-size: 11px;
  font-weight: 900;
}

.gameHistPage .histHero__stat strong,
.gameHistPage .histStats strong {
  display: block;
  margin-top: 7px;
  color: var(--ms7-history-gold);
  font-size: 17px;
  line-height: 1.1;
  font-weight: 1050;
  overflow-wrap: anywhere;
}

.gameHistPage .histStats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
  padding: 12px;
  border-radius: 16px;
}

.gameHistPage .histStats > div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--ms7-history-line-soft);
  border-radius: 12px;
  background: var(--ms7-history-panel-strong);
}

.gameHistPage .histHead--game,
.gameHistPage .histRow--game {
  grid-template-columns: 150px 92px minmax(220px, 1fr) 130px 130px !important;
}

@media (max-width: 1180px) {
  .gameHistPage .histHead--game,
  .gameHistPage .histRow--game {
    grid-template-columns: 132px 82px minmax(180px, 1fr) 118px 118px !important;
  }
}

@media (max-width: 980px) {
  .gameHistPage .histHero {
    padding: 16px;
  }

  .gameHistPage .histHero h1 {
    font-size: 22px;
  }

  .gameHistPage .histHero__stat {
    min-width: 86px;
  }

  .gameHistPage .histStats {
    padding: 10px;
  }

  .gameHistPage .histStats > div {
    padding: 9px;
  }

  .gameHistPage .histStats strong {
    font-size: 12px;
  }
}

@media (max-width: 420px) {
  .gameHistPage .histHero {
    display: grid;
    grid-template-columns: 1fr;
  }

  .gameHistPage .histHero__stat {
    min-width: 0;
  }

  .gameHistPage .histStats {
    grid-template-columns: 1fr;
  }
}

/* Profile security pages */
.securityPage {
  background: var(--ms7-withdraw-bg) !important;
  color: var(--ms7-withdraw-text);
}

.securityPage .accMain,
.securityHero,
.securityCard {
  border: 1px solid var(--ms7-withdraw-line) !important;
  background: var(--ms7-withdraw-panel) !important;
  box-shadow: none !important;
}

.securityPage .accMain {
  padding: 16px !important;
}

.securityHero {
  margin-bottom: 12px;
  padding: 16px;
  border-radius: 16px;
}

.securityHero__kicker {
  color: var(--ms7-withdraw-gold);
  font-size: 12px;
  font-weight: 950;
}

.securityHero h1 {
  margin: 4px 0 6px;
  color: var(--ms7-withdraw-text);
  font-size: 26px;
  line-height: 1.05;
  font-weight: 1100;
  letter-spacing: 0;
}

.securityHero p {
  margin: 0;
  color: var(--ms7-withdraw-muted);
  font-size: 13px;
  font-weight: 760;
}

.securityCard {
  max-width: 560px;
  padding: 16px;
  border-radius: 16px;
}

.securityPage .pLabel {
  margin-top: 12px;
  color: var(--ms7-withdraw-gold);
  font-weight: 900;
}

.securityPage .pInput {
  border-color: var(--ms7-withdraw-input-line) !important;
  background: var(--ms7-withdraw-panel-soft) !important;
  color: var(--ms7-withdraw-text) !important;
  box-shadow: none !important;
}

.securityPage .pSubmit {
  width: 100%;
  margin-top: 16px;
  border: 1px solid var(--ms7-withdraw-gold) !important;
  border-radius: 8px;
  background: var(--ms7-withdraw-gold) !important;
  color: var(--ms7-withdraw-gold-text) !important;
  box-shadow: none !important;
}

.securityPage .alert {
  border-radius: 12px;
  border-color: var(--ms7-withdraw-line);
  background: var(--ms7-withdraw-panel-soft);
  color: var(--ms7-withdraw-text);
}

.securityPage .alert ul {
  margin: 0;
  padding-left: 18px;
}

@media (max-width: 980px) {
  .securityPage {
    padding-top: 12px;
    padding-bottom: calc(92px + env(safe-area-inset-bottom)) !important;
  }

  .securityPage .accMobile .wrap {
    padding-left: 12px;
    padding-right: 12px;
  }

  .securityHero h1 {
    font-size: 22px;
  }

  .securityCard {
    max-width: none;
  }
}

/* Deposit final black/gold pass */
.depPage {
  background: var(--ms7-withdraw-bg) !important;
  color: var(--ms7-withdraw-text);
}

.depPage .accMain,
.depPage .accBlock,
.depPage .dCard,
.depPage .dNotice,
.depPage .dHistory {
  border-color: var(--ms7-withdraw-line) !important;
  background: var(--ms7-withdraw-panel) !important;
  box-shadow: none !important;
}

.depPage .accMain,
.depPage .accBlock {
  border-radius: 16px !important;
}

.depPage .dCard,
.depPage .dNotice,
.depPage .dHistory {
  border-radius: 16px !important;
}

.depPage .accBlock__title,
.depPage .dTitle,
.depPage .dHistory__title,
.depPage .depSummary__head {
  color: var(--ms7-withdraw-text) !important;
}

.depPage .dTitle {
  margin-top: 14px;
  font-size: 15px !important;
}

.depPage .dMethods[data-dep-methods] {
  display: none !important;
}

.depPage .dMethods[data-dep-providers] {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.depPage .dMethod,
.depPage .dBank,
.depPage .dQuickBtn,
.depPage .depPromo,
.depPage .depSummary,
.depPage .dHistItem {
  border-color: var(--ms7-withdraw-line-soft) !important;
  background: var(--ms7-withdraw-panel-soft) !important;
  box-shadow: none !important;
}

.depPage .dMethod {
  min-height: 72px !important;
  align-items: center;
}

.depPage .dMethod__ico {
  border-color: var(--ms7-withdraw-inset-line) !important;
  background: var(--ms7-withdraw-bg-soft) !important;
  color: var(--ms7-withdraw-gold) !important;
}

.depPage .dMethod__txt,
.depPage .dBank__name,
.depPage .depPromo__title,
.depPage .dHistBank,
.depPage .dHistAmt {
  color: var(--ms7-withdraw-text) !important;
}

.depPage .dMethod.is-active,
.depPage .dBank.is-active,
.depPage .depPromo.is-active {
  border-color: var(--ms7-withdraw-gold) !important;
  background: var(--ms7-withdraw-focus-panel) !important;
  box-shadow: 0 0 0 1px var(--ms7-withdraw-inset-line) inset !important;
}

.depPage .dMethod.is-active .dMethod__ico,
.depPage .dBank.is-active .dBank__tick {
  background: var(--ms7-withdraw-gold) !important;
  color: var(--ms7-withdraw-gold-text) !important;
}

.depPage .dAmt {
  min-height: 46px;
  border-color: var(--ms7-withdraw-input-line) !important;
  background: var(--ms7-withdraw-bg-soft) !important;
  color: var(--ms7-withdraw-text) !important;
}

.depPage .dAmt:focus {
  border-color: var(--ms7-withdraw-gold) !important;
  box-shadow: 0 0 0 3px var(--ms7-withdraw-focus) !important;
}

.depPage .dAmtClear {
  color: var(--ms7-withdraw-muted-strong) !important;
}

.depPage .dQuick {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px !important;
}

.depPage .dQuickBtn {
  min-height: 38px;
  color: var(--ms7-withdraw-muted-status) !important;
}

.depPage .dQuickBtn.is-active,
.depPage .dQuickBtn:focus {
  border-color: var(--ms7-withdraw-gold) !important;
  background: var(--ms7-withdraw-gold) !important;
  color: var(--ms7-withdraw-gold-text) !important;
}

.depPage .depPromo {
  padding: 12px !important;
}

.depPage .depTag,
.depPage .depTc,
.depPage .dNotice__toggle,
.depPage .dHistStatus {
  border-color: var(--ms7-withdraw-line-soft) !important;
  background: var(--ms7-withdraw-bg-soft) !important;
  color: var(--ms7-withdraw-muted-status) !important;
}

.depPage .dHistStatus.is-pending {
  border-color: var(--ms7-withdraw-line-strong) !important;
  color: var(--ms7-withdraw-gold) !important;
}

.depPage .dNotice__head {
  color: var(--ms7-withdraw-text) !important;
}

.depPage .dNotice__list,
.depPage .dHistory__sub,
.depPage .dHistoryEmpty__sub,
.depPage .dHistMeta,
.depPage .depPromo__metaRow span,
.depPage .depSummary__row .k,
.depPage .depSummary__note {
  color: var(--ms7-withdraw-muted-soft) !important;
  opacity: 1 !important;
}

.depPage .depPromo__metaRow b,
.depPage .depSummary__row .v {
  color: var(--ms7-withdraw-text) !important;
}

.depPage .depSummary__row--req .v,
.depPage .req {
  color: var(--ms7-withdraw-gold) !important;
}

.depPage .dSubmit {
  min-height: 46px;
  border: 1px solid var(--ms7-withdraw-gold) !important;
  border-radius: 12px !important;
  background: var(--ms7-withdraw-gold) !important;
  color: var(--ms7-withdraw-gold-text) !important;
  box-shadow: none !important;
  font-weight: 1000;
}

.depPage .dSubmit:hover {
  filter: brightness(1.04);
}

.depPage .dFlash {
  border-color: var(--ms7-withdraw-success-line) !important;
  background: var(--ms7-withdraw-panel-soft) !important;
  color: var(--ms7-withdraw-success) !important;
}

.depPage .dFlash--error,
.depPage .dErr {
  border-color: var(--ms7-withdraw-danger-line) !important;
  background: var(--ms7-withdraw-panel-soft) !important;
  color: var(--ms7-withdraw-danger) !important;
}

@media (max-width: 520px) {
  .depPage {
    padding-bottom: calc(92px + env(safe-area-inset-bottom)) !important;
  }

  .depPage .dCard,
  .depPage .dNotice,
  .depPage .dHistory {
    padding: 11px !important;
  }

  .depPage .accMobile .wrap {
    padding-left: 10px;
    padding-right: 10px;
  }

  .depPage .dCard {
    margin-top: 8px;
  }

  .depPage .dTitle {
    margin-top: 10px;
    font-size: 13px !important;
  }

  .depPage .dMethods[data-dep-providers] {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    margin-top: 6px !important;
    overflow: hidden;
    border: 1px solid var(--ms7-withdraw-line-soft);
    border-radius: 12px;
    background: var(--ms7-withdraw-bg-soft);
  }

  .depPage .dMethods[data-dep-providers] .dMethod {
    min-height: 36px !important;
    gap: 0;
    padding: 7px 4px !important;
    border: 0 !important;
    border-right: 1px solid var(--ms7-withdraw-line-soft) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .depPage .dMethods[data-dep-providers] .dMethod:last-child {
    border-right: 0 !important;
  }

  .depPage .dMethods[data-dep-providers] .dMethod__ico {
    display: none;
  }

  .depPage .dMethods[data-dep-providers] .dMethod__txt {
    font-size: 10px;
    line-height: 1;
    white-space: nowrap;
  }

  .depPage .dMethods[data-dep-providers] .dMethod.is-active {
    background: var(--ms7-withdraw-gold) !important;
    color: var(--ms7-withdraw-gold-text) !important;
  }

  .depPage .dMethods[data-dep-providers] .dMethod.is-active .dMethod__txt {
    color: var(--ms7-withdraw-gold-text) !important;
  }

  .depPage .dBanks[data-vpay-trade-codes],
  .depPage .dBanks[data-novapay-methods],
  .depPage .dBanks[data-luxepay-methods],
  .depPage .dBanks[data-luxepay-banks] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin-top: 7px !important;
  }

  .depPage .dBanks[data-vpay-trade-codes] .dBank,
  .depPage .dBanks[data-novapay-methods] .dBank,
  .depPage .dBanks[data-luxepay-methods] .dBank,
  .depPage .dBanks[data-luxepay-banks] .dBank {
    min-height: 34px;
    height: auto;
    align-content: center;
    padding: 7px 26px 7px 10px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .04) !important;
  }

  .depPage .dBanks[data-vpay-trade-codes] .dBank__name,
  .depPage .dBanks[data-novapay-methods] .dBank__name,
  .depPage .dBanks[data-luxepay-methods] .dBank__name,
  .depPage .dBanks[data-luxepay-banks] .dBank__name {
    font-size: 10px;
    line-height: 1.12;
    text-align: left;
  }

  .depPage .dBanks[data-vpay-trade-codes] .dBank__tick,
  .depPage .dBanks[data-novapay-methods] .dBank__tick,
  .depPage .dBanks[data-luxepay-methods] .dBank__tick,
  .depPage .dBanks[data-luxepay-banks] .dBank__tick {
    left: auto;
    right: 8px;
    bottom: 50%;
    width: 15px;
    height: 15px;
    transform: translateY(50%);
    font-size: 10px;
  }

  .depPage .dAmt {
    min-height: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 13px;
  }

  .depPage .dQuick {
    gap: 6px !important;
    margin-top: 7px;
  }

  .depPage .dQuickBtn {
    min-height: 32px;
    min-width: 0;
    padding: 7px 8px;
    border-radius: 10px !important;
    font-size: 12px;
  }

  .depPage .depPromos {
    gap: 7px;
    margin-top: 7px;
  }

  .depPage .depPromo {
    min-height: 0;
    padding: 9px !important;
    border-radius: 11px !important;
  }

  .depPage .depPromo__title {
    margin-bottom: 6px;
    font-size: 12px;
  }

  .depPage .depPromo__tags {
    gap: 5px;
    margin-bottom: 7px;
  }

  .depPage .depPromo__meta {
    gap: 5px;
    padding-top: 7px;
  }

  .depPage .depSummary {
    margin-top: 9px;
    padding: 10px !important;
    border-radius: 12px !important;
  }

  .depPage .depSummary__head {
    margin-bottom: 8px;
    font-size: 13px;
  }

  .depPage .depSummary__grid {
    gap: 7px;
  }

  .depPage .depTc {
    margin-top: 8px;
    padding: 7px 9px;
    font-size: 11px;
  }

  .depPage .dSubmit {
    min-height: 40px;
    margin-top: 10px;
  }

  .depPage .dNotice,
  .depPage .dHistory {
    margin-top: 9px;
  }
}

/* Withdraw black/gold redesign */
.wdPage {
  background: var(--ms7-withdraw-bg) !important;
  color: var(--ms7-withdraw-text);
}

.wdPage .wrap {
  max-width: 1180px;
}

.wdPage .accMain,
.wdHero,
.wdCard,
.wdNotice,
.wdHistory {
  border: 1px solid var(--ms7-withdraw-line) !important;
  background: var(--ms7-withdraw-panel) !important;
  box-shadow: none !important;
}

.wdPage .accMain {
  padding: 16px !important;
  border-radius: 16px;
}

.wdHero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 360px);
  gap: 14px;
  align-items: stretch;
  margin-bottom: 14px;
  padding: 16px;
  border-radius: 16px;
}

.wdHero h1 {
  margin: 4px 0 6px;
  color: var(--ms7-withdraw-text);
  font-size: 26px;
  line-height: 1.05;
  font-weight: 1100;
  letter-spacing: 0;
}

.wdHero p {
  margin: 0;
  color: var(--ms7-withdraw-muted);
  font-size: 13px;
  line-height: 1.4;
  font-weight: 760;
}

.wdHero__stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.wdHero__stats > div {
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--ms7-withdraw-line-soft);
  border-radius: 12px;
  background: var(--ms7-withdraw-panel-soft);
}

.wdHero__stats span {
  display: block;
  color: var(--ms7-withdraw-muted-faint);
  font-size: 11px;
  line-height: 1;
  font-weight: 850;
}

.wdHero__stats strong {
  display: block;
  margin-top: 7px;
  color: var(--ms7-withdraw-gold);
  font-size: 15px;
  line-height: 1.1;
  font-weight: 1100;
  overflow-wrap: anywhere;
}

.wdCard,
.wdNotice,
.wdHistory {
  border-radius: 16px !important;
}

.wdTitle,
.wdNoticeTitle,
.wdHistoryTitle,
.wdLockTitle,
.wdLabel {
  color: var(--ms7-withdraw-text) !important;
}

.wdAddAcc,
.wdNoticeToggle,
.wdLink {
  color: var(--ms7-withdraw-gold) !important;
}

.wdSelect,
.wdAmount {
  border-color: var(--ms7-withdraw-input-line) !important;
  background: var(--ms7-withdraw-bg-soft) !important;
  color: var(--ms7-withdraw-text) !important;
}

.wdSelect:focus,
.wdAmount:focus {
  border-color: var(--ms7-withdraw-gold) !important;
  box-shadow: 0 0 0 3px var(--ms7-withdraw-focus) !important;
}

.wdNoteLine,
.wdHint,
.wdNoticeList,
.wdHistorySub,
.wdHistMeta,
.wdEmptySub,
.wdLockSub,
.wdLockFooter {
  color: var(--ms7-withdraw-muted-soft) !important;
  opacity: 1 !important;
}

.wdQuick {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px !important;
}

.wdQuickBtn {
  min-width: 0 !important;
  min-height: 38px;
  border-color: var(--ms7-withdraw-line-soft) !important;
  background: var(--ms7-withdraw-panel-soft) !important;
  color: var(--ms7-withdraw-muted-status) !important;
}

.wdQuickBtn:hover,
.wdQuickBtn:focus {
  border-color: var(--ms7-withdraw-gold) !important;
  background: var(--ms7-withdraw-gold) !important;
  color: var(--ms7-withdraw-gold-text) !important;
}

.wdSubmit {
  border: 1px solid var(--ms7-withdraw-gold) !important;
  background: var(--ms7-withdraw-gold) !important;
  color: var(--ms7-withdraw-gold-text) !important;
  box-shadow: none !important;
}

.wdOk,
.wdOtpSentBadge {
  border-color: var(--ms7-withdraw-success-line) !important;
  background: var(--ms7-withdraw-panel-soft) !important;
  color: var(--ms7-withdraw-success) !important;
}

.wdErr,
.wdFieldErr {
  border-color: var(--ms7-withdraw-danger-line) !important;
  background: var(--ms7-withdraw-panel-soft) !important;
  color: var(--ms7-withdraw-danger) !important;
}

.wdHistRow,
.wdLockBox,
.wdLockSection,
.wdGateCard {
  border-color: var(--ms7-withdraw-line-soft) !important;
  background: var(--ms7-withdraw-panel-soft) !important;
}

.wdGateCard {
  margin: 0 0 14px;
  padding: 12px;
  border: 1px solid var(--ms7-withdraw-line-soft);
  border-radius: 12px;
  color: var(--ms7-withdraw-text);
}

.wdHistAmt {
  color: var(--ms7-withdraw-text) !important;
}

.wdStatus {
  border-color: var(--ms7-withdraw-line) !important;
  background: var(--ms7-withdraw-bg-soft) !important;
  color: var(--ms7-withdraw-muted-status) !important;
}

.wdStatus--approved {
  border-color: var(--ms7-withdraw-success-line) !important;
  color: var(--ms7-withdraw-success) !important;
}

.wdStatus--pending {
  border-color: var(--ms7-withdraw-line-status) !important;
  color: var(--ms7-withdraw-gold) !important;
}

.wdStatus--rejected {
  border-color: var(--ms7-withdraw-danger-line) !important;
  color: var(--ms7-withdraw-danger) !important;
}

.wdEmptyIco {
  display: none;
}

.wdDesktopGrid {
  gap: 14px;
}

@media (max-width: 980px) {
  .wdPage {
    padding-top: 12px;
    padding-bottom: calc(92px + env(safe-area-inset-bottom)) !important;
  }

  .wdPage .accMobile .wrap {
    padding-left: 12px;
    padding-right: 12px;
  }

  .wdHero {
    grid-template-columns: 1fr;
    padding: 16px;
  }

  .wdHero h1 {
    font-size: 22px;
  }

  .wdCard,
  .wdNotice,
  .wdHistory {
    padding: 14px !important;
  }
}

@media (max-width: 420px) {
  .wdQuick {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Mobile drawer shareholder mode */
@keyframes ms7ShareStarPulse {
  0%, 100% { transform: scale(1); filter: drop-shadow(0 0 8px var(--ms7-share-pulse)); }
  50% { transform: scale(1.08); filter: drop-shadow(0 0 16px var(--ms7-share-pulse-strong)); }
}

@keyframes ms7ShareStarSweep {
  0% { transform: translateX(-140%) rotate(22deg); opacity: 0; }
  36% { opacity: .9; }
  100% { transform: translateX(180%) rotate(22deg); opacity: 0; }
}

@keyframes ms7ShareParticleFloat {
  0% { transform: translate3d(0, 16px, 0) scale(.7); opacity: 0; }
  22% { opacity: .72; }
  100% { transform: translate3d(var(--x, 14px), -58px, 0) scale(1); opacity: 0; }
}

.mDrawer__panel[data-shareholder-drawer] {
  overflow: hidden;
}

.mDrawerShareStar {
  position: relative;
  width: 38px;
  height: 38px;
  border: 1px solid var(--ms7-share-line-strong);
  border-radius: 999px;
  background: var(--ms7-share-panel);
  color: var(--ms7-share-gold);
  display: inline-grid;
  place-items: center;
  overflow: hidden;
  cursor: pointer;
  flex: 0 0 auto;
  box-shadow: 0 0 0 4px var(--ms7-share-glow-soft);
}

.mDrawerShareStar__glyph {
  position: relative;
  z-index: 1;
  font-size: 18px;
  line-height: 1;
  animation: ms7ShareStarPulse 2.4s ease-in-out infinite;
}

.mDrawerShareStar__shine {
  position: absolute;
  inset: -50% auto auto -55%;
  width: 48%;
  height: 200%;
  background: var(--ms7-share-shine-bg);
  animation: ms7ShareStarSweep 2.8s ease-in-out infinite;
}

.mDrawerShareStar.is-on,
.is-shareholder-gold .mDrawerShareStar {
  border-color: var(--ms7-share-line-active);
  background: var(--ms7-share-gold);
  color: var(--ms7-share-gold-text);
  box-shadow: 0 0 0 5px var(--ms7-share-glow-soft), 0 0 28px var(--ms7-share-glow);
}

.mDrawerShareToggleRow {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 8px 0 12px;
  padding: 10px;
  border: 1px solid var(--ms7-share-line);
  border-radius: 12px;
  background: var(--ms7-share-panel);
}

.mDrawerShareToggleRow__copy span,
.mDrawerShareToggleRow__copy strong {
  display: block;
}

.mDrawerShareToggleRow__copy span {
  color: var(--ms7-share-muted-soft);
  font-size: 11px;
  font-weight: 900;
}

.mDrawerShareToggleRow__copy strong {
  margin-top: 3px;
  color: var(--ms7-share-text);
  font-size: 13px;
  font-weight: 1050;
}

.mDrawerShareToggleRow .mDrawerShareStar {
  width: auto;
  min-width: 86px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 10px;
}

.mDrawerShareToggleRow .mDrawerShareStar__glyph {
  font-size: 15px;
}

.mDrawerShareStar__state {
  position: relative;
  z-index: 1;
  font-size: 11px;
  font-weight: 1000;
}

.mDrawerShareParticles {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 0;
}

.mDrawerShareParticles i {
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: var(--ms7-share-gold);
  box-shadow: 0 0 12px var(--ms7-share-particle-glow);
  animation: ms7ShareParticleFloat 7s ease-in-out infinite;
}

.mDrawerShareParticles i:nth-child(1) { left: 14%; top: 86%; --x: 12px; animation-delay: 0s; }
.mDrawerShareParticles i:nth-child(2) { left: 33%; top: 72%; --x: -10px; animation-delay: 1.1s; }
.mDrawerShareParticles i:nth-child(3) { left: 58%; top: 82%; --x: 16px; animation-delay: 2.2s; }
.mDrawerShareParticles i:nth-child(4) { left: 78%; top: 67%; --x: -14px; animation-delay: 3.4s; }
.mDrawerShareParticles i:nth-child(5) { left: 22%; top: 48%; --x: 8px; animation-delay: 4.5s; }
.mDrawerShareParticles i:nth-child(6) { left: 68%; top: 42%; --x: -8px; animation-delay: 5.6s; }

.mDrawerSharePanel {
  position: relative;
  z-index: 1;
  margin: 12px 0;
  padding: 12px;
  border: 1px solid var(--ms7-share-panel-line);
  border-radius: 12px;
  background: var(--ms7-share-gold-text);
}

.mDrawerSharePanel__head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  margin-bottom: 10px;
}

.mDrawerSharePanel__head span {
  color: var(--ms7-share-muted);
  font-size: 12px;
  font-weight: 900;
}

.mDrawerSharePanel__head strong {
  color: var(--ms7-share-gold);
  font-size: 13px;
  font-weight: 1050;
}

.mDrawerShareGrid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.mDrawerShareItem {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-height: 54px;
  padding: 9px;
  border: 1px solid var(--ms7-share-line-soft);
  border-radius: 10px;
  background: var(--ms7-share-panel-strong);
  color: var(--ms7-share-text);
  text-decoration: none;
}

.mDrawerShareItem__icon {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  display: inline-grid;
  place-items: center;
  border: 1px solid var(--ms7-share-icon-line);
  background: var(--ms7-share-panel-deep);
  color: var(--ms7-share-gold);
  font-size: 11px;
  font-weight: 1000;
}

.mDrawerShareItem strong,
.mDrawerShareItem small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mDrawerShareItem strong {
  color: var(--ms7-share-text);
  font-size: 13px;
  font-weight: 1000;
}

.mDrawerShareItem small {
  margin-top: 2px;
  color: var(--ms7-share-muted-subtle);
  font-size: 11px;
  font-weight: 760;
}

.is-shareholder-gold .mDrawer__panel {
  border-left-color: var(--ms7-share-drawer-line) !important;
  background: var(--ms7-share-bg) !important;
}

.is-shareholder-gold .mDrawerBrand__eyebrow {
  color: var(--ms7-share-gold) !important;
}

.is-shareholder-gold .mDrawerBrand__meta strong {
  color: var(--ms7-share-text) !important;
}

/* Compact MS7 star for the mobile center nav; burger stays standard bars. */
.mNav__home {
  background: #000 !important;
}

.mNav__homeLogo {
  object-fit: cover !important;
  background: #000 !important;
  border-radius: 50% !important;
}

.mDrawerBrand__img {
  object-fit: cover !important;
  background: #000 !important;
  border-color: rgba(215, 163, 71, .45) !important;
  border-radius: 50% !important;
  padding: 0 !important;
}

@media (max-width: 900px) {
  .mBurger {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px !important;
    overflow: hidden;
    background: var(--ms7-live-panel) !important;
    border-color: rgba(215, 163, 71, .28) !important;
  }

  .mBurger::before {
    content: none !important;
  }

  .mBurger__bar {
    display: block !important;
    width: 16px !important;
    height: 2px !important;
    border-radius: 999px;
    background: #fff !important;
  }

  .mNav__bar {
    grid-template-columns: 1fr 1fr 76px 1fr 1fr !important;
  }

  .mNav__home {
    width: 60px !important;
    height: 60px !important;
    margin-top: -17px !important;
    display: grid !important;
    place-items: center !important;
    justify-self: center;
    align-self: center;
    padding: 5px !important;
    border: 1px solid rgba(244, 207, 114, .62) !important;
    background:
      radial-gradient(circle at 50% 42%, rgba(244, 207, 114, .18), transparent 46%),
      #000 !important;
    box-shadow:
      0 12px 24px rgba(0, 0, 0, .58),
      0 0 0 5px rgba(215, 163, 71, .08),
      0 0 22px rgba(244, 207, 114, .22),
      inset 0 1px 0 rgba(255, 255, 255, .16),
      inset 0 -8px 16px rgba(0, 0, 0, .62) !important;
  }

  .mNav__home::after {
    inset: 4px !important;
  }

  .mNav__homeLogo {
    width: 48px !important;
    height: 48px !important;
    object-fit: contain !important;
    background: #000 !important;
    box-shadow: 0 0 0 1px rgba(244, 207, 114, .20);
    filter:
      drop-shadow(0 0 7px rgba(244, 207, 114, .38))
      drop-shadow(0 5px 8px rgba(0, 0, 0, .56))
      saturate(1.08) !important;
  }

  .mNav__sparkles {
    inset: -10px !important;
  }

  .mDrawerBrand__img {
    width: 48px !important;
    height: 48px !important;
    filter:
      drop-shadow(0 0 8px rgba(244, 207, 114, .34))
      drop-shadow(0 7px 13px rgba(0, 0, 0, .45)) !important;
  }
}

@media (max-width: 900px) {
  .brand {
    width: 62px !important;
  }

  .brand__img {
    height: 46px !important;
    max-width: 46px !important;
    border-radius: 9px;
  }
}

@media (max-width: 370px) {
  .brand {
    width: 54px !important;
  }

  .brand__img {
    height: 42px !important;
    max-width: 42px !important;
  }
}

/* Normal referral page follows the same deep-blue global theme as deposit/message/transaction. */
.refPage {
  background: var(--ms7-history-bg) !important;
  color: var(--ms7-history-text) !important;
}

.refPage .accMain,
.refPage .mBlock,
.refPage .refHero,
.refPage .refCard,
.refPage .mRef__item,
.refPage .refTerms,
.refPage .refShareCard,
.refPage .refQrModal__panel {
  border-color: var(--ms7-history-line) !important;
  background: var(--ms7-history-panel) !important;
  box-shadow: none !important;
}

.refPage .refHero__stats > div,
.refPage .refHero__stat,
.refPage .refShareLinkRow,
.refPage .refTerms__head,
.refPage .refTerms__body,
.refPage .refIconBtn,
.refPage .refQrModal__actions button {
  border-color: var(--ms7-history-line-soft) !important;
  background: var(--ms7-history-panel-strong) !important;
  box-shadow: none !important;
}

.refPage .refHero h1,
.refPage .refShareCode,
.refPage .refTerms__left,
.refPage .mRef__label,
.refPage .refLabel,
.refPage .refQrModal__title,
.refPage .refQrModal__code {
  color: var(--ms7-history-text) !important;
}

.refPage .refHero p,
.refPage .refHero__stats span,
.refPage .refHero__stat span,
.refPage .refShareUrl,
.refPage .refTerms__body,
.refPage .refQrModal__panel {
  color: var(--ms7-history-text-muted) !important;
}

.refPage .walletEyebrow,
.refPage .refHero__stats strong,
.refPage .refHero__stat strong,
.refPage .refIconBtn,
.refPage .refQrModal__actions button {
  color: var(--ms7-history-text-soft) !important;
}

.refPage .refIconBtn svg {
  fill: currentColor !important;
}

.refPage .refQrModal__actions button {
  border-color: var(--ms7-history-line) !important;
}

/* 2026-07-01: landing provider cards logo-only */
.landingProviderCard__name,
.landingProviderCard__meta {
  display: none !important;
}

.landingProviderCard {
  align-items: center !important;
  justify-content: center !important;
}

/* Platform notification popout */
.notificationBtn,
.mHeaderIcon.notificationBtn,
.notificationGridBtn {
  position: relative !important;
}

button.mHeaderIcon.notificationBtn,
button.notificationGridBtn {
  border: 0;
  font: inherit;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

.mGrid__item--button {
  width: 100%;
}

.notificationDot {
  position: absolute;
  right: 7px;
  top: 7px;
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #ff2e4d;
  border: 2px solid #031126;
  box-shadow: 0 0 0 2px rgba(255, 46, 77, .18), 0 0 12px rgba(255, 46, 77, .65);
  pointer-events: none;
}

.notificationDot--grid {
  right: 18px;
  top: 13px;
}

.notificationDot--nav {
  right: -3px;
  top: -4px;
  width: 8px;
  height: 8px;
}

.mNav__ico {
  position: relative;
}

.notificationLayer {
  position: fixed;
  inset: 0;
  z-index: 10040;
  pointer-events: none;
}

.notificationLayer[hidden] {
  display: none !important;
}

.notificationLayer__backdrop {
  position: absolute;
  inset: 0;
  pointer-events: auto;
  background: rgba(0, 0, 0, .08);
}

.notificationPanel {
  position: absolute;
  top: 74px;
  right: 18px;
  width: min(390px, calc(100vw - 24px));
  max-height: min(680px, calc(100vh - 92px));
  display: flex;
  flex-direction: column;
  pointer-events: auto;
  overflow: hidden;
  border: 1px solid rgba(215, 163, 71, .28);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(234, 224, 207, .08), rgba(114, 136, 174, .035)),
    #031126;
  box-shadow: 0 24px 55px rgba(0, 0, 0, .46);
  color: #fdfbf7;
}

.notificationPanel__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 14px;
  border-bottom: 1px solid rgba(234, 224, 207, .12);
}

.notificationPanel__title {
  font-weight: 900;
  font-size: 17px;
  color: #fff;
}

.notificationPanel__sub {
  margin-top: 3px;
  font-size: 12px;
  color: rgba(234, 224, 207, .68);
}

.notificationPanel__actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.notificationPanel__readAll,
.notificationPanel__close {
  border: 1px solid rgba(234, 224, 207, .18);
  background: rgba(255, 255, 255, .04);
  color: rgba(234, 224, 207, .92);
  border-radius: 10px;
  cursor: pointer;
}

.notificationPanel__readAll {
  min-height: 34px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 800;
}

.notificationPanel__close {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.notificationPanel__list {
  padding: 10px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.notificationPanel__empty {
  padding: 28px 12px;
  text-align: center;
  color: rgba(234, 224, 207, .62);
  font-size: 13px;
}

.notificationItem {
  border: 1px solid rgba(234, 224, 207, .11);
  background: rgba(255, 255, 255, .035);
  border-radius: 12px;
  overflow: hidden;
}

.notificationItem + .notificationItem {
  margin-top: 8px;
}

.notificationItem.is-unread {
  border-color: rgba(255, 46, 77, .34);
  background: linear-gradient(90deg, rgba(255, 46, 77, .10), rgba(255, 255, 255, .035));
}

.notificationItem__summary {
  width: 100%;
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.notificationItem__main {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.notificationItem__main strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  color: #fff;
}

.notificationItem__main small {
  color: rgba(234, 224, 207, .58);
  font-size: 11px;
}

.notificationItem__status {
  flex: 0 0 auto;
  padding: 4px 7px;
  border-radius: 999px;
  font-size: 11px;
  color: rgba(234, 224, 207, .72);
  border: 1px solid rgba(234, 224, 207, .12);
}

.notificationItem.is-unread .notificationItem__status {
  color: #fff;
  border-color: rgba(255, 46, 77, .34);
  background: rgba(255, 46, 77, .16);
}

.notificationItem__detail {
  padding: 0 12px 12px;
  color: rgba(253, 251, 247, .82);
  font-size: 13px;
  line-height: 1.5;
}

.notificationItem__detail p {
  margin: 0 0 10px;
  white-space: pre-wrap;
}

.notificationItem__detail img {
  width: 100%;
  max-height: 180px;
  display: block;
  object-fit: cover;
  border-radius: 12px;
  border: 1px solid rgba(234, 224, 207, .12);
  margin-bottom: 10px;
}

.notificationItem__link {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 10px;
  border: 1px solid rgba(215, 163, 71, .38);
  color: #efdca3 !important;
  background: rgba(215, 163, 71, .10);
  font-weight: 800;
}

@media (max-width: 640px) {
  /* 与电脑版一致：面板锚定在顶部铃铛下方，而不是页面底部。 */
  .notificationPanel {
    top: calc(64px + env(safe-area-inset-top, 0px));
    right: 8px;
    left: 8px;
    bottom: auto;
    width: auto;
    max-height: min(72vh, 620px);
    border-radius: 16px;
  }

  .notificationPanel__readAll {
    max-width: 92px;
    white-space: normal;
    line-height: 1.15;
  }
}

/* =========================================================
   accSide redesign (2026-07): user card, grouped nav,
   shareholder mode switch. Appended last so it wins over the
   theme !important overrides above.
   ========================================================= */

/* user card */
.accUserCard{
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px 14px;
  border-bottom:1px solid var(--ms7-account-line);
  background: linear-gradient(135deg, var(--ms7-account-accent-soft), transparent 60%);
}
.accUserCard__avatar{
  width:46px;
  height:46px;
  border-radius:14px;
  display:grid;
  place-items:center;
  font-weight:1000;
  font-size:19px;
  color:var(--ms7-account-accent-text);
  background:linear-gradient(135deg,#f2d38f,var(--ms7-account-accent));
  box-shadow:0 8px 18px rgba(215,163,71,.28);
  flex:0 0 auto;
}
.accUserCard__meta{ min-width:0; display:flex; flex-direction:column; gap:4px; }
.accUserCard__name{ font-weight:900; font-size:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.accUserCard__tag{
  display:inline-flex;
  width:max-content;
  align-items:center;
  gap:6px;
  font-size:11px;
  font-weight:800;
  padding:3px 9px;
  border-radius:999px;
  border:1px solid var(--ms7-account-accent-line);
  color:var(--ms7-account-accent);
  background:var(--ms7-account-accent-soft);
}
.accUserCard__tag--gold{
  border-color: rgba(248,215,122,.5);
  color:#ffe089;
  background: rgba(235,191,92,.12);
}

/* shareholder mode switch row */
.accShareRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:12px 14px;
  border-bottom:1px solid var(--ms7-account-line);
  background:linear-gradient(135deg, rgba(235,191,92,.10), transparent 62%);
}
.accShareRow__copy{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.accShareRow__copy span{ font-size:11px; font-weight:800; opacity:.65; }
.accShareRow__copy strong{ font-weight:900; font-size:13px; color:#ffe089; }
.accShareSwitch{
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1px solid rgba(248,215,122,.42);
  background:rgba(0,0,0,.28);
  color:#ffe089;
  border-radius:999px;
  padding:8px 13px;
  font-weight:900;
  font-size:12px;
  cursor:pointer;
  flex:0 0 auto;
  transition:background .15s ease, color .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.accShareSwitch:hover{ background:rgba(235,191,92,.14); }
.accShareSwitch__glyph{ color:#f8d77a; }
.accShareSwitch.is-on{
  background:linear-gradient(135deg,#f8d77a,#c9952d);
  color:#1b1204;
  border-color:rgba(255,240,176,.65);
  box-shadow:0 6px 16px rgba(235,191,92,.35);
}
.accShareSwitch.is-on .accShareSwitch__glyph{ color:#1b1204; }

/* nav group captions */
.accNav__caption{
  padding:11px 16px 6px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(234,224,207,.52);
}
.accNav__caption--gold{ color:rgba(255,224,137,.72); }

/* nav links: icon chip + rounded rows */
.accNav__link{
  display:flex;
  align-items:center;
  gap:11px;
  padding:8px 10px;
  margin:2px 8px;
  border-radius:12px;
  border-left:3px solid transparent;
  opacity:.88;
}
.accNav__link:hover{ opacity:1; }
.accNav__link.is-active{ padding-left:10px; }
.accNav__ico{
  width:30px;
  height:30px;
  border-radius:10px;
  display:grid;
  place-items:center;
  font-size:14px;
  background:var(--ms7-account-panel-item);
  border:1px solid var(--ms7-account-line);
  flex:0 0 auto;
}
.accNav__link.is-active .accNav__ico{
  background:var(--ms7-account-accent-soft);
  border-color:var(--ms7-account-accent-line);
}
.accNav__link--share .accNav__shareIco{ margin-right:0; }

/* gold mode: keep the switch row and captions readable */
.is-shareholder-gold .accUserCard{
  border-bottom-color: rgba(235,191,92,.18);
  background:linear-gradient(135deg, rgba(235,191,92,.14), transparent 60%);
}
.is-shareholder-gold .accNav__caption{ color:rgba(255,224,137,.55); }

/* Mobile language switcher: match the header notification/profile icon buttons */
.langSwitch--mobile .langSwitch__toggle {
  background: var(--ms7-live-panel, #031126) !important;
  border: 1px solid var(--ms7-live-line, rgba(218, 226, 239, .16)) !important;
  color: var(--ms7-gold-deep, #efdca3) !important;
}
.langSwitch--mobile .langSwitch__globe {
  color: var(--ms7-gold-deep, #efdca3) !important;
}
.langSwitch--mobile .langSwitch__toggle:hover {
  background: rgba(8, 34, 79, .86) !important;
  border-color: rgba(215, 163, 71, .46) !important;
}

/* Deposit + withdrawal: organised desktop workspace.
   Every rule is desktop-only so the current phone UI remains untouched. */
@media (min-width: 981px) {
  .depPage .accDesktop.wrap,
  .wdPage .accDesktop.wrap {
    max-width: 1380px;
  }

  .depPage .accDesktop .accMain,
  .wdPage .accDesktop .accMain {
    padding: 18px !important;
  }

  /* Deposit */
  .depPage .accDesktop .accBlock {
    margin: 0;
    padding: 0;
    border: 0 !important;
    background: transparent !important;
  }

  .depPage .accDesktop .accBlock__head {
    margin: 0 0 16px;
    padding: 2px 2px 14px;
    border-bottom: 1px solid var(--ms7-withdraw-line-soft);
  }

  .depPage .accDesktop .accBlock__title {
    font-size: 22px;
    line-height: 1.2;
  }

  .depPage .depDeskGrid {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(290px, .85fr);
    gap: 16px;
    align-items: start;
  }

  .depPage .dCard--desk {
    margin-top: 0;
    padding: 20px;
  }

  .depPage .depDeskSide {
    display: grid;
    gap: 16px;
    align-content: start;
    min-width: 0;
  }

  .depPage .depDeskSide .dNotice,
  .depPage .depDeskSide .dHistory {
    margin-top: 0;
  }

  .depPage .dNotice--desk .dNotice__head {
    padding: 16px;
  }

  .depPage .dNotice--desk .dNotice__body {
    padding: 0 16px 16px;
  }

  .depPage .dHistory--desk {
    min-height: 250px;
    padding: 16px;
  }

  .depPage .dMethods[data-dep-providers] {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .depPage .dMethods[data-dep-providers] .dMethod {
    min-height: 68px !important;
    padding: 10px 8px !important;
  }

  .depPage .dBanks {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  }

  .depPage .dBank {
    height: 62px;
  }

  /* Withdrawal */
  .wdPage .wdHero--desk {
    margin-bottom: 16px;
    padding: 20px;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 390px);
  }

  .wdPage .wdDesktopGrid {
    margin-top: 0;
    grid-template-columns: minmax(0, 1.55fr) minmax(300px, .85fr);
    gap: 16px;
    align-items: start;
  }

  .wdPage .wdCard--desk {
    margin-top: 0;
    padding: 20px;
  }

  .wdPage .wdDeskSide {
    display: grid;
    gap: 16px;
    align-content: start;
    min-width: 0;
  }

  .wdPage .wdDeskSide .wdNotice,
  .wdPage .wdDeskSide .wdHistory {
    margin-top: 0;
  }

  .wdPage .wdNotice--desk .wdNoticeHead {
    padding: 16px;
  }

  .wdPage .wdNotice--desk .wdNoticeBody {
    padding: 0 16px 16px;
  }

  .wdPage .wdHistory--desk {
    min-height: 250px;
    padding: 16px;
  }

  .wdPage .wdDeskLimits {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 8px;
    margin-bottom: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--ms7-withdraw-line-soft);
  }

  .wdPage .wdDeskLimit {
    min-width: 0;
    padding: 11px 12px;
    border: 1px solid var(--ms7-withdraw-line-soft);
    border-radius: 12px;
    background: var(--ms7-withdraw-panel-soft);
  }

  .wdPage .wdDeskLimit span,
  .wdPage .wdDeskLimit strong {
    display: block;
    overflow-wrap: anywhere;
  }

  .wdPage .wdDeskLimit span {
    color: var(--ms7-withdraw-muted-faint);
    font-size: 11px;
    line-height: 1.25;
    font-weight: 850;
  }

  .wdPage .wdDeskLimit strong {
    margin-top: 7px;
    color: var(--ms7-withdraw-gold);
    font-size: 14px;
    line-height: 1.15;
    font-weight: 1050;
  }

  .wdPage .wdHead {
    margin-bottom: 14px;
  }

  .wdPage .wdTitle,
  .wdPage .wdHistoryTitle,
  .wdPage .wdNoticeTitle {
    font-size: 16px;
  }

  .wdPage .wdSelect,
  .wdPage .wdAmount {
    min-height: 46px;
  }
}

/* Compact desktop/laptop widths retain the desktop navigation but stack the
   work panels so neither form is squeezed into a narrow column. */
@media (min-width: 981px) and (max-width: 1199px) {
  .depPage .depDeskGrid,
  .wdPage .wdDesktopGrid {
    grid-template-columns: minmax(0, 1fr);
  }

  .wdPage .wdHero--desk {
    grid-template-columns: minmax(0, 1fr);
  }

  .depPage .depDeskSide,
  .wdPage .wdDeskSide {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}

/* Professional desktop payment workspace. This pass intentionally targets the
   rendered desktop copies only; the mobile copies and their rules are unchanged. */
@media (min-width: 981px) {
  .depPage .accDesktop.accGrid,
  .wdPage .accDesktop.accGrid {
    max-width: 1400px;
    grid-template-columns: 280px minmax(0, 1fr) !important;
    gap: 24px;
  }

  .depPage .accDesktop .accMain,
  .wdPage .accDesktop .accMain {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .depPage .accDesktop .accBlock {
    padding: 0;
  }

  .depPage .depDeskHero,
  .wdPage .wdHero--desk {
    position: relative;
    overflow: hidden;
    min-height: 126px;
    margin: 0 0 18px;
    padding: 24px 26px !important;
    border: 1px solid rgba(215, 163, 71, .24) !important;
    border-radius: 18px !important;
    background:
      radial-gradient(circle at 88% 15%, rgba(215, 163, 71, .16), transparent 30%),
      linear-gradient(135deg, #071d3c 0%, #041429 62%, #031023 100%) !important;
    box-shadow: 0 18px 45px rgba(0, 6, 20, .28) !important;
  }

  .depPage .depDeskHero::after,
  .wdPage .wdHero--desk::after {
    content: "";
    position: absolute;
    right: -52px;
    bottom: -80px;
    width: 220px;
    height: 220px;
    border: 1px solid rgba(215, 163, 71, .12);
    border-radius: 50%;
    pointer-events: none;
  }

  .depPage .depDeskHero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
  }

  .depPage .depDeskHero__eyebrow,
  .wdPage .wdHero--desk .walletEyebrow {
    margin-bottom: 8px;
    color: var(--ms7-withdraw-gold);
    font-size: 11px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
  }

  .depPage .depDeskHero .accBlock__title,
  .wdPage .wdHero--desk h1 {
    margin: 0;
    color: var(--ms7-withdraw-text) !important;
    font-size: 28px;
    line-height: 1.08;
    font-weight: 950;
    letter-spacing: -.02em;
  }

  .depPage .depDeskHero__currency {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    min-width: 76px;
    height: 42px;
    padding: 0 18px;
    border: 1px solid rgba(215, 163, 71, .34);
    border-radius: 999px;
    background: rgba(3, 16, 35, .72);
    color: var(--ms7-withdraw-gold);
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .12em;
  }

  .depPage .depDeskGrid,
  .wdPage .wdDesktopGrid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 18px;
    align-items: start;
  }

  .depPage .dCard--desk,
  .wdPage .wdCard--desk,
  .depPage .depDeskSide .dNotice,
  .depPage .depDeskSide .dHistory,
  .wdPage .wdDeskSide .wdNotice,
  .wdPage .wdDeskSide .wdHistory {
    border: 1px solid rgba(218, 226, 239, .13) !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg, rgba(7, 26, 54, .98), rgba(3, 16, 35, .98)) !important;
    box-shadow: 0 16px 38px rgba(0, 5, 18, .22) !important;
  }

  .depPage .dCard--desk,
  .wdPage .wdCard--desk {
    position: relative;
    overflow: hidden;
    padding: 26px !important;
  }

  .depPage .dCard--desk::before,
  .wdPage .wdCard--desk::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 2px;
    background: linear-gradient(90deg, var(--ms7-withdraw-gold), rgba(215, 163, 71, 0) 72%);
  }

  .depPage .depDeskSide,
  .wdPage .wdDeskSide {
    display: grid;
    gap: 18px;
    align-content: start;
    min-width: 0;
  }

  /* Deposit form becomes a clear three-step flow. */
  .depPage .dForm--desk {
    counter-reset: deposit-step;
  }

  .depPage .dForm--desk > .dTitle {
    counter-increment: deposit-step;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 26px 0 12px !important;
    padding-top: 24px;
    border-top: 1px solid rgba(218, 226, 239, .10);
    color: var(--ms7-withdraw-text) !important;
    font-size: 14px !important;
    line-height: 1.2;
    font-weight: 900;
  }

  .depPage .dForm--desk > .dTitle:first-of-type {
    margin-top: 0 !important;
    padding-top: 0;
    border-top: 0;
  }

  .depPage .dForm--desk > .dFlash + .dTitle {
    margin-top: 0 !important;
    padding-top: 0;
    border-top: 0;
  }

  .depPage .dForm--desk > .dTitle::before {
    content: "0" counter(deposit-step);
    display: inline-grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border: 1px solid rgba(215, 163, 71, .38);
    border-radius: 9px;
    background: rgba(215, 163, 71, .09);
    color: var(--ms7-withdraw-gold);
    font-size: 10px;
    font-weight: 950;
    letter-spacing: .04em;
  }

  .depPage .dForm--desk .dMethods[data-dep-providers] {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .depPage .dForm--desk .dMethod {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 58px !important;
    padding: 10px 12px !important;
    gap: 10px;
    border-radius: 11px !important;
    background: rgba(1, 11, 26, .72) !important;
    transition: border-color .16s ease, background .16s ease, transform .16s ease;
  }

  .depPage .dForm--desk .dMethod:hover:not(.is-disabled) {
    transform: translateY(-1px);
    border-color: rgba(215, 163, 71, .36) !important;
  }

  .depPage .dForm--desk .dMethod__ico {
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    border-radius: 9px;
  }

  .depPage .dForm--desk .dMethod__txt {
    min-width: 0;
    text-align: left;
    font-size: 10px;
    line-height: 1.15;
  }

  .depPage .dForm--desk .dBanks {
    grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
    gap: 8px;
  }

  .depPage .dForm--desk .dBank {
    height: 48px;
    padding: 8px 34px 8px 12px;
    border-radius: 10px !important;
    background: rgba(1, 11, 26, .68) !important;
  }

  .depPage .dForm--desk .dBank__name {
    text-align: left;
    font-size: 10px;
  }

  .depPage .dForm--desk .dBank__tick {
    left: auto;
    right: 10px;
    bottom: 50%;
    width: 17px;
    height: 17px;
    transform: translateY(50%);
  }

  .depPage .dForm--desk .dAmt,
  .wdPage .wdCard--desk .wdSelect,
  .wdPage .wdCard--desk .wdAmount {
    min-height: 50px;
    border: 1px solid rgba(218, 226, 239, .16) !important;
    border-radius: 11px;
    background: rgba(0, 9, 22, .66) !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .18) !important;
  }

  .depPage .dForm--desk .dQuick {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px !important;
  }

  .depPage .dForm--desk .dQuickBtn,
  .wdPage .wdCard--desk .wdQuickBtn {
    min-height: 38px;
    border-radius: 9px !important;
    background: rgba(8, 32, 68, .72) !important;
    font-size: 12px;
  }

  .depPage .dForm--desk .depPromos {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .depPage .dForm--desk .depPromo {
    min-height: 138px;
    border-radius: 12px !important;
    background: rgba(1, 11, 26, .62) !important;
  }

  .depPage .dForm--desk .depSummary {
    padding: 16px !important;
    border-radius: 12px !important;
    background: rgba(1, 11, 26, .74) !important;
  }

  .depPage .dForm--desk .dSubmit,
  .wdPage .wdCard--desk .wdSubmit {
    min-height: 50px;
    border-radius: 10px !important;
    background: linear-gradient(180deg, #f0dda8 0%, #d7a347 100%) !important;
    color: #171006 !important;
    font-size: 13px;
    font-weight: 950;
    box-shadow: 0 10px 24px rgba(215, 163, 71, .14) !important;
  }

  /* Desktop supporting information is visible without another click. */
  .depPage .dNotice--desk .dNotice__toggle,
  .wdPage .wdNotice--desk .wdNoticeToggle {
    display: none;
  }

  .depPage .dNotice--desk .dNotice__head,
  .wdPage .wdNotice--desk .wdNoticeHead {
    padding: 18px 18px 12px;
    cursor: default;
    font-size: 14px;
  }

  .depPage .dNotice--desk .dNotice__body,
  .wdPage .wdNotice--desk .wdNoticeBody {
    display: block !important;
    padding: 0 18px 16px;
  }

  .depPage .dNotice--desk .dNotice__list,
  .wdPage .wdNotice--desk .wdNoticeList {
    padding-left: 16px;
    color: var(--ms7-withdraw-muted-soft) !important;
    line-height: 1.65;
  }

  .depPage .dNotice--desk .dNotice__list li,
  .wdPage .wdNotice--desk .wdNoticeList li {
    margin: 6px 0;
  }

  .depPage .dHistory--desk,
  .wdPage .wdHistory--desk {
    min-height: 260px;
    padding: 18px !important;
  }

  .depPage .dHistory--desk .dHistList,
  .wdPage .wdHistory--desk .wdHistList {
    max-height: 610px;
    overflow: auto;
    padding-right: 3px;
    scrollbar-width: thin;
  }

  .depPage .dHistory--desk .dHistItem,
  .wdPage .wdHistory--desk .wdHistRow {
    padding: 12px;
    border-radius: 11px !important;
    background: rgba(1, 11, 26, .56) !important;
  }

  /* Withdrawal uses the same restrained card language. */
  .wdPage .wdHero--desk {
    grid-template-columns: minmax(0, 1fr) 360px;
    align-items: center;
  }

  .wdPage .wdHero--desk p {
    max-width: 520px;
    margin-top: 9px;
    color: var(--ms7-withdraw-muted-soft);
    font-size: 12px;
    font-weight: 650;
  }

  .wdPage .wdHero--desk .wdHero__stats {
    position: relative;
    z-index: 1;
  }

  .wdPage .wdHero--desk .wdHero__stats > div {
    min-height: 68px;
    padding: 13px 14px;
    border-color: rgba(215, 163, 71, .20);
    background: rgba(1, 11, 26, .54);
  }

  .wdPage .wdDeskLimits {
    grid-template-columns: repeat(auto-fit, minmax(125px, 1fr));
    gap: 0;
    margin: 0 0 22px;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(218, 226, 239, .12);
    border-radius: 12px;
    background: rgba(1, 11, 26, .52);
  }

  .wdPage .wdDeskLimit {
    min-height: 76px;
    padding: 12px 13px;
    border: 0;
    border-right: 1px solid rgba(218, 226, 239, .10);
    border-radius: 0;
    background: transparent;
  }

  .wdPage .wdDeskLimit:last-child {
    border-right: 0;
  }

  .wdPage .wdDeskLimit span {
    min-height: 27px;
    font-size: 10px;
    line-height: 1.35;
  }

  .wdPage .wdDeskLimit strong {
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.25;
  }

  .wdPage .wdCard--desk .wdHead {
    margin-bottom: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(218, 226, 239, .10);
  }

  .wdPage .wdCard--desk .wdTitle {
    font-size: 16px;
    font-weight: 950;
  }

  .wdPage .wdCard--desk .wdAddAcc {
    padding: 8px 11px;
    border: 1px solid rgba(215, 163, 71, .26);
    border-radius: 9px;
    background: rgba(215, 163, 71, .07);
    font-size: 11px;
  }

  .wdPage .wdCard--desk .wdGateCard {
    margin-bottom: 18px;
    padding: 15px;
    border-radius: 12px;
    background: rgba(1, 11, 26, .62) !important;
  }

  .wdPage .wdCard--desk .wdLabel {
    margin: 17px 0 8px;
    color: var(--ms7-withdraw-muted-status) !important;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .05em;
  }

  .wdPage .wdCard--desk .wdNoteLine {
    margin: -2px 0 8px;
    font-size: 11px;
  }

  .wdPage .wdCard--desk .wdQuick {
    margin-top: 12px;
  }

  .wdPage .wdCard--desk .wdSubmit {
    margin-top: 16px;
  }
}

@media (min-width: 981px) and (max-width: 1240px) {
  .depPage .accDesktop.accGrid,
  .wdPage .accDesktop.accGrid {
    grid-template-columns: 250px minmax(0, 1fr) !important;
    gap: 16px;
  }

  .depPage .depDeskGrid,
  .wdPage .wdDesktopGrid {
    grid-template-columns: minmax(0, 1fr);
  }

  .depPage .depDeskSide,
  .wdPage .wdDeskSide {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wdPage .wdHero--desk {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Deposit history status filters (shared by mobile and desktop). */
.depPage .dHistFilters {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin-top: 12px;
  padding: 4px;
  border: 1px solid var(--ms7-withdraw-line-soft);
  border-radius: 12px;
  background: var(--ms7-withdraw-bg-soft);
}

.depPage .dHistFilter {
  position: relative;
  min-width: 0;
  cursor: pointer;
}

.depPage .dHistFilter input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.depPage .dHistFilter span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 7px 8px;
  border: 1px solid transparent;
  border-radius: 9px;
  color: var(--ms7-withdraw-muted-soft);
  font-size: 11px;
  line-height: 1.1;
  font-weight: 850;
  text-align: center;
  transition: border-color .15s ease, background .15s ease, color .15s ease;
}

.depPage .dHistFilter input:checked + span {
  border-color: rgba(215, 163, 71, .42);
  background: rgba(215, 163, 71, .14);
  color: var(--ms7-withdraw-gold);
}

.depPage .dHistFilter input:focus-visible + span {
  outline: 2px solid var(--ms7-withdraw-gold);
  outline-offset: 2px;
}

.depPage .dHistItem[hidden],
.depPage .dHistoryFilterEmpty[hidden] {
  display: none !important;
}

.depPage .dHistoryFilterEmpty {
  min-height: 130px;
}

.depPage .dHistStatus.is-approved {
  border-color: var(--ms7-withdraw-success-line) !important;
  color: var(--ms7-withdraw-success) !important;
}

.depPage .dHistStatus.is-failed {
  border-color: var(--ms7-withdraw-danger-line) !important;
  color: var(--ms7-withdraw-danger) !important;
}

.depPage .dHistStatus.is-pending {
  border-color: var(--ms7-withdraw-line-status) !important;
  color: var(--ms7-withdraw-gold) !important;
}

/* Withdrawal information badges (shared by mobile and desktop). */
.wdPage .wdLimitGrid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  margin: 0 0 14px;
}

.wdPage .wdLimitBadge {
  display: flex;
  align-items: center;
  min-width: 0;
  min-height: 48px;
  padding: 10px 12px;
  border: 1px solid var(--ms7-withdraw-line-soft);
  border-radius: 12px;
  background:
    linear-gradient(145deg, rgba(215, 163, 71, .06), transparent 48%),
    var(--ms7-withdraw-panel-soft);
}

.wdPage .wdLimitBadge span,
.wdPage .wdLimitBadge strong {
  display: block;
  overflow-wrap: anywhere;
}

.wdPage .wdLimitBadge span {
  color: var(--ms7-withdraw-muted-soft);
  font-size: 10px;
  line-height: 1.4;
  font-weight: 800;
}

.wdPage .wdLimitBadge strong {
  margin-top: 0;
  color: var(--ms7-withdraw-gold);
  font-size: 12px;
  line-height: 1.4;
  font-weight: 950;
}

.wdPage .wdInfoBadge {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  margin: 0 0 14px;
  padding: 13px 14px;
  border: 1px solid rgba(215, 163, 71, .30);
  border-radius: 12px;
  background:
    linear-gradient(135deg, rgba(215, 163, 71, .10), rgba(215, 163, 71, .03)),
    var(--ms7-withdraw-panel-soft);
  color: var(--ms7-withdraw-text);
}

.wdPage .wdInfoBadge__icon {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 25px;
  height: 25px;
  border: 1px solid rgba(215, 163, 71, .42);
  border-radius: 50%;
  background: rgba(215, 163, 71, .12);
  color: var(--ms7-withdraw-gold);
  font-family: Georgia, serif;
  font-size: 13px;
  font-weight: 900;
}

.wdPage .wdInfoBadge__text {
  min-width: 0;
  padding-top: 2px;
  color: var(--ms7-withdraw-muted-status);
  font-size: 12px;
  line-height: 1.55;
  font-weight: 750;
}

@media (max-width: 520px) {
  .depPage .dHistFilters {
    display: flex;
    gap: 5px;
    overflow-x: auto;
    padding: 4px;
    scrollbar-width: none;
  }

  .depPage .dHistFilters::-webkit-scrollbar {
    display: none;
  }

  .depPage .dHistFilter {
    flex: 1 0 auto;
  }

  .depPage .dHistFilter span {
    min-width: 66px;
    min-height: 32px;
    padding: 6px 8px;
    font-size: 10px;
  }

  .wdPage .wdLimitGrid--mobile {
    gap: 7px;
    margin: 10px 0 12px;
  }

  .wdPage .wdLimitGrid--mobile .wdLimitBadge {
    min-height: 46px;
    padding: 10px;
    border-radius: 11px;
  }

  .wdPage .wdLimitGrid--mobile .wdLimitBadge span {
    font-size: 9px;
    line-height: 1.35;
  }

  .wdPage .wdLimitGrid--mobile .wdLimitBadge strong {
    margin-top: 0;
    font-size: 11px;
  }

  .wdPage .wdInfoBadge {
    gap: 9px;
    margin-bottom: 12px;
    padding: 11px;
  }

  .wdPage .wdInfoBadge__icon {
    width: 23px;
    height: 23px;
    font-size: 12px;
  }

  .wdPage .wdInfoBadge__text {
    font-size: 11px;
    line-height: 1.5;
  }
}

@media (min-width: 981px) {
  .wdPage .wdLimitGrid--desktop {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 22px;
  }

  .wdPage .wdLimitGrid--desktop .wdLimitBadge {
    min-height: 64px;
    padding: 11px 12px;
  }

  .wdPage .wdInfoBadge--trial {
    margin-top: 2px;
    margin-bottom: 18px;
  }
}