#ui-tab-3 .c168-react-home-grid.c168-home-game-scroll{max-height:10.2285716rem!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}#ui-tab-3 .c168-home-game-scroll::-webkit-scrollbar{display:none}#ui-tab-3 .c168-home-game-more{display:block!important;width:100%;margin:9px auto!important;text-align:center!important;background:transparent!important;border:0!important;box-shadow:none!important}
/*
 * Exact ratios from the user's saved C168 v7.5.12 HTML/CSS archive.
 * This layer intentionally does not alter global rem sizing, card geometry,
 * banners, visibility, routing, payment configuration, PINs or reward logic.
 */
.c168-pay-page,
.c168-other-page:has(> .c168-personal-form),
.c168-invite-source-page {
  --c168-source-font-oct22: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "Segoe UI", Arial, Roboto, "PingFang SC", miui, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
  font-family: var(--c168-source-font-oct22) !important;
  font-size: .24rem !important;
}
.c168-pay-page button,
.c168-pay-page input,
.c168-pay-page select,
.c168-other-page:has(> .c168-personal-form) button,
.c168-other-page:has(> .c168-personal-form) input,
.c168-invite-source-page button,
.c168-invite-source-page input {
  font-family: var(--c168-source-font-oct22) !important;
}

/* Current original DOM overrides older archive header/tab ratios. */
.c168-pay-page .c168-pay-header {
  height: 1rem !important;
  min-height: 1rem !important;
}
.c168-pay-page .c168-pay-header > span {
  font-size: .34rem !important;
}
.c168-pay-page.c168-pay-deposit .c168-pay-tabs {
  height: .9rem !important;
  min-height: .9rem !important;
}
.c168-pay-page.c168-pay-deposit .c168-pay-tabs > button {
  height: 100% !important;
  padding: 0 .02rem !important;
  font-size: .28rem !important;
  line-height: .2rem !important;
}
.c168-pay-page.c168-pay-deposit .c168-pay-tabs > button.active {
  font-size: .3rem !important;
}
.c168-pay-page .c168-pay-balance,
.c168-pay-page .c168-pay-balance strong {
  font-size: .24rem !important;
}
.c168-pay-page.c168-pay-deposit .c168-pay-methods > button,
.c168-pay-page.c168-pay-deposit .c168-pay-channels > button {
  height: .74rem !important;
  min-height: .74rem !important;
  border-radius: .1rem !important;
  font-size: .26rem !important;
}
.c168-pay-page.c168-pay-deposit .c168-pay-quick > button {
  height: .79rem !important;
  min-height: .79rem !important;
  padding-block: 0 !important;
  font-size: .26rem !important;
  line-height: .47rem !important;
}

/* 0_RechargeLegacyChunk: method title, amount label and amount field. */
.c168-pay-page.c168-pay-deposit .c168-pay-body h3 {
  font-size: .26rem !important;
  margin-bottom: .3rem !important;
}
.c168-pay-page.c168-pay-deposit .c168-pay-label {
  font-size: .26rem !important;
  margin-bottom: .2rem !important;
}
.c168-pay-page #c168-deposit-amount {
  height: .8rem !important;
}

/* commonChunk: normal action button; existing full-width layout is retained. */
.c168-pay-page .c168-pay-primary {
  height: .7rem !important;
  padding: 0 .15rem !important;
  font-size: .24rem !important;
}

/* SettingIndex: only the personal-information form, not Me/Security/community. */
.c168-other-page:has(> .c168-personal-form) .c168-other-header {
  height: .9rem !important;
  min-height: .9rem !important;
}
.c168-other-page:has(> .c168-personal-form) .c168-other-header > span {
  font-size: .34rem !important;
}
.c168-other-page:has(> .c168-personal-form) .c168-personal-form {
  padding: .2rem !important;
}
.c168-other-page:has(> .c168-personal-form) .c168-personal-field > span {
  font-size: .26rem !important;
}
.c168-other-page:has(> .c168-personal-form) .c168-personal-field input,
.c168-other-page:has(> .c168-personal-form) .c168-personal-field input::placeholder {
  font-size: .24rem !important;
}
.c168-other-page:has(> .c168-personal-form) .c168-personal-field input {
  height: .7rem !important;
  min-height: .7rem !important;
  padding: 0 .2rem !important;
  border-radius: .14rem !important;
}
.c168-other-page:has(> .c168-personal-form) .c168-personal-identity p {
  font-size: .24rem !important;
}
.c168-other-page:has(> .c168-personal-form) .c168-other-actions {
  width: min(100%, var(--lobby__max-width)) !important;
  max-width: min(100%, var(--lobby__max-width)) !important;
}
.c168-other-page:has(> .c168-personal-form) .c168-other-actions > button {
  height: .7rem !important;
  padding: 0 .15rem !important;
  font-size: .26rem !important;
  line-height: .55rem !important;
  border-radius: .14rem !important;
}

/* commonChunk share-module: the referral select/reference is .7rem high. */
.c168-invite-source-page .c168-invite-source-link {
  height: calc(var(--invite-rem) * .7) !important;
  border-radius: calc(var(--invite-rem) * .14) !important;
}