/* Target H5 style refresh: deep navy shell, blue actions, gold highlights. */
body,
#app {
  background: var(--deep);
}

.shell,
.page-shell,
.form-page {
  color: #fff;
  background:
    radial-gradient(circle at 50% -70px, rgba(58, 125, 255, .18), transparent 170px),
    var(--page);
}

.topbar {
  height: 52px;
  padding: 6px 10px;
  gap: 8px;
  background: rgba(28, 38, 65, .98);
  border-bottom: 1px solid rgba(255, 255, 255, .06);
  box-shadow: 0 8px 20px rgba(6, 12, 24, .24);
}

.brand img {
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  border-radius: 8px;
}

.brand span {
  min-width: 0;
  overflow: hidden;
  color: #eaf2ff;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 0;
}

.top-actions {
  gap: 6px;
}

.topbar .btn {
  min-width: 54px;
  height: 30px;
  padding: 0 10px;
  border-radius: 4px;
  color: #202b49;
  background: linear-gradient(180deg, var(--gold-2), var(--gold));
  box-shadow: 0 5px 14px rgba(234, 200, 142, .2);
}

.topbar .btn.primary {
  color: #202b49;
  background: linear-gradient(180deg, var(--gold-2), var(--gold));
}

.btn.primary {
  color: #fff;
  background: linear-gradient(180deg, #7db6ff, #3a7dff);
  box-shadow: 0 10px 22px rgba(58, 125, 255, .22);
}

.icon-btn {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: var(--blue);
  background: rgba(110, 170, 249, .12);
}

.top-balance {
  min-width: 0;
  max-width: 126px;
  height: 30px;
  padding: 0 8px;
  border-radius: 16px;
  color: #eaf2ff;
  background: rgba(11, 19, 36, .72);
  font-size: 12px;
}

.top-balance > svg {
  color: var(--gold);
}

.top-balance button {
  color: var(--blue);
}

.tabs {
  gap: 8px;
  padding: 8px 10px 7px;
  color: #8fa0bd;
  background: var(--page);
}

.tab {
  height: 34px;
  padding: 0 10px;
  border-radius: 18px;
  color: inherit;
  background: rgba(255, 255, 255, .035);
  font-size: 14px;
  font-weight: 800;
}

.tab.active {
  color: var(--gold);
  background: rgba(234, 200, 142, .12);
  box-shadow: inset 0 0 0 1px rgba(234, 200, 142, .24);
  text-shadow: none;
}

.tab-icon {
  width: 17px;
  height: 17px;
  margin-right: 5px;
}

.content {
  padding: 8px 10px 18px;
}

.hero-carousel,
.hero,
.pool-card {
  border-radius: 12px;
}

.hero-carousel {
  height: 154px;
  background: #0f1930;
  box-shadow: 0 12px 24px rgba(5, 10, 20, .28);
}

.hero img {
  border-radius: 12px;
}

.hero-dots {
  bottom: 8px;
}

.hero-dots span {
  width: 7px;
  height: 7px;
  background: rgba(255, 255, 255, .42);
}

.hero-dots .active {
  width: 18px;
  border-radius: 999px;
  background: var(--gold);
}

.pool-card {
  background-color: #101a30;
}

.pool-address {
  color: #eff6ff;
}

.pool-detail {
  filter: drop-shadow(0 7px 14px rgba(0, 0, 0, .28));
}

.section-title {
  margin: 14px 2px 10px;
  color: #fff;
  font-size: 16px;
}

.section-title span,
.view-all,
.text-link,
.wallet-address-line button,
.inline-input button,
.address-manage-card h4 b {
  color: var(--gold);
}

.title-with-icon svg,
.view-all svg {
  color: var(--gold);
}

.game-grid {
  gap: 10px 8px;
}

.home-game-strip {
  gap: 8px;
  padding-bottom: 2px;
}

.home-game-strip .game-card {
  flex: 0 0 calc((100% - 16px) / 3);
}

.home-game-catalog {
  display: grid;
  gap: 12px;
  padding: 4px 0 8px;
}

.home-game-category-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 5px;
  border: 1px solid rgba(118, 151, 211, .18);
  border-radius: 8px;
  background: #111b30;
  box-shadow: inset 0 1px rgba(255, 255, 255, .025);
}

.home-game-category-tabs button {
  position: relative;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  min-height: 48px;
  gap: 7px;
  overflow: hidden;
  padding: 0 12px;
  border: 1px solid transparent;
  border-radius: 6px;
  color: #aebbd2;
  background: transparent;
  text-align: left;
}

.home-game-category-tabs button > span {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 6px;
  color: #91a6ca;
  background: #1c2945;
}

.home-game-category-tabs button svg {
  width: 17px;
  height: 17px;
}

.home-game-category-tabs button .home-category-custom-icon {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.home-game-category-tabs button strong {
  overflow: hidden;
  font-size: 15px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home-game-category-tabs button small {
  min-width: 22px;
  padding: 2px 6px;
  border-radius: 10px;
  color: #8494b1;
  background: rgba(7, 13, 26, .55);
  font-size: 10px;
  text-align: center;
}

.home-game-category-tabs button.active {
  border-color: rgba(71, 220, 178, .5);
  color: #effffb;
  background: linear-gradient(180deg, #203d4a, #17323d);
  box-shadow: 0 6px 16px rgba(3, 20, 23, .25);
}

.home-game-category-tabs button.active > span {
  color: #43e7b5;
  background: rgba(35, 214, 161, .13);
}

.home-game-category-tabs button.active small {
  color: #6df0c9;
  background: rgba(18, 114, 91, .34);
}

.home-game-category-tabs button:disabled {
  opacity: .45;
}

.home-game-category-tabs.is-three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.home-game-category-tabs.is-three button {
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 6px;
  padding: 0 8px;
}

.home-game-category-tabs.is-three button > span {
  width: 24px;
  height: 24px;
}

.home-game-category-tabs.is-three button strong {
  font-size: 13px;
}

.home-game-category-tabs.is-three button small {
  position: absolute;
  top: 3px;
  right: 4px;
  min-width: 16px;
  padding: 1px 4px;
  font-size: 9px;
}

.home-game-catalog-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 22px;
  padding: 0 2px;
}

.home-game-catalog-head strong {
  color: #f2f5fb;
  font-size: 14px;
  font-weight: 900;
}

.home-game-catalog-head span {
  color: #8798b5;
  font-size: 11px;
}

.game-card {
  overflow: hidden;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 12px;
  background: linear-gradient(180deg, #223052, #1c2641);
  box-shadow: 0 10px 18px rgba(5, 10, 20, .22);
}

.game-card img {
  border-radius: 12px 12px 0 0;
  background: #101a30;
  object-fit: cover;
}

.game-name {
  min-height: 34px;
  margin: 0;
  padding: 7px 4px 8px;
  color: #eaf2ff;
  background: rgba(28, 38, 65, .98);
  font-size: 12px;
}

.filter-box,
.detail-head,
.block-box,
.rule-box,
.bet-box,
.page-bet-card,
.promo-hero,
.vip-card,
.member-hero,
.balance-panel,
.simple-card,
.money-card,
.recharge-target-card,
.password-form-card,
.address-form-preview,
.security-tip,
.record-row,
.record-category-row,
.target-wallet-card,
.target-menu-card,
.target-activity-card,
.target-trend-grid,
.target-recent-trend-strip {
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 12px;
  background: rgba(28, 38, 65, .96);
  box-shadow: 0 10px 22px rgba(5, 10, 20, .18);
}

.filter-box,
.dropdown-pill,
.copy-field,
.inline-input,
.field,
.address-add-tile,
.page-bet-choice button,
.dropdown-field {
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 9px;
  background: rgba(14, 22, 41, .82);
}

.field {
  color: #fff;
}

.field::placeholder,
.dropdown-field,
.form-label,
.page-tip,
.promo-hero p,
.vip-card p,
.money-card p,
.activity-meta p,
.target-activity-card small,
.record-row span,
.target-profile-info span {
  color: #8fa0bd;
}

.chip {
  color: #d9eaff;
  background: rgba(110, 170, 249, .12);
  border-color: rgba(110, 170, 249, .28);
}

.page-bet-choice button.active,
.record-tabs button.active,
.tutorial-tabs button.active,
.rule-tabs button.active,
.agent-tabbar button.active {
  color: var(--gold);
  border-color: rgba(234, 200, 142, .55);
  background: rgba(234, 200, 142, .12);
}

.wallet-activate-btn,
.address-add-btn {
  color: #202b49;
  background: linear-gradient(180deg, var(--gold-2), var(--gold));
  box-shadow: 0 10px 20px rgba(234, 200, 142, .2);
}

.copy-field button {
  color: #202b49;
  background: linear-gradient(180deg, var(--gold-2), var(--gold));
}

.page-titlebar {
  height: 52px;
  background: rgba(21, 30, 52, .98);
  border-bottom: 1px solid rgba(255, 255, 255, .06);
  box-shadow: 0 8px 18px rgba(5, 10, 20, .16);
}

.page-titlebar strong {
  font-size: 17px;
}

.titlebar-icon,
.titlebar-right,
.titlebar-right button {
  color: #fff;
}

.titlebar-right svg {
  color: var(--gold);
}

.page-body {
  padding: 10px 12px 24px;
}

.form-page {
  background: var(--page);
}

.form-visual {
  height: 52px;
  background-image: none !important;
  background: var(--page);
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.reg-page .form-visual {
  height: 52px;
}

.form-close {
  left: 10px;
  right: auto;
  top: 10px;
  width: 32px;
  height: 32px;
  border-radius: 0;
  color: #fff;
  background: transparent;
  padding: 6px;
}

.form-copy {
  inset: 0 52px auto;
  display: grid;
  place-items: center;
  height: 52px;
  color: #fff;
  text-align: center;
  font-size: 17px;
}

.reg-page .form-copy {
  top: 0;
  right: 52px;
}

.form-copy span,
.form-copy p {
  display: none;
}

.form-stack {
  width: calc(100% - 32px);
  margin: 34px auto 0;
}

.reg-page .form-stack {
  margin-top: 28px;
}

.form-stack > .btn.primary {
  height: 48px !important;
  border-radius: 24px;
}

.captcha-protection {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 28px;
  align-items: center;
  gap: 7px;
  margin: -3px 2px 10px;
  color: #8192ae;
  font-size: 11px;
  line-height: 1.25;
}

.captcha-protection-icon {
  display: grid;
  flex: 0 0 21px;
  width: 21px;
  height: 21px;
  place-items: center;
  border: 1px solid rgba(110, 170, 249, .24);
  border-radius: 50%;
  color: var(--blue);
  background: rgba(110, 170, 249, .08);
}

.captcha-protection-icon svg {
  width: 13px;
  height: 13px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.captcha-protection-label {
  min-width: 0;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.captcha-protection-links {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 5px;
}

.captcha-protection-links a {
  color: #7085a8;
  text-decoration: none;
}

.captcha-protection-links a:hover,
.captcha-protection-links a:focus-visible {
  color: var(--blue);
  text-decoration: underline;
}

.captcha-protection-links i {
  color: #536682;
  font-style: normal;
}

.captcha-protection[data-captcha-state="checking"] .captcha-protection-icon {
  border-color: rgba(110, 170, 249, .52);
  animation: captcha-protection-pulse .9s ease-in-out infinite alternate;
}

.captcha-protection[data-captcha-state="verified"] .captcha-protection-icon {
  border-color: rgba(73, 215, 172, .46);
  color: #49d7ac;
  background: rgba(73, 215, 172, .1);
}

.captcha-protection[data-captcha-state="error"] .captcha-protection-icon {
  border-color: rgba(255, 112, 112, .42);
  color: #ff7070;
  background: rgba(255, 112, 112, .08);
}

.auth-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.auth-submit:disabled {
  cursor: wait;
  opacity: .82;
}

.auth-submit.is-loading::before {
  width: 14px;
  height: 14px;
  border: 2px solid rgba(255, 255, 255, .42);
  border-top-color: #fff;
  border-radius: 50%;
  content: "";
  animation: auth-submit-spin .75s linear infinite;
}

@keyframes auth-submit-spin {
  to { transform: rotate(360deg); }
}

@keyframes captcha-protection-pulse {
  to { box-shadow: 0 0 0 4px rgba(110, 170, 249, .08); }
}

.password-field .field,
.password-eye {
  height: 50px;
}

.password-eye {
  color: #8fa0bd;
}

.password-eye.active {
  color: var(--gold);
}

.remember-row {
  margin: -4px 0 18px;
  color: #dbe8ff;
  font-weight: 500;
}

.remember-row input {
  accent-color: var(--blue);
}

.link-row {
  justify-content: center;
  color: #8fa0bd;
  font-size: 13px;
}

.link {
  color: var(--blue);
}

.captcha-placeholder {
  border-radius: 10px;
}

.other-login {
  margin-top: 22px;
}

.tg-quick-card {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) 52px;
  align-items: center;
  width: 100%;
  min-height: 58px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 12px;
  color: #fff;
  background: rgba(28, 38, 65, .98);
  text-align: left;
}

.tg-quick-card span {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  color: #31a8ff;
  background: rgba(49, 168, 255, .12);
}

.tg-quick-card svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.tg-quick-card strong {
  min-width: 0;
  overflow: hidden;
  color: #eaf2ff;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
}

.tg-quick-card em {
  display: grid;
  place-items: center;
  height: 32px;
  border-radius: 999px;
  color: #202b49;
  background: linear-gradient(180deg, var(--gold-2), var(--gold));
  font-style: normal;
  font-weight: 900;
}

.share-row {
  justify-content: center;
  margin: 14px 0 0;
}

.share-icon {
  background: rgba(28, 38, 65, .98);
}

.bottom-nav {
  height: 58px;
  background: rgba(11, 19, 36, .98);
  border-top: 1px solid rgba(255, 255, 255, .06);
  box-shadow: 0 -12px 24px rgba(5, 10, 20, .2);
}

.nav-item {
  height: 58px;
  color: #596684;
}

.nav-item.active {
  color: var(--gold);
}

.nav-item.prominent .nav-icon {
  color: #202b49;
  background: linear-gradient(180deg, var(--gold-2), var(--gold));
  border-color: rgba(11, 19, 36, .98);
}

.modal-mask {
  align-items: center;
  padding-top: 0;
  background: rgba(4, 8, 16, .68);
}

.modal {
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 14px;
  background: #1c2641;
  box-shadow: 0 20px 50px rgba(0, 0, 0, .34);
}

.modal::before {
  background: linear-gradient(90deg, var(--gold), #6eaaf9);
}

.modal-title {
  color: #fff;
}

.target-member {
  background:
    radial-gradient(circle at 50% -42px, rgba(110, 170, 249, .24), transparent 150px),
    var(--page);
}

.target-profile {
  min-height: 82px;
  margin-bottom: 14px;
  border-radius: 14px;
  background: rgba(28, 38, 65, .72);
}

.target-avatar {
  border-color: var(--gold);
}

.target-avatar b {
  color: #202b49;
  background: var(--gold);
}

.target-vip-card {
  border-radius: 14px;
  background:
    url("/assets/images/my/vip-card-bg.webp") center/cover no-repeat,
    linear-gradient(135deg, #3d314f, #1c2641);
}

.target-wallet-card,
.target-menu-card {
  border-radius: 14px;
}

.target-wallet-head,
.target-member-row,
.target-activity-card > span {
  border-color: rgba(255, 255, 255, .07);
}

.target-wallet-head > div:first-child button,
.target-vip-progress span {
  color: #202b49;
  background: var(--gold);
}

.target-wallet-amount > svg {
  color: var(--gold);
}

.target-wallet-action span,
.target-member-row-label i,
.target-member-arrow {
  color: var(--blue);
}

.target-logout {
  border-radius: 12px;
  color: #8fa0bd;
  background: rgba(28, 38, 65, .96);
}

.target-activity-page {
  padding-top: 0;
}

.target-activity-card {
  border-radius: 14px;
}

.target-activity-card img {
  height: 160px;
}

.target-activity-card > span {
  background: rgba(28, 38, 65, .98);
}

.target-activity-card em {
  color: #202b49;
  background: linear-gradient(180deg, var(--gold-2), var(--gold));
}

.yellow-ribbon {
  color: #202b49;
  background: var(--gold);
}

.yellow-ribbon::before {
  border-right-color: var(--gold);
}

.yellow-ribbon::after {
  border-left-color: var(--gold);
}

.target-trend-head button {
  color: var(--blue);
}

.target-trend-grid .trend-pill,
.target-trend-head .trend-pill {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .12);
}

.agent-tabbar,
.record-tabs,
.tutorial-tabs,
.rule-tabs,
.funds-tabs {
  border-bottom-color: rgba(255, 255, 255, .08);
  background: var(--page);
}

.agent-tabbar button,
.record-tabs button,
.tutorial-tabs button,
.rule-tabs button,
.funds-tabs button,
.target-line-tabs button,
.funds-tabs.target-line-tabs button,
.gift-tabs.target-line-tabs button {
  color: #8fa0bd;
}

.agent-tabbar button.active,
.record-tabs button.active,
.tutorial-tabs button.active,
.rule-tabs button.active,
.funds-tabs .active,
.filter-bar button:first-child,
.target-line-tabs .active,
.funds-tabs.target-line-tabs .active,
.gift-tabs.target-line-tabs .active {
  color: var(--gold);
  border-bottom-color: var(--gold);
  background: rgba(234, 200, 142, .12);
}

.target-line-tabs .active,
.funds-tabs.target-line-tabs .active,
.gift-tabs.target-line-tabs .active {
  background: transparent;
}

.agent-rule-card,
.agent-mode-card,
.vip-rights-card,
.vip-terms-card,
.withdraw-target-card,
.address-manage-card,
.download-page,
.download-group,
.buybit-table,
.target-table,
.record-category-row,
.record-row,
.message-row,
.third-game-hero,
.third-game-wallet,
.third-game-stats,
.third-game-records,
.tutorial-section,
.rule-content,
.article-detail-card {
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 14px;
  background: rgba(28, 38, 65, .96);
  box-shadow: 0 10px 22px rgba(5, 10, 20, .16);
}

.agent-rule-card h2,
.agent-mode-card h2,
.vip-rights-card h2,
.vip-terms-card h2,
.download-page h4,
.tutorial-section h2,
.wallet-page h2 {
  color: #fff;
}

.agent-report-grid div,
.agent-child-grid div,
.agent-kpi-grid div,
.target-table-head,
.download-row div,
.download-row button,
.download-tutorial,
.buybit-head,
.buybit-row button,
.record-category-icon,
.security-tip,
.action-sheet,
.action-sheet button,
.currency-popover,
.currency-popover button,
.language-popover {
  background: rgba(14, 22, 41, .82);
}

.agent-report-grid strong,
.agent-stat-line strong,
.agent-mode-total strong,
.agent-kpi-grid strong,
.vip-card span,
.vip-rule-note,
.mini-claim-btn.ready,
.download-tutorial,
.address-add-tile span,
.record-category-icon,
.buybit-row button {
  color: var(--gold);
}

.agent-report-grid span,
.agent-muted,
.target-table-row,
.target-table-empty,
.download-row div,
.download-row button,
.buybit-row,
.record-category-row,
.record-row,
.message-row small,
.wallet-address-empty,
.target-empty-state {
  color: #8fa0bd;
}

.target-table-head,
.buybit-head {
  color: #dce8ff;
}

.target-table-row,
.target-member-row,
.record-row,
.message-row,
.download-row {
  border-color: rgba(255, 255, 255, .07);
}

.target-table {
  overflow-x: auto;
}

.target-table-head,
.target-table-row {
  min-width: calc(var(--cols) * 78px);
}

.target-table span {
  white-space: normal;
  line-height: 1.35;
}

.record-category-row {
  min-height: 62px;
}

.record-category-icon {
  color: var(--gold);
}

.record-category-icon svg {
  stroke: currentColor;
}

.record-row em,
.message-row strong,
.record-category-row strong {
  color: #fff;
}

.message-row strong em,
.mini-claim-btn,
.mini-claim-btn.ready {
  color: #202b49;
  background: linear-gradient(180deg, var(--gold-2), var(--gold));
}

.mini-claim-btn.disabled {
  color: #7483a0;
  background: rgba(255, 255, 255, .08);
}

.download-page {
  margin: 8px 0 0;
  padding: 0 12px 14px;
}

.download-group {
  padding: 8px 10px 12px;
}

.download-row div,
.download-row button,
.download-tutorial {
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 10px;
}

.download-tutorial {
  background: rgba(234, 200, 142, .14);
}

.buybit-row button {
  border: 1px solid rgba(234, 200, 142, .2);
  background: rgba(234, 200, 142, .12);
}

.withdraw-gold-hero {
  border-radius: 12px;
  opacity: .92;
}

.third-game-page {
  display: grid;
  gap: 12px;
  padding-bottom: 20px;
}

.third-game-hero {
  display: grid;
  grid-template-columns: 108px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  min-height: 128px;
  padding: 12px;
}

.third-game-hero img {
  width: 108px;
  height: 108px;
  border-radius: 14px;
  object-fit: cover;
}

.third-game-hero div {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.third-game-hero strong {
  overflow: hidden;
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 18px;
}

.third-game-hero span {
  color: #8fa0bd;
}

.third-game-hero em {
  width: fit-content;
  padding: 3px 8px;
  border-radius: 999px;
  color: #202b49;
  background: var(--gold);
  font-style: normal;
  font-weight: 900;
}

.third-game-wallet {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px;
}

.third-game-wallet span,
.third-game-stats span {
  display: block;
  color: #8fa0bd;
  font-size: 12px;
}

.third-game-wallet strong,
.third-game-stats strong {
  display: block;
  margin-top: 4px;
  color: #fff;
  font-size: 16px;
}

.third-game-wallet button {
  min-width: 84px;
  height: 34px;
  border-radius: 999px;
  color: #202b49;
  background: linear-gradient(180deg, var(--gold-2), var(--gold));
  font-weight: 900;
}

.third-game-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 10px;
}

.third-game-stats div {
  display: grid;
  place-items: center;
  min-height: 64px;
  border-radius: 12px;
  background: rgba(14, 22, 41, .82);
}

.third-game-start {
  width: 100%;
  height: 48px;
  border-radius: 24px;
}

.third-game-records .record-row {
  margin-bottom: 8px;
  box-shadow: none;
}

/* Target s7 H5 page replication pass */
:root {
  --page: #121d33;
  --panel: #1d2a47;
  --panel-2: #263654;
  --line: rgba(255, 255, 255, .08);
  --gold: #f1d39a;
  --gold-2: #ffe1aa;
  --blue: #4d8cff;
}

body,
#app {
  background: #121d33;
}

.shell,
.page-shell {
  max-width: 410px;
  background:
    radial-gradient(circle at 50% 42%, rgba(60, 87, 132, .16), transparent 30%),
    linear-gradient(180deg, #131e34 0%, #121d33 100%);
}

.shell {
  padding-bottom: 58px;
}

.content {
  padding: 0 12px 16px;
}

.topbar {
  height: 52px;
  padding: 8px 12px;
  background: #16223a;
  border-bottom: 0;
}

.brand {
  gap: 7px;
  color: #fff;
  line-height: 1.05;
}

.brand img {
  width: 34px;
  height: 34px;
  border-radius: 4px;
  object-fit: cover;
}

.brand span {
  display: grid;
  gap: 1px;
  font-size: 14px;
  font-weight: 950;
}

.brand small {
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}

.top-actions {
  gap: 6px;
}

.top-balance {
  min-width: 72px;
  height: 28px;
  padding: 0 7px;
  border-radius: 5px;
  background: rgba(88, 106, 146, .58);
  font-size: 13px;
  font-weight: 900;
}

.top-balance span {
  max-width: 42px;
}

.top-balance button {
  width: 16px;
  height: 16px;
}

.top-recharge {
  height: 30px;
  min-width: 54px;
  border-radius: 4px;
  color: #2c2740;
  background: linear-gradient(180deg, #ffe8bd, #d9b776);
  font-size: 13px;
  font-weight: 900;
}

.icon-btn {
  width: 25px;
  height: 25px;
  color: #6eb1ff;
}

.hero-carousel {
  margin: 0;
  border-radius: 0;
}

.hero-slide {
  padding: 0;
}

.pool-card,
.hero-banner,
.hero-slide > img {
  height: 160px;
  border-radius: 6px;
}

.target-quick-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 10px 0 12px;
  padding: 13px 6px 12px;
  border-radius: 7px;
  background: #1d2a47;
}

.shortcut {
  display: grid;
  justify-items: center;
  gap: 6px;
  min-width: 0;
  color: #fff;
  background: transparent;
}

.shortcut span {
  width: 26px;
  height: 26px;
  color: var(--gold);
}

.shortcut span svg {
  width: 100%;
  height: 100%;
}

.shortcut span .target-svg {
  color: #eac88e;
  fill: #eac88e !important;
  stroke: none !important;
}

.shortcut span svg:not(.target-svg) {
  color: #eac88e;
  fill: none;
  stroke: #eac88e;
}

.shortcut strong {
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
}

.shortcut small {
  display: none;
}

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

.game-card {
  position: relative;
  min-width: 0;
}

.game-card button {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  border-radius: 10px;
  background: #10192c;
}

.game-card img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.game-name {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  min-height: 30px;
  display: grid;
  place-items: center;
  padding: 5px 4px 7px;
  color: #fff;
  background: linear-gradient(180deg, rgba(4, 8, 18, 0), rgba(2, 6, 16, .95) 38%, #050914);
  font-size: 13px;
  font-weight: 950;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .65);
  white-space: normal;
}

.game-card::before {
  content: "HOT";
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  padding: 2px 7px 2px 5px;
  border-radius: 9px 0 9px 0;
  color: #fff;
  background: #ff365d;
  font-size: 10px;
  font-style: italic;
  font-weight: 950;
}

.game-card:nth-child(4n + 1)::before,
.game-card:nth-child(5n + 2)::before {
  content: "NEW";
  background: #47ee2f;
}

.target-home-wallets,
.target-provider-strip,
.target-home-faq {
  margin-top: 15px;
}

.target-home-wallets header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 9px;
}

.target-home-wallets header strong,
.target-provider-strip h2,
.target-home-faq h2 {
  margin: 0 0 8px;
  color: #fff;
  font-size: 15px;
  font-weight: 950;
}

.target-home-wallets header button {
  height: 25px;
  padding: 0 10px;
  border-radius: 999px;
  color: #dce9ff;
  background: #284d98;
  font-size: 11px;
  font-weight: 900;
}

.target-home-wallets > div,
.target-provider-strip > div {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  padding: 12px 8px;
  border-radius: 7px;
  background: #17233c;
}

.target-home-wallets button {
  display: grid;
  justify-items: center;
  gap: 6px;
  min-width: 0;
  color: #d6e2f6;
  background: transparent;
  font-size: 10px;
}

.target-home-wallets button img,
.target-home-wallets button svg {
  width: 30px;
  height: 30px;
  object-fit: contain;
}

.target-home-wallets button span,
.target-provider-strip span {
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.target-provider-strip > div {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: center;
}

.target-provider-strip span {
  color: rgba(255, 255, 255, .86);
  font-size: 13px;
  font-weight: 900;
}

.target-accordion {
  overflow: hidden;
  margin-bottom: 8px;
  border-radius: 7px;
  background: #1d2a47;
}

.target-accordion header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 42px;
  padding: 0 12px;
  color: #fff;
}

.target-accordion div {
  padding: 0 12px 12px;
  color: #b8c5de;
  font-size: 12px;
  line-height: 1.65;
}

.target-accordion p {
  margin: 5px 0 0;
}

.bottom-nav {
  height: 57px;
  background: #1c2946;
  border-top: 1px solid rgba(255, 255, 255, .08);
}

.nav-item {
  height: 57px;
  color: #9aa6bc;
  font-size: 12px;
  font-weight: 800;
}

.nav-item.active {
  color: var(--gold);
}

.nav-icon {
  width: 24px;
  height: 24px;
  margin-bottom: 2px;
}

.nav-item.prominent .nav-icon {
  width: 24px;
  height: 24px;
  margin: 0 auto 2px;
  border: 0;
  color: inherit;
  background: transparent;
}

.page-shell {
  min-height: 100vh;
  max-width: 410px;
  color: #fff;
}

.page-titlebar {
  height: 49px;
  background: #16223a;
  border-bottom: 0;
}

.page-titlebar strong {
  font-size: 15px;
  font-weight: 950;
}

.page-body {
  padding: 0 13px 24px;
}

.target-bet-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  overflow: hidden;
  margin: 2px 0 4px;
  border-radius: 17px 17px 0 0;
  background: #2a3d68;
}

.target-bet-tabs.single {
  grid-template-columns: minmax(0, 1fr);
}

.target-bet-tabs button {
  height: 46px;
  color: #c8d5ed;
  background: transparent;
  font-size: 14px;
  font-weight: 950;
}

.target-bet-tabs button.active {
  color: #fff;
  background: rgba(255, 255, 255, .07);
}

.page-bet-card,
.transfer-bet-card {
  margin: 0;
  padding: 13px 13px 12px;
  border-radius: 0 0 8px 8px;
  background: #253656;
  box-shadow: none;
}

.target-bet-address-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 9px;
}

.target-bet-address-title strong {
  color: #fff;
  font-size: 15px;
}

.target-bet-address-title span {
  color: #d4dff1;
  font-size: 12px;
}

.game-address-field {
  height: 34px;
  border-radius: 3px;
  background: #151d31;
}

.game-address-field button {
  color: #19213a;
  background: linear-gradient(180deg, #ffe4ae, #d5b066);
}

.proof-address-shell .page-body {
  padding: 0 12px 24px;
}

.proof-address-page {
  min-height: calc(100vh - 58px);
  padding: 12px 0 24px;
  color: #edf4ff;
}

.proof-address-hero {
  min-height: 92px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border: 1px solid #30456f;
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  background: linear-gradient(125deg, #1a2b4e 0%, #111b31 62%, #122b33 100%);
}

.proof-address-hero span {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 5px;
  color: #65e8bd;
  font-size: 11px;
  font-weight: 700;
}

.proof-address-hero span i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #42e9b1;
  box-shadow: 0 0 8px rgba(66, 233, 177, .72);
}

.proof-address-hero strong {
  display: block;
  color: #fff;
  font-size: 21px;
  line-height: 1.2;
}

.proof-address-hero p {
  max-width: 150px;
  margin: 0 0 2px;
  color: #9aacc9;
  font-size: 10px;
  line-height: 1.5;
  text-align: right;
}

.proof-address-summary {
  min-height: 94px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px 12px;
  padding: 10px 14px 11px;
  border: 1px solid #30456f;
  border-top-color: rgba(114, 143, 191, .18);
  border-radius: 0 0 10px 10px;
  background: #17233c;
}

.proof-summary-label {
  grid-column: 1 / -1;
  color: #91a5c7;
  font-size: 10px;
}

.proof-summary-asset {
  min-width: 0;
  display: flex;
  align-items: baseline;
  gap: 6px;
}

.proof-summary-asset span {
  font-size: 11px;
  font-weight: 800;
}

.proof-summary-asset.usdt span {
  color: #42e9b1;
}

.proof-summary-asset.trx span {
  color: #e26ad5;
}

.proof-summary-asset strong {
  min-width: 0;
  overflow: hidden;
  color: #fff;
  font-size: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.proof-address-summary em {
  grid-column: 1 / -1;
  color: #8093b3;
  font-size: 10px;
  font-style: normal;
}

.proof-address-list-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 17px 2px 8px;
}

.proof-address-list-head strong {
  color: #f4f7ff;
  font-size: 14px;
}

.proof-address-list-head span {
  color: #8194b4;
  font-size: 11px;
}

.proof-address-list {
  display: grid;
  gap: 9px;
}

.proof-address-row {
  padding: 12px;
  border: 1px solid #2a3d62;
  border-radius: 8px;
  background: linear-gradient(145deg, #18243d, #131e33);
  box-shadow: 0 7px 18px rgba(4, 9, 20, .16);
}

.proof-address-row header {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
}

.proof-address-row header > span {
  display: grid;
  place-items: center;
  width: 26px;
  height: 22px;
  border-radius: 4px;
  color: #42e9b1;
  background: rgba(66, 233, 177, .09);
  font-size: 10px;
  font-weight: 800;
}

.proof-address-row header strong {
  overflow: hidden;
  color: #f4f7ff;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.proof-address-row header em {
  color: #8da0bf;
  font-size: 10px;
  font-style: normal;
}

.proof-address-row header em.ready {
  color: #4cddb1;
}

.proof-address-value {
  min-height: 34px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 34px;
  align-items: center;
  margin-top: 9px;
  border: 0;
  border-radius: 5px;
  background: #0d1729;
}

.proof-address-value code {
  min-width: 0;
  padding-left: 10px;
  overflow: hidden;
  color: #d9e6f9;
  font-size: 10.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.proof-address-value button {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  color: #e7cf91;
  background: transparent;
}

.proof-address-value svg {
  width: 15px;
  height: 15px;
  stroke: currentColor;
}

.proof-address-footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
  gap: 7px;
  margin-top: 8px;
}

.proof-balance-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  background: transparent;
}

.proof-balance-grid > div {
  min-width: 0;
  display: grid;
  gap: 2px;
  padding: 7px 9px;
  border: 1px solid rgba(83, 111, 157, .28);
  border-radius: 5px;
  background: rgba(25, 39, 66, .78);
}

.proof-balance-grid span {
  color: #8da0bf;
  font-size: 10px;
}

.proof-balance-grid strong {
  min-width: 0;
  overflow: hidden;
  color: #fff;
  font-size: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.proof-verify-link {
  min-width: 62px;
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin-top: 0;
  padding: 0 8px;
  border: 1px solid rgba(229, 199, 125, .58);
  border-radius: 5px;
  color: #f2d78d;
  background: rgba(217, 181, 92, .08);
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
}

.proof-address-empty {
  padding: 48px 20px;
  color: #8da0bf;
  text-align: center;
}

.target-game-rule-visual {
  overflow: hidden;
  margin: 14px 0 9px;
  border-radius: 7px;
  background: linear-gradient(135deg, #298b8d, #2e8b75);
}

.target-game-rule-visual img {
  display: block;
  width: 100%;
  max-height: 225px;
  object-fit: contain;
  background: #182234;
}

.target-game-rule-visual > div {
  display: grid;
  gap: 9px;
  min-height: 190px;
  padding: 16px 14px;
  color: #fff;
  text-align: center;
}

.target-game-rule-visual strong {
  color: #fff100;
  font-size: 18px;
}

.target-game-rule-visual em {
  justify-self: center;
  min-width: 240px;
  padding: 7px;
  border-radius: 999px;
  background: #17233c;
  font-style: normal;
}

.odds-table {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 9px 0 9px;
  background: transparent;
}

.odds-table div {
  display: grid;
  gap: 6px;
  min-height: 90px;
  padding: 12px;
  border-radius: 5px;
  background: #101928;
}

.odds-table div + div {
  border-left: 0;
}

.odds-table strong {
  color: #fff;
}

.odds-table span {
  color: #fff100;
  font-size: 13px;
  font-weight: 950;
}

.target-open-record {
  margin-top: 14px;
  padding: 10px;
  border-radius: 5px;
  background: #222d45;
}

.target-open-record > header {
  display: flex;
  justify-content: space-between;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
}

.target-open-record > header span {
  color: #c3d0e4;
  font-size: 12px;
}

.target-open-record .target-trend-card {
  margin: 8px 0 0;
  padding: 0;
  background: transparent;
}

.target-open-record .target-trend-head {
  display: none;
}

.target-open-record .trend-note {
  margin-top: 8px;
}

.target-scan-bet {
  width: 100%;
  height: 48px;
  margin-top: 14px;
  border-radius: 6px;
  background: #5ab787;
}

.dice-draw-entry {
  width: 100%;
  height: 46px;
  margin-top: 14px;
  border: 1px solid #4de0b8;
  border-radius: 6px;
  color: #06241b;
  background: #4de0b8;
  font-size: 15px;
  font-weight: 900;
}

.target-game-example {
  margin-top: 12px;
  border-radius: 6px;
  background: #202b43;
}

.member-route-shell {
  background: #121d33;
}

.target-member {
  padding: 28px 10px 70px;
}

.target-profile {
  min-height: 116px;
  align-items: center;
  padding: 0 0 18px;
}

.target-avatar {
  width: 66px;
  height: 66px;
  border: 3px solid #fff;
}

.target-profile-info div:first-child strong {
  font-size: 20px;
}

.target-profile-info div {
  color: #fff;
}

.target-profile-vip {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
  width: 100%;
  min-height: 28px;
  margin-top: 3px;
  padding: 4px 8px;
  border: 1px solid rgba(245, 204, 106, .42);
  border-radius: 999px;
  color: #fff;
  background: rgba(245, 204, 106, .09);
  text-align: left;
}

.target-profile-vip b {
  color: #f5cc6a;
  font-size: 12px;
}

.target-profile-vip small {
  min-width: 0;
  overflow: hidden;
  color: #c5cfdf;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.target-profile-vip i {
  color: #f5cc6a;
  font-size: 17px;
  font-style: normal;
  line-height: 1;
}

.target-service {
  color: #4c91ff;
  font-size: 14px;
}

.target-wallet-card,
.target-member-shortcuts,
.target-menu-card {
  margin-bottom: 14px;
  border-radius: 8px;
  background: #2a354d;
}

.target-wallet-card {
  padding: 18px 16px;
}

.target-wallet-head {
  grid-template-columns: 1fr;
  gap: 14px;
  border-bottom: 0;
}

.target-wallet-head strong {
  font-size: 18px;
}

.target-wallet-amount strong {
  font-size: 26px;
}

.target-wallet-actions {
  justify-content: flex-end;
  gap: 28px;
  margin-top: 0;
}

.target-member-shortcuts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 20px 8px 16px;
}

.target-member-shortcuts .target-wallet-action,
.target-wallet-card .target-wallet-action {
  background: transparent;
}

.target-wallet-action span {
  color: #fff;
}

.target-member-row {
  min-height: 56px;
  padding: 0 24px;
}

.target-logout {
  width: 100%;
  height: 52px;
  border-radius: 6px;
  color: #fff;
  background: #2a354d;
  font-size: 18px;
  font-weight: 500;
}

/* Mobile typography tuning */
.shell,
.page-shell {
  font-size: 13px;
}

.top-balance {
  font-size: 14px;
}

.btn,
.filter-box,
.view-all {
  font-size: 13px;
}

.section-title {
  font-size: 16px;
}

.game-name,
.target-activity-card strong,
.target-wallet-action strong,
.target-member-row-label strong {
  font-size: 13px;
}

.page-titlebar strong {
  font-size: 18px;
}

.titlebar-right,
.titlebar-right button,
.activity-meta p,
.article-content,
.target-profile-info,
.target-wallet-action,
.vip-center-link {
  font-size: 13px;
}

.wallet-activate-btn {
  font-size: 16px;
}

.target-bet-address-title strong,
.target-wallet-head strong,
.target-wallet-amount strong,
.vip-center-profile strong {
  font-size: 14px;
}

.odds-table strong,
.target-vip-head button,
.target-vip-head button:last-child {
  font-size: 13px;
}

.odds-table span,
.target-game-detail > .warning-text,
.game-example p,
.target-trend-head button,
.trend-note,
.target-activity-card small {
  font-size: 12px;
}

.game-example h3,
.target-trend-head h3,
.target-recent-trend-head h3 {
  font-size: 14px;
}

.promo-hero strong,
.vip-card strong,
.detail-title {
  font-size: 18px;
}

@media (max-width: 360px) {
  .game-name {
    font-size: 13px;
  }

  .btn {
    min-width: 60px;
    padding: 0 10px;
  }
}

@media (max-width: 390px) {
  .topbar {
    gap: 5px;
    padding-inline: 4px;
  }

  .brand img {
    width: 122px;
  }

  .top-actions {
    gap: 5px;
  }

  .top-actions .btn {
    min-width: 72px;
    padding: 0 9px;
  }

  .tabs {
    padding-inline: 2px;
  }

  .tab {
    height: 34px;
    padding: 0 7px;
    font-size: 14px;
  }

  .tab-icon {
    width: 16px;
    height: 16px;
    margin-right: 4px;
  }

  .page-titlebar {
    grid-template-columns: 42px minmax(0, 1fr) 42px;
    height: 44px;
  }

  .page-titlebar.has-right {
    grid-template-columns: 78px minmax(0, 1fr) 78px;
  }

  .page-titlebar strong {
    font-size: 18px;
  }

  .titlebar-icon,
  .titlebar-right {
    height: 44px;
  }

  .titlebar-icon {
    width: 42px;
    padding: 11px;
  }

  .titlebar-right {
    min-width: 42px;
    font-size: 12px;
  }

  .titlebar-right svg {
    width: 16px;
    height: 16px;
  }

  .odds-table div {
    grid-template-columns: 76px 1fr;
  }

  .odds-table span {
    font-size: 12px;
  }

  .target-trend-head {
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 7px;
  }

  .target-trend-grid {
    gap: 3px;
    min-height: 76px;
    padding: 8px 6px;
  }

  .target-trend-col {
    gap: 4px;
  }

  .target-trend-grid .trend-pill,
  .target-trend-head .trend-pill {
    width: auto;
    min-width: 15px;
    height: 14px;
    font-size: 9px;
  }

  .target-trend-grid .trend-wide,
  .target-trend-head .trend-wide {
    min-width: 36px;
  }

  .target-recent-trend-strip {
    gap: 5px;
    padding: 8px 6px;
  }

  .target-recent-trend-chip {
    min-width: 30px;
    height: 18px;
    padding: 0 6px;
    font-size: 10px;
  }
}

/* Final s7 replication overrides */
svg.target-svg {
  width: 1em;
  height: 1em;
}

.topbar .brand img {
  width: 34px !important;
  height: 34px !important;
  border-radius: 4px;
}

.game-card::before {
  content: attr(data-tag);
}

.game-card[data-tag=""]::before {
  display: none;
}

.target-activity-page {
  padding: 0 0 66px;
}

.target-activity-list {
  gap: 12px;
}

.target-activity-card {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 13px;
  border: 0;
  border-radius: 7px;
  background: #17233c;
  box-shadow: none;
  text-align: left;
}

.target-activity-card img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  border-radius: 7px 7px 0 0;
  object-fit: cover;
}

.target-activity-copy {
  position: relative;
  display: grid;
  gap: 7px;
  padding: 11px 12px 0;
}

.target-activity-copy em {
  position: absolute;
  top: 11px;
  right: 12px;
  color: #fff100;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}

.target-activity-copy strong {
  display: block;
  padding-right: 92px;
  color: #fff;
  font-size: 14px;
  line-height: 1.35;
}

.target-activity-copy small {
  display: block;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.65;
  white-space: normal;
}

.target-bet-tabs button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.target-bet-tabs button svg,
.target-scratch-grid svg {
  width: 15px;
  height: 15px;
}

.target-game-detail .page-bet-card,
.target-game-detail .transfer-bet-card {
  border: 0;
  background: #253656;
  box-shadow: none;
}

.target-game-rule-visual {
  border-radius: 7px;
  background: #202b43;
}

.target-game-rule-visual img {
  max-height: 240px;
  object-fit: cover;
  object-position: center;
}

.target-open-empty {
  display: grid;
  place-items: center;
  min-height: 86px;
  margin-top: 8px;
  border-radius: 8px;
  color: #8fa4c8;
  background: #17233c;
  font-size: 12px;
}

.recharge-target-card,
.withdraw-target-card,
.address-manage-card {
  border: 0;
  border-radius: 12px;
  background: #08142a;
  box-shadow: none;
}

.recharge-warning-row {
  align-items: center;
  color: #8fa4c8;
  background: #202b43;
}

.recharge-warning-row .warning-text,
.recharge-target-card > .warning-text {
  color: #8fa4c8;
  font-size: 13px;
  line-height: 1.65;
}

.recharge-bind-gate,
.recharge-bound-tip {
  display: grid;
  gap: 10px;
  margin-bottom: 12px;
  padding: 14px;
  border-radius: 12px;
  color: #fff;
  background: #17233c;
  box-shadow: inset 0 0 0 1px rgba(112, 148, 210, .22);
}

.recharge-bind-gate strong,
.recharge-bound-tip strong {
  font-size: 15px;
}

.recharge-bind-gate p,
.recharge-bound-tip small {
  margin: 0;
  color: #9eb3d5;
  font-size: 12px;
  line-height: 1.55;
}

.recharge-bound-list {
  display: grid;
  gap: 5px;
}

.recharge-bound-tip span {
  min-width: 0;
  overflow-wrap: anywhere;
  color: #f7d78a;
  font-size: 13px;
  font-weight: 800;
}

.recharge-bound-tip-head,
.recharge-bound-wallet-row,
.recharge-bound-actions {
  display: flex;
  align-items: center;
}

.recharge-bound-tip-head {
  justify-content: space-between;
  gap: 10px;
}

.recharge-bound-tip-head > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.recharge-bound-tip-head > div > small {
  color: #91a6c8;
  font-size: 11px;
}

.recharge-bound-tip-head em {
  flex: 0 0 auto;
  padding: 4px 7px;
  border-radius: 6px;
  color: #58e6b0;
  background: rgba(43, 199, 143, .1);
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
}

.recharge-bound-wallet-row {
  width: 100%;
  min-height: 54px;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 11px;
  border: 1px solid rgba(104, 150, 224, .26);
  border-radius: 8px;
  color: #fff;
  background: #101a2e;
  text-align: left;
}

.recharge-bound-wallet-row > span {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.recharge-bound-wallet-row b {
  color: #fff;
  font-size: 13px;
}

.recharge-bound-wallet-row small {
  overflow-wrap: anywhere;
  color: #8fa4c8;
  font-size: 10px;
  line-height: 1.35;
}

.recharge-bound-wallet-row i {
  flex: 0 0 auto;
  color: #f7d78a;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.recharge-bound-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.recharge-bound-actions button {
  height: 34px;
  border: 1px solid rgba(247, 215, 138, .3);
  border-radius: 7px;
  color: #f7d78a;
  background: rgba(247, 215, 138, .06);
  font-size: 12px;
  font-weight: 800;
}

.recharge-bound-note {
  display: block;
  color: #9eb3d5;
}

.recharge-wallet-modal {
  min-height: 0;
}

.recharge-bound-address {
  display: grid;
  gap: 6px;
  margin: 0 0 14px;
  padding: 10px;
  border-radius: 7px;
  background: #17233c;
}

.recharge-bound-address span {
  color: #93a8ca;
  font-size: 12px;
}

.recharge-bound-address strong {
  overflow-wrap: anywhere;
  color: #f7d78a;
  font-size: 12px;
  line-height: 1.45;
}

.recharge-wallet-modal-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.recharge-wallet-modal-actions button {
  min-width: 0;
}

.recharge-wallet-modal-actions button:last-child {
  grid-column: 1 / -1;
}

.recharge-wallet-modal-actions .secondary {
  color: #d6e2f7;
  background: #263754;
}

.recharge-bind-new-btn {
  width: 100%;
  height: 42px;
  margin-top: 10px;
  border-radius: 8px;
  color: #f7d78a;
  background: rgba(247, 215, 138, .08);
  box-shadow: inset 0 0 0 1px rgba(247, 215, 138, .35);
  font-size: 14px;
  font-weight: 800;
}

.recharge-target-card .confirm-btn,
.withdraw-target-card .confirm-btn,
.target-scan-bet {
  color: #fff;
  background: #63a6ff;
  box-shadow: none;
}

.tutorial-head {
  min-height: 170px;
  background:
    radial-gradient(circle at 50% 46%, rgba(255, 218, 142, .42), transparent 20%),
    linear-gradient(135deg, #171d2a, #0d1119);
}

.target-tutorial-flow {
  display: grid;
  gap: 34px;
  padding: 16px 0 40px;
}

.target-tutorial-flow h2 {
  margin: 0;
  color: #fff;
  text-align: center;
  font-size: 18px;
}

.target-tutorial-step {
  display: grid;
  justify-items: center;
  gap: 18px;
}

.target-tutorial-visual {
  width: min(290px, 86vw);
  min-height: 230px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: rgba(27, 39, 66, .72);
}

.target-tutorial-visual img {
  max-width: 82%;
  max-height: 188px;
  object-fit: contain;
}

.target-tutorial-visual .wallet-grid.compact {
  width: 88%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
}

.target-tutorial-visual .wallet-grid.compact img {
  max-width: 120px;
  max-height: 28px;
  padding: 8px;
  border-radius: 4px;
  background: #111923;
}

.target-tutorial-visual .tutorial-game {
  width: 92%;
  margin: 0;
  padding: 12px;
  border-radius: 8px;
  background: #111923;
}

.target-tutorial-visual .tutorial-game + .tutorial-game {
  margin-top: 8px;
}

.target-tutorial-visual .tutorial-game strong {
  font-size: 15px;
}

.target-tutorial-visual .tutorial-game p {
  color: #b7ff25;
  font-size: 12px;
}

.target-tutorial-visual .tutorial-game .copy-field {
  height: 34px;
}

.target-tutorial-visual .tutorial-game .copy-field span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.target-tutorial-step p {
  margin: 0;
  color: #5ea0ff;
  font-size: 15px;
  line-height: 1.55;
  white-space: pre-line;
}

.target-scratch-page {
  display: grid;
  gap: 14px;
  padding-top: 14px;
}

.target-scratch-hero {
  display: grid;
  gap: 6px;
  min-height: 130px;
  align-content: end;
  padding: 18px;
  border-radius: 10px;
  color: #fff;
  background:
    radial-gradient(circle at 75% 28%, rgba(255, 225, 130, .75), transparent 18%),
    linear-gradient(135deg, #263a68, #0e1730);
}

.target-scratch-hero strong {
  font-size: 22px;
}

.target-scratch-hero span {
  color: #afc0df;
  font-size: 13px;
}

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

.target-scratch-grid button {
  display: grid;
  justify-items: center;
  gap: 7px;
  min-height: 92px;
  border-radius: 9px;
  color: #fff;
  background: #1d2a47;
}

.target-scratch-grid button.active {
  color: #1d263a;
  background: linear-gradient(180deg, #ffe8bd, #d9b776);
}

.target-coming-page > div {
  display: grid;
  justify-items: center;
  gap: 8px;
  color: #dbe8ff;
}

.target-coming-page strong {
  color: #fff;
  font-size: 22px;
}

.target-coming-page span,
.target-coming-page small {
  color: #8fa4c8;
  font-size: 13px;
}

* {
  -webkit-tap-highlight-color: transparent;
}

/* Only the viewport owns overscroll suppression. An overflow-x:hidden body
   is also a scroll container in Chromium; blocking its scroll chain traps
   Android vertical gestures before they reach the document viewport. */
html {
  overscroll-behavior-y: none;
}

body {
  overscroll-behavior-y: auto;
}

button,
[data-route],
[data-url],
[data-copy] {
  touch-action: manipulation;
}

button {
  transition: transform .12s ease, opacity .12s ease, background-color .12s ease;
}

button:active {
  transform: scale(.985);
}

img {
  user-select: none;
}

.game-card,
.target-activity-card,
.target-accordion,
.target-menu-card,
.record-row,
.download-group,
.target-home-wallets,
.target-provider-strip,
.target-home-faq {
  content-visibility: auto;
  contain-intrinsic-size: 120px;
}

.game-card img,
.target-activity-card img,
.target-game-rule-visual img,
.activity-detail-banner {
  transform: translateZ(0);
}

.game-grid,
.home-game-strip {
  gap: 6px;
}

.game-card {
  padding: 0;
}

.game-card button {
  aspect-ratio: 124 / 133;
  border-radius: 7px;
  background: #101827;
}

.game-card img {
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
}

.game-name {
  min-height: 36px;
  padding: 7px 4px 8px;
  font-size: 13px;
  line-height: 1.15;
}

.game-card::before {
  left: 0;
  top: 0;
  border-radius: 7px 0 7px 0;
}

.game-detail-page .page-body {
  padding-top: 0;
}

.game-detail-page .target-game-detail {
  padding-top: 0;
}

.recharge-rule-tip {
  display: grid;
  gap: 6px;
  margin: 12px 0;
  padding: 12px 14px;
  border: 1px solid rgba(238, 198, 91, 0.38);
  border-radius: 10px;
  background: rgba(238, 198, 91, 0.08);
  color: #dce6f5;
  font-size: 13px;
  line-height: 1.6;
}

.recharge-rule-tip[hidden] {
  display: none;
}

.recharge-rule-tip strong {
  color: #f2cf6a;
}

.turnover-warning {
  border-left: 3px solid #f2cf6a;
  padding-left: 10px;
}

.member-feedback-page {
  display: grid;
  gap: 14px;
  padding: 14px;
}

.member-feedback-form,
.member-feedback-history {
  padding: 16px;
  border: 1px solid rgba(93, 125, 173, 0.34);
  border-radius: 12px;
  background: #101b2d;
}

.member-feedback-title,
.member-feedback-history > header,
.member-feedback-item-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.member-feedback-title {
  display: grid;
  justify-content: stretch;
  align-items: flex-start;
  gap: 5px;
  margin-bottom: 16px;
}

.member-feedback-title strong,
.member-feedback-history > header strong {
  color: #f4f7fb;
  font-size: 16px;
}

.member-feedback-title small,
.member-feedback-history > header span,
.member-feedback-item > small {
  color: #7f91aa;
  font-size: 12px;
}

.member-feedback-form select.field,
.member-feedback-form textarea.field {
  width: 100%;
  margin-bottom: 14px;
  color: #edf3fb;
  background: #16243a;
}

.member-feedback-form textarea.field {
  min-height: 126px;
  padding: 12px;
  resize: vertical;
  line-height: 1.6;
}

.member-feedback-form select.field option {
  color: #101b2d;
}

.member-feedback-history > header {
  padding-bottom: 12px;
}

.member-feedback-item {
  display: grid;
  gap: 9px;
  padding: 13px 0;
  border-top: 1px solid rgba(93, 125, 173, 0.2);
}

.member-feedback-item-head strong {
  color: #dfe8f5;
}

.member-feedback-item-head em {
  padding: 3px 8px;
  border-radius: 999px;
  background: rgba(52, 151, 255, 0.12);
  color: #65adff;
  font-size: 12px;
  font-style: normal;
}

.member-feedback-item.is-adopted .member-feedback-item-head em {
  background: rgba(43, 209, 145, 0.12);
  color: #39d99b;
}

.member-feedback-item > p {
  margin: 0;
  color: #c4cfde;
  line-height: 1.65;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.member-feedback-reply {
  display: grid;
  gap: 5px;
  padding: 10px;
  border-radius: 8px;
  background: rgba(58, 88, 132, 0.2);
}

.member-feedback-reply b,
.member-feedback-reward {
  color: #f2cf6a;
  font-size: 13px;
}

.member-feedback-reply span {
  color: #d9e4f1;
  line-height: 1.55;
  white-space: pre-wrap;
}

.member-feedback-empty {
  padding: 38px 0 24px;
  border-top: 1px solid rgba(93, 125, 173, 0.2);
  color: #7f91aa;
  text-align: center;
}

.game-detail-page {
  padding-top: 49px;
}

.game-detail-page .page-titlebar {
  position: fixed;
  top: 0;
  left: 50%;
  width: 100%;
  max-width: inherit;
  height: 49px;
  z-index: 80;
  transform: translateX(-50%);
}

.game-detail-page .titlebar-icon,
.game-detail-page .titlebar-right {
  height: 49px;
}

.game-detail-page .titlebar-right {
  justify-content: flex-end;
  gap: 5px;
  padding-right: 7px;
}

.game-title-balance {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  height: 26px;
  max-width: 56px;
  padding: 0 6px 0 4px;
  border-radius: 999px;
  color: #fff;
  background: #263a5e;
  font-size: 12px;
  font-weight: 900;
}

.game-title-balance .target-svg {
  width: 17px;
  height: 17px;
  color: #23c985;
}

.titlebar-right .game-title-recharge {
  height: 26px;
  padding: 0 8px;
  border-radius: 5px;
  color: #2f2300;
  background: linear-gradient(180deg, #ffeac0, #d7b56b);
  font-size: 12px;
  font-weight: 900;
}

.game-detail-page .target-bet-tabs {
  margin: 1px -4px 0;
  border-radius: 16px 16px 0 0;
}

.game-detail-page .target-bet-tabs[hidden] {
  display: none !important;
}

.game-detail-page .target-bet-tabs button {
  height: 45px;
  font-size: 14px;
}

.target-bet-panel[hidden] {
  display: none;
}

.target-bet-panel.active {
  animation: targetPanelIn .12s ease-out;
}

.game-detail-page .target-bet-panels {
  margin-top: 5px;
  min-width: 0;
  overflow: hidden;
}

.game-detail-page .target-game-detail.is-entry-mode-locked .target-bet-panels {
  margin-top: 0;
}

.game-detail-page .target-game-detail.is-entry-mode-locked .page-bet-card,
.game-detail-page .target-game-detail.is-entry-mode-locked .transfer-bet-card {
  border-radius: 8px;
}

.game-detail-page .target-bet-panel {
  min-width: 0;
}

@keyframes targetPanelIn {
  from {
    opacity: .72;
    transform: translateY(2px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.game-detail-page .page-bet-card,
.game-detail-page .transfer-bet-card {
  padding: 13px 13px 11px;
}

.game-detail-page .transfer-bet-card {
  min-height: 126px;
}

.game-detail-page .target-bet-address-title {
  margin-bottom: 8px;
}

.game-detail-page .game-address-field {
  height: 34px;
}

.game-detail-page .target-game-rule-visual {
  margin: 12px 0 8px;
  border-radius: 7px;
  background: #17233c;
}

.game-detail-page .target-game-rule-visual img {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
  object-position: center;
}

.odds-limit-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 8px 0;
  background: transparent;
}

.odds-limit-row > div {
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 8px;
  min-height: 93px;
  padding: 11px 9px;
  border-radius: 5px;
  color: #fff;
  background: #151c2d;
  text-align: center;
}

.odds-limit-row strong {
  color: #dbe7ff;
  font-size: 13px;
  font-weight: 850;
}

.odds-limit-row span {
  color: #fff100;
  font-size: 13px;
  font-weight: 950;
  line-height: 1.35;
  white-space: normal;
}

.game-detail-page .target-game-detail > .warning-text {
  margin: 7px 0 0;
  min-height: 32px;
  line-height: 1.35;
}

.game-detail-page .target-open-record {
  margin-top: 12px;
  padding: 8px 9px 2px;
  border-radius: 5px;
  background: #222d45;
}

.game-detail-page .record-grid-card {
  min-height: 77px;
}

.game-detail-page .record-grid-card > header {
  height: 24px;
  align-items: center;
}

.record-grid-dot-row {
  display: flex;
  align-items: flex-start;
  gap: 5px;
  height: 32px;
  margin-top: 4px;
  overflow: hidden;
  padding: 0 2px;
  scrollbar-width: none;
}

.record-grid-dot-row::-webkit-scrollbar {
  display: none;
}

.record-grid-col {
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 2px;
  max-height: 32px;
  overflow: hidden;
}

.record-ball {
  display: inline-grid;
  place-items: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: transparent;
  font-size: 10px;
  font-style: normal;
  font-weight: 850;
  line-height: 1;
  box-shadow: 0 0 7px currentColor;
}

.record-red {
  color: #e43437;
  border: 1px solid #e43437;
}

.record-blue {
  color: #088bff;
  border: 1px solid #088bff;
}

.record-yellow {
  color: #e1e600;
  border: 1px solid #e1e600;
}

.record-green {
  color: #3cce8e;
  border: 1px solid #3cce8e;
}

.record-grid-expand {
  display: grid;
  place-items: center;
  width: 18px;
  height: 7px;
  margin: 1px auto 0;
  color: #8896ad;
  transform: rotate(90deg);
}

.record-grid-expand svg,
.record-grid-expand .target-svg {
  width: 12px;
  height: 12px;
}

.game-detail-page .target-open-record .target-trend-card {
  margin-top: 7px;
}

.game-detail-page .target-trend-grid {
  min-height: 58px;
  max-height: 58px;
  margin-top: 7px;
  padding: 5px 8px;
  border-radius: 0;
  background: #1c2334;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x proximity;
}

.game-detail-page .target-trend-col {
  max-height: 48px;
  overflow: hidden;
}

.game-detail-page .target-trend-col {
  gap: 2px;
  scroll-snap-align: start;
}

.game-detail-page .target-trend-grid .trend-pill {
  min-width: 15px;
  height: 15px;
  font-size: 10px;
}

.game-detail-page .target-open-record .trend-note {
  margin-top: 8px;
  line-height: 1.35;
}

.game-detail-page .target-open-note {
  align-items: flex-start;
  margin: 6px 0 0 !important;
  color: #fff35a !important;
  line-height: 1.28;
}

.detail-info-card {
  margin-top: 12px;
  overflow: hidden;
  border-radius: 7px;
  background: #1a253a;
  box-shadow: inset 0 0 0 1px rgba(80, 101, 143, .28);
}

.detail-info-tabs {
  display: grid;
  grid-template-columns: repeat(var(--detail-tab-count, 4), minmax(0, 1fr));
  min-height: 56px;
  background: #202b43;
}

.detail-info-tabs button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 0;
  padding: 0 3px;
  color: #aebbd0;
  border: 0;
  background: transparent;
  font-size: 13px;
  font-weight: 850;
  white-space: nowrap;
}

.detail-info-tabs button[hidden] {
  display: none !important;
}

.detail-info-tabs button .target-svg,
.detail-info-tabs button svg {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}

.detail-info-tabs button svg:not(.target-svg):not(.detail-bead-icon) {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.detail-info-tabs button .detail-bead-icon {
  fill: currentColor;
  stroke: none;
}

.detail-info-tabs button.active {
  color: #1eea84;
  background: rgba(30, 234, 132, .08);
}

.detail-info-tabs button.active::after {
  content: "";
  position: absolute;
  left: 13px;
  right: 13px;
  bottom: 0;
  height: 2px;
  border-radius: 999px;
  background: #1eea84;
}

.detail-info-panels {
  padding: 10px;
}

.detail-info-panel[hidden] {
  display: none;
}

.detail-trend-scope-switch {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
  margin-bottom: 8px;
  padding: 4px;
  border-radius: 7px;
  background: #121b2b;
  box-shadow: inset 0 0 0 1px rgba(74, 97, 140, .22);
}

.detail-trend-scope-switch button {
  min-width: 0;
  height: 30px;
  border: 0;
  border-radius: 6px;
  color: #aab8cf;
  background: transparent;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

.detail-trend-scope-switch button[hidden] {
  display: none;
}

.detail-trend-scope-switch button.active {
  color: #001b11;
  background: #1eea84;
  box-shadow: 0 6px 16px rgba(30, 234, 132, .18);
}

[data-detail-trend-content][hidden] {
  display: none;
}

.detail-trend-address-picker,
.detail-trend-address-empty {
  margin-bottom: 8px;
  padding: 8px;
  border-radius: 7px;
  background: #121b2b;
  box-shadow: inset 0 0 0 1px rgba(74, 97, 140, .22);
}

.detail-trend-address-picker label {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.detail-trend-address-picker span,
.detail-trend-address-empty span {
  color: #9eabc4;
  font-size: 12px;
  font-weight: 850;
  white-space: nowrap;
}

.detail-trend-address-picker select {
  min-width: 0;
  width: 100%;
  height: 34px;
  padding: 0 28px 0 10px;
  border: 1px solid rgba(104, 129, 177, .34);
  border-radius: 7px;
  color: #e9f2ff;
  background: #1d2941;
  font-size: 12px;
  font-weight: 850;
}

.detail-trend-address-empty {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.detail-trend-address-empty button {
  flex: 0 0 auto;
  height: 30px;
  padding: 0 12px;
  border: 0;
  border-radius: 6px;
  color: #001b11;
  background: #1eea84;
  font-size: 12px;
  font-weight: 900;
}

.detail-road-card {
  overflow: hidden;
  border-radius: 6px;
  background: #182132;
}

.detail-road-card + .detail-road-card {
  margin-top: 10px;
}

.detail-road-card header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 34px;
  padding: 0 10px;
  color: #fff;
  font-size: 14px;
  font-weight: 900;
}

.detail-road-card header span {
  overflow: hidden;
  max-width: 72%;
  color: #b9c7de;
  font-size: 12px;
  font-weight: 700;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.detail-road-board {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  min-height: 126px;
  padding: 8px 9px 12px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.detail-road-board::-webkit-scrollbar {
  display: none;
}

.detail-road-board .target-trend-col {
  max-height: none;
}

.detail-road-board .trend-pill {
  width: 18px;
  min-width: 18px;
  height: 18px;
  font-size: 11px;
}

.detail-road-bead-board .record-ball {
  width: 18px;
  height: 18px;
  font-size: 10px;
}

.detail-road-bead-board .record-ball.record-wide {
  width: auto;
  min-width: 34px;
  max-width: 44px;
  padding: 0 4px;
}

.detail-road-note {
  margin: 0;
  padding: 0 10px 8px;
  color: #fff100 !important;
  font-size: 12px;
  line-height: 1.25;
}

.detail-bead-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 8px 6px;
  padding: 9px 10px 12px;
}

.detail-bead-grid.wide {
  grid-template-columns: repeat(6, 1fr);
}

.detail-bead-grid .record-ball {
  width: 22px;
  height: 22px;
  justify-self: center;
  font-size: 12px;
}

.detail-bead-grid.wide .record-ball {
  width: auto;
  min-width: 38px;
  border-radius: 999px;
}

.detail-result-list,
.detail-bet-list {
  display: grid;
  gap: 8px;
}

.detail-list-pager {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) 72px;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  color: #9badc9;
  font-size: 12px;
  font-weight: 800;
  text-align: center;
}

.detail-list-pager button {
  height: 30px;
  border: 1px solid rgba(110, 140, 190, .32);
  border-radius: 8px;
  color: #dce7f8;
  background: #202b43;
  font-size: 12px;
  font-weight: 900;
}

.detail-list-pager button:disabled {
  opacity: .42;
}

.detail-list-pager span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.detail-result-row,
.detail-bet-row {
  display: grid;
  align-items: center;
  gap: 9px;
  min-height: 56px;
  padding: 8px 10px;
  border-radius: 6px;
  background: #182132;
}

.detail-result-row {
  grid-template-columns: 38px minmax(38px, auto) minmax(0, 1fr) 42px;
}

.detail-result-row[role="button"],
.address-result-row[role="button"],
.detail-bet-row[role="button"] {
  cursor: pointer;
  transition: background .16s ease, transform .16s ease;
}

.detail-result-row[role="button"]:active,
.address-result-row[role="button"]:active,
.detail-bet-row[role="button"]:active {
  transform: scale(.995);
}

.detail-result-index {
  color: #8fa4c7;
  font-size: 12px;
  font-weight: 800;
}

.detail-result-ball {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
}

.detail-result-ball .record-ball.record-wide {
  min-width: 38px;
  max-width: 54px;
}

.detail-result-main,
.detail-result-row div,
.detail-bet-row div {
  min-width: 0;
}

.detail-result-row strong,
.detail-bet-row strong {
  display: block;
  color: #fff;
  font-size: 14px;
  font-weight: 900;
}

.detail-result-row small,
.detail-bet-row span,
.detail-bet-row small {
  display: block;
  margin-top: 3px;
  overflow: hidden;
  color: #9badc9;
  font-size: 12px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.detail-result-row em {
  justify-self: end;
  color: #6f86ae;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.address-result-card {
  overflow: hidden;
  border-radius: 6px;
  background: #182132;
}

.address-result-card header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px;
  color: #fff;
}

.address-result-card header strong,
.address-result-empty strong {
  display: block;
  font-size: 14px;
  font-weight: 900;
}

.address-result-card header span,
.address-result-empty span {
  display: block;
  margin-top: 4px;
  color: #9badc9;
  font-size: 12px;
  line-height: 1.35;
}

.address-result-card header button,
.address-result-empty button {
  flex: 0 0 auto;
  min-width: 54px;
  height: 28px;
  border: 0;
  border-radius: 999px;
  color: #10243a;
  background: #1eea84;
  font-size: 12px;
  font-weight: 900;
}

.address-result-picker {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 92px 58px;
  gap: 8px;
  align-items: end;
  padding: 0 10px 8px;
}

.address-result-picker label {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.address-result-picker label > span {
  color: #8fa4c7;
  font-size: 11px;
  font-weight: 800;
}

.address-result-picker select {
  width: 100%;
  min-width: 0;
  height: 36px;
  border: 1px solid rgba(110, 140, 190, .32);
  border-radius: 8px;
  color: #dce7f8;
  background: #202b43;
  padding: 0 30px 0 10px;
  font-size: 12px;
  font-weight: 850;
  outline: none;
}

.address-result-picker select:focus {
  border-color: #1eea84;
  box-shadow: 0 0 0 1px rgba(30, 234, 132, .18);
}

.address-result-delete.selected {
  width: 58px;
  height: 36px;
  border-radius: 8px;
  color: #ffd9d9;
  background: rgba(228, 52, 55, .14);
  font-size: 12px;
  box-shadow: inset 0 0 0 1px rgba(228, 52, 55, .34);
}

.address-result-current {
  display: block;
  overflow: hidden;
  margin: -1px 10px 10px;
  color: #9badc9;
  font-size: 11px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.address-result-switcher {
  display: flex;
  gap: 8px;
  padding: 0 10px 10px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.address-result-switcher::-webkit-scrollbar {
  display: none;
}

.address-result-chip {
  display: inline-grid;
  grid-template-columns: minmax(92px, 1fr) 24px;
  align-items: stretch;
  overflow: hidden;
  flex: 0 0 auto;
  min-width: 132px;
  border: 1px solid rgba(110, 140, 190, .28);
  border-radius: 8px;
  background: #202b43;
}

.address-result-chip.active {
  border-color: #1eea84;
  box-shadow: 0 0 0 1px rgba(30, 234, 132, .16);
}

.address-result-chip button {
  min-width: 0;
  border: 0;
  background: transparent;
}

.address-result-chip > button:first-child {
  display: grid;
  gap: 2px;
  justify-items: start;
  padding: 7px 8px;
  color: #dce7f8;
}

.address-result-chip strong {
  font-size: 12px;
  line-height: 1;
}

.address-result-chip span {
  color: #8fa4c7;
  font-size: 10px;
}

.address-result-delete {
  display: grid;
  place-items: center;
  color: #91a3c2;
  font-size: 18px;
  font-weight: 800;
}

.address-result-list {
  display: grid;
  gap: 8px;
  padding: 0 10px 10px;
}

.address-result-row {
  display: grid;
  grid-template-columns: minmax(38px, auto) minmax(0, 1fr) minmax(64px, auto);
  align-items: center;
  gap: 9px;
  min-height: 58px;
  padding: 8px 10px;
  border-radius: 6px;
  background: #131c2c;
}

.address-result-row div {
  min-width: 0;
}

.address-result-row strong,
.address-result-row small,
.address-result-row em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.address-result-row strong {
  color: #fff;
  font-size: 13px;
}

.address-result-row .record-amount-line {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  overflow: visible;
  color: #fff;
  line-height: 1.25;
  text-overflow: clip;
  white-space: normal;
}

.record-amount-line span:first-child {
  color: #fff;
}

.record-amount-line span:nth-child(2) {
  color: #7fb6ff;
}

.address-result-row small {
  margin-top: 3px;
  color: #9badc9;
  font-size: 11px;
}

.address-result-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px 8px;
  margin-top: 3px;
}

.address-result-meta > em {
  margin-top: 0;
}

.settlement-record-tag {
  display: inline-flex;
  align-items: center;
  min-height: 18px;
  padding: 1px 6px;
  border: 1px solid currentColor;
  border-radius: 3px;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.2;
}

.settlement-record-tag.is-chain-direct {
  color: #f2ca73;
  background: rgba(242, 202, 115, .08);
}

.settlement-record-tag.is-platform-balance {
  color: #46ddb2;
  background: rgba(70, 221, 178, .08);
}

.address-result-row .open-evidence-line {
  display: flex;
  flex-wrap: wrap;
  gap: 3px 8px;
  overflow: visible;
  line-height: 1.3;
  text-overflow: clip;
  white-space: normal;
}

.open-evidence-line b {
  color: #1eea84;
  font-weight: 950;
}

.open-evidence-line .hash-tail {
  color: #f6d873;
}

.open-evidence-line .hash-tail-text {
  color: #9badc9;
  font-variant-numeric: tabular-nums;
}

.address-result-row em {
  margin-top: 3px;
  color: #6f86ae;
  font-size: 10px;
  font-style: normal;
}

.detail-result-list .address-result-row em {
  justify-self: start;
  text-align: left;
}

.address-result-row b {
  justify-self: end;
  color: #8fa4c7;
  font-size: 11px;
  white-space: nowrap;
}

.address-result-row b.status-external_observed {
  color: #7fb6ff;
}

.address-result-row b.address-win-amount {
  color: #f6d873;
}

.address-result-row b.status-won,
.address-result-row b.status-settled {
  color: #1eea84;
}

.address-result-row b.status-lost,
.address-result-row b.status-cancelled {
  color: #ff6170;
}

.address-result-empty {
  padding: 16px 12px;
  text-align: center;
}

.address-result-empty button {
  margin-top: 12px;
}

.result-detail-modal {
  width: min(354px, calc(100vw - 36px));
  max-height: 82vh;
  overflow-y: auto;
  padding: 18px 14px 14px;
  text-align: left;
}

.result-detail-modal h3 {
  text-align: center;
}

.result-detail-evidence {
  margin: 12px 0;
  padding: 8px 10px;
  border-radius: 8px;
  background: rgba(20, 34, 57, .86);
}

.result-detail-evidence .open-evidence-line {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 8px;
  color: #9badc9;
  font-size: 11px;
  line-height: 1.4;
}

.result-detail-rows {
  display: grid;
  gap: 8px;
  margin: 0 0 14px;
}

.result-detail-row {
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr) auto;
  align-items: start;
  gap: 8px;
  padding: 9px 10px;
  border-radius: 6px;
  background: #182132;
}

.result-detail-row span {
  color: #8fa4c7;
  font-size: 12px;
  font-weight: 800;
}

.result-detail-row strong {
  min-width: 0;
  color: #fff;
  font-size: 12px;
  line-height: 1.35;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.result-detail-row button {
  width: auto;
  height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  color: #10243a;
  background: #1eea84;
  font-size: 11px;
}

.result-detail-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(116px, 1fr));
  gap: 10px;
}

.result-detail-actions button[data-open-source] {
  color: #081b16;
  background: #1eea84;
}

.result-detail-actions button[data-close] {
  background: #3a4150;
}

.detail-bet-row {
  grid-template-columns: minmax(0, 1fr) auto;
}

.detail-bet-row > div:last-child {
  text-align: right;
}

.detail-bet-row em {
  display: block;
  color: #fff100;
  font-style: normal;
  font-weight: 900;
}

.detail-bet-row b {
  display: inline-block;
  margin-top: 4px;
  padding: 2px 7px;
  border-radius: 999px;
  color: #95a7c4;
  background: rgba(255, 255, 255, .08);
  font-size: 11px;
}

.detail-bet-row b.status-won,
.detail-bet-row b.status-settled {
  color: #1eea84;
  background: rgba(30, 234, 132, .12);
}

.detail-bet-row b.status-lost,
.detail-bet-row b.status-cancelled {
  color: #ff6170;
  background: rgba(255, 97, 112, .12);
}

.detail-bet-row b.status-external_observed {
  color: #7fb6ff;
  background: rgba(73, 145, 255, .14);
}

.detail-rule-panel {
  display: grid;
  gap: 10px;
}

.detail-rule-panel .target-game-rule-visual,
.detail-rule-panel .odds-limit-row,
.detail-rule-panel .warning-text,
.detail-rule-panel .target-game-example {
  margin-top: 0;
}

.detail-info-empty,
.detail-info-login {
  min-height: 128px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 10px;
  color: #95a8c6;
  font-size: 13px;
  text-align: center;
}

.detail-info-login strong {
  color: #fff;
  font-size: 14px;
}

.detail-info-login button {
  min-width: 112px;
  height: 34px;
  border-radius: 5px;
  color: #082016;
  background: #1eea84;
  font-size: 14px;
  font-weight: 900;
}

.game-detail-page .target-game-example {
  margin-top: 12px;
  padding: 14px 12px;
  line-height: 1.55;
}

.game-detail-page .target-game-example h3,
.game-detail-page .target-game-example p {
  margin-top: 0;
}

.game-detail-page .target-scan-bet {
  height: 47px;
  margin-top: 14px;
}

.target-disabled-bet-card {
  display: grid;
  gap: 9px;
  min-height: 126px;
}

.target-disabled-bet-card strong {
  color: #fff;
  font-size: 15px;
}

.target-disabled-bet-card span {
  color: #b7c7e3;
  font-size: 12px;
  line-height: 1.45;
}

.target-disabled-bet-card .wallet-activate-btn {
  height: 36px;
  margin: 4px 0 0;
  font-size: 14px;
}

.target-bet-tabs button,
.target-bet-tabs button svg,
.target-bet-tabs button .target-svg,
.nav-item,
.nav-item svg,
.nav-item .target-svg,
.title-with-icon svg,
.title-with-icon .target-svg,
.icon-btn svg,
.icon-btn .target-svg {
  color: currentColor;
}

.target-bet-tabs button svg:not(.target-svg),
.nav-item svg:not(.target-svg),
.title-with-icon svg:not(.target-svg),
.icon-btn svg:not(.target-svg) {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.target-bet-tabs button.active {
  color: #fff;
}

.target-bet-tabs button:not(.active) {
  color: #d1ddf4;
}

.title-with-icon,
.target-wallet-action span,
.record-category-icon,
.target-member-row-label i,
.target-menu-card .target-svg {
  color: #eac88e;
}

.target-member-arrow {
  color: #7f8da8;
}

.bottom-nav .nav-item {
  color: #a8b3c8;
}

.bottom-nav .nav-item.active {
  color: #f2cc8f;
}

.page-shell {
  background: #121d33;
}

.page-body {
  padding-left: 13px;
  padding-right: 13px;
}

.target-wallet-card,
.target-menu-card,
.target-member-shortcuts,
.target-activity-card,
.page-bet-card,
.odds-limit-row > div,
.target-open-record,
.target-game-example {
  border-radius: 7px;
}

.target-member {
  padding: 20px 12px 66px;
}

.target-wallet-card {
  min-height: 142px;
  margin-bottom: 12px;
  padding: 0 12px 12px;
}

.target-wallet-head {
  min-height: 56px;
}

.target-wallet-action {
  min-height: 52px;
  gap: 6px;
}

.target-menu-card {
  margin-bottom: 12px;
}

.target-member-row {
  min-height: 48px;
}

.target-member-row-label strong,
.target-wallet-action strong {
  font-size: 13px;
}

.target-member-row-label i,
.target-member-row-label i img,
.target-member-row-label svg,
.target-wallet-action span,
.target-wallet-action span svg {
  width: 24px;
  height: 24px;
}

.target-activity-card {
  margin-inline: 0;
}

.target-game-detail,
.target-open-record,
.target-game-example,
.target-wallet-card,
.target-menu-card,
.target-member-shortcuts,
.target-activity-card {
  box-shadow: none !important;
}

.game-detail-page .target-game-detail.is-page-bet-mode > .target-game-rule-visual,
.game-detail-page .target-game-detail.is-page-bet-mode > .odds-limit-row,
.game-detail-page .target-game-detail.is-page-bet-mode > .warning-text,
.game-detail-page .target-game-detail.is-page-bet-mode > .target-open-record,
.game-detail-page .target-game-detail.is-page-bet-mode > .target-game-example,
.game-detail-page .target-game-detail.is-page-bet-mode > .target-scan-bet {
  display: none;
}

.game-detail-page .target-game-detail.is-page-bet-mode .target-bet-panels {
  margin-top: 0;
}

.target-page-bet {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 8px 8px 12px;
  border-radius: 9px;
  background: #181e2a;
  color: #fff;
}

.target-page-bet-hero {
  position: relative;
  display: grid;
  grid-template-columns: 126px minmax(0, 1fr);
  align-items: center;
  min-height: 126px;
  overflow: hidden;
  padding: 12px 16px 12px 6px;
  border-radius: 9px;
  background: #232a3a url("/assets/images/target-s7/page-bet/figure_bg.13b3131b.png") no-repeat center center;
  background-size: 100% 100%;
}

.target-page-bet-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, 0));
  pointer-events: none;
}

.target-page-bet-hero img {
  position: relative;
  z-index: 1;
  width: 124px;
  height: 112px;
  object-fit: contain;
  filter: drop-shadow(0 9px 12px rgba(0, 0, 0, .32));
}

.target-page-bet-hero div {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 4px;
  min-width: 0;
}

.target-page-bet-hero strong {
  font-size: 20px;
  font-weight: 950;
  line-height: 1.1;
}

.target-page-bet-hero em {
  color: #ffe436;
  font-size: 12px;
  font-style: normal;
  font-weight: 950;
}

.target-page-bet-hero span {
  display: block;
  max-width: 100%;
  color: #d5e4ff;
  font-size: 12px;
  line-height: 1.35;
  white-space: pre-line;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.target-page-venues {
  display: grid;
  grid-template-columns: repeat(var(--venue-count, 3), minmax(0, 1fr));
  overflow: hidden;
  min-height: 40px;
  border-radius: 6px;
  background: #1e2a43;
}

.target-page-venues button {
  position: relative;
  color: #dbe6ff;
  background: transparent;
  font-size: 15px;
  font-weight: 850;
}

.target-page-venues button.active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: #ffe626;
}

.target-page-venues button:disabled {
  opacity: .62;
}

.target-page-blocks {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 12px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  min-height: 48px;
  padding: 0 5px;
  color: #d5e0f4;
  font-size: 12px;
}

.target-page-blocks span {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 7px;
  min-width: 0;
  white-space: nowrap;
}

.target-page-blocks strong {
  color: #fff;
  min-width: 84px;
  display: inline-block;
  font-size: 24px;
  font-weight: 950;
  letter-spacing: 0;
  line-height: 1;
  text-align: center;
  font-variant-numeric: tabular-nums;
  transition: transform .18s ease, color .18s ease, text-shadow .18s ease;
}

.target-page-blocks strong.is-ticking {
  color: #ffe35a;
  transform: translateY(-2px) scale(1.035);
  text-shadow: 0 0 10px rgba(255, 218, 68, .42);
}

.target-page-blocks i {
  display: block;
  width: 1px;
  height: 26px;
  background: rgba(255, 255, 255, .88);
}

.target-page-block-full {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: -7px;
  padding: 0 12px 4px;
  color: #8fa1c2;
  font-size: 10px;
  line-height: 1.25;
}

.target-page-block-full span {
  min-width: 0;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.target-page-block-full b {
  color: #c7d6f4;
  font-weight: 750;
}

.dice-draw-entry-row {
  padding: 4px 12px 12px;
}

.dice-draw-entry-row .dice-draw-entry {
  margin-top: 0;
}

.target-page-panel {
  overflow: hidden;
  border-radius: 7px;
  background: #202b43;
}

.target-page-panel[hidden] {
  display: none;
}

.target-page-panel-tabs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 48px;
  margin: 0;
  padding: 9px 8px 8px;
  background: #243250;
}

.target-page-panel-tabs > span {
  min-width: 0;
  overflow: hidden;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.target-page-panel-tabs > span b {
  color: #f8d74a;
  font-weight: 950;
}

.target-page-panel-tabs > div {
  display: flex;
  flex: 0 0 auto;
  gap: 7px;
}

.target-page-panel-tabs button {
  min-width: 72px;
  height: 31px;
  border-radius: 5px;
  color: #d7e5ff;
  background: #31446c;
  font-size: 12px;
  font-weight: 850;
}

.target-page-panel-tabs button.active {
  color: #fff;
  background: #344b7f;
}

.target-page-panel-tabs-compact {
  justify-content: flex-end;
}

.target-page-panel-content {
  display: none;
  padding: 9px 10px 10px;
  background: #202b43;
}

.target-page-panel-content.active {
  display: block;
}

.target-page-panel-empty {
  display: grid;
  place-items: center;
  min-height: 56px;
  border-radius: 6px;
  color: #9fb0ce;
  background: rgba(12, 18, 30, .34);
  font-size: 12px;
}

.target-page-record-list {
  display: grid;
  gap: 7px;
}

.target-page-record-list article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 8px 9px;
  border-radius: 6px;
  background: #172137;
}

.target-page-record-list article > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.target-page-record-list article > div:last-child {
  justify-items: end;
  text-align: right;
}

.target-page-record-list strong,
.target-page-record-list em {
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
}

.target-page-record-list span,
.target-page-record-list small {
  color: #91a4c7;
  font-size: 11px;
  line-height: 1.25;
}

.target-page-record-list small {
  overflow: hidden;
  max-width: 180px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.target-page-rules-html {
  max-height: 220px;
  overflow: auto;
  padding: 10px;
  border-radius: 6px;
  color: #dce7ff;
  background: #172137;
  font-size: 12px;
  line-height: 1.65;
}

.target-page-rules-html img {
  max-width: 100%;
  height: auto;
}

.target-page-odds-table {
  display: grid;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  gap: 0;
  padding: 7px 11px 9px;
  background: #26334f;
}

.target-page-odds-table span {
  display: grid;
  justify-items: center;
  gap: 3px;
  min-width: 0;
  color: #dce7ff;
  font-size: 11px;
  line-height: 1.1;
}

.target-page-odds-table b,
.target-page-odds-table em {
  font-weight: 850;
  font-style: normal;
}

.target-page-odds-table em {
  color: #ffda6c;
}

.target-page-bet-stage {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 9px 12px 14px;
  background: #151c2d;
}

.target-page-limit {
  color: #fff;
  text-align: center;
  font-size: 12px;
  font-weight: 850;
}

.target-page-choice-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.target-page-choice-grid button {
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 5px;
  min-height: 142px;
  border-radius: 6px;
  color: #54df9c;
  background: #111827;
  box-shadow: inset 0 0 0 1px rgba(94, 143, 222, .12);
}

.target-page-choice-grid button span {
  color: #77efb7;
  font-size: 12px;
  font-weight: 850;
}

.target-page-choice-grid button strong {
  color: #5eeaa7;
  font-size: 42px;
  font-weight: 950;
  line-height: 1;
}

.target-page-choice-grid button em {
  color: #ffd84d;
  font-size: 15px;
  font-style: normal;
  font-weight: 950;
}

.target-page-choice-grid button.active {
  background: #162033;
  box-shadow:
    inset 0 0 0 1px rgba(255, 231, 69, .55),
    0 0 13px rgba(255, 214, 65, .18);
}

.target-page-bet[data-page-bet-rule="pbnn"] .target-page-choice-grid,
.target-page-bet[data-page-bet-rule="tbnn"] .target-page-choice-grid,
.target-page-bet[data-page-bet-rule="dicebs"] .target-page-choice-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.target-page-bet[data-page-bet-rule="dicebs"] .target-page-bet-stage {
  padding: 10px 12px 12px;
}

.target-page-bet[data-page-bet-rule="dicebs"] .target-page-choice-grid button {
  min-height: 142px;
}

.target-page-bet[data-page-bet-rule="dicebs"] .target-page-choice-grid button span {
  font-size: 11px;
  text-align: center;
}

.target-page-bet[data-page-bet-rule="dicebs"] .target-page-choice-grid button strong {
  font-size: 40px;
}

/* Dice game refinements: compact wallet identity, bead road and physical dice. */
.transfer-settlement-banner {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  margin: 0 0 10px;
  padding: 10px 11px;
  border: 1px solid rgba(104, 137, 194, .36);
  border-radius: 7px;
  background: #1a2945;
}

.transfer-settlement-banner.is-chain-direct {
  border-color: rgba(231, 193, 107, .42);
  background: #282840;
}

.transfer-settlement-banner.is-platform-balance {
  border-color: rgba(56, 207, 163, .38);
  background: #173544;
}

.transfer-settlement-icon {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 7px;
  color: #8cb6f4;
  background: rgba(86, 127, 198, .18);
}

.transfer-settlement-banner.is-chain-direct .transfer-settlement-icon {
  color: #f0cc7b;
  background: rgba(240, 204, 123, .12);
}

.transfer-settlement-banner.is-platform-balance .transfer-settlement-icon {
  color: #48ddb4;
  background: rgba(72, 221, 180, .12);
}

.transfer-settlement-icon svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}

.transfer-settlement-banner > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.transfer-settlement-banner strong {
  color: #fff;
  font-size: 14px;
  line-height: 1.2;
}

.transfer-settlement-banner span:not(.transfer-settlement-icon) {
  color: #b3c1da;
  font-size: 11px;
  line-height: 1.4;
}

.transfer-settlement-banner > em {
  padding: 3px 6px;
  border-radius: 3px;
  color: #f2cd7c;
  background: rgba(242, 205, 124, .1);
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.transfer-settlement-banner.is-platform-balance > em {
  color: #4be0b8;
  background: rgba(75, 224, 184, .1);
}

.transfer-settlement-reminder {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  margin: 0 0 10px;
  padding: 8px 9px;
  border-left: 3px solid #e7c26d;
  color: #d8c48f;
  background: rgba(231, 194, 109, .08);
  font-size: 11px;
  line-height: 1.45;
}

.transfer-settlement-reminder.is-platform-balance {
  border-left-color: #43d4aa;
  color: #a9d9cc;
  background: rgba(67, 212, 170, .07);
}

.transfer-settlement-reminder > i {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 15px;
  height: 15px;
  margin-top: 1px;
  border: 1px solid currentColor;
  border-radius: 50%;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
}

.game-detail-page .transfer-wallet-status {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  margin: 0 0 12px;
  padding: 10px;
  border: 1px solid rgba(95, 127, 182, .3);
  border-radius: 7px;
  color: #fff;
  background: #1b2a46;
}

.transfer-wallet-status-icon {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 7px;
  color: #8db6f3;
  background: #263a60;
}

.transfer-wallet-status-icon svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.transfer-wallet-status > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.transfer-wallet-status strong {
  color: #f6f9ff;
  font-size: 14px;
  line-height: 1.15;
}

.transfer-wallet-status small {
  overflow: hidden;
  color: #9cafcd;
  font-size: 10px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.transfer-wallet-status em {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
  color: #f2cf7d;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.transfer-wallet-status em i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 6px currentColor;
}

.transfer-wallet-status.is-bound em {
  color: #50dfb7;
}

.game-detail-page .transfer-bet-note {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  margin: 8px 0 11px;
  color: #9eb0cd;
  font-size: 11px;
  line-height: 1.4;
}

.transfer-bet-note > i {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 15px;
  height: 15px;
  margin-top: 1px;
  border: 1px solid #dcbf78;
  border-radius: 50%;
  color: #f0d28a;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
}

.game-detail-page .bound-address-list {
  gap: 5px;
  margin: 0 0 9px;
}

.game-detail-page .bound-address-list span {
  padding: 7px 9px;
  border: 1px solid rgba(86, 118, 170, .24);
  color: #cbd8ec;
  background: #17243c;
  font-size: 10px;
}

.game-detail-page .transfer-bet-card .wallet-activate-btn {
  height: 40px;
  margin: 0;
  border-radius: 5px;
  box-shadow: none;
  font-size: 14px;
}

.detail-info-card.record-kind-dicebs .detail-bead-grid {
  grid-template-columns: repeat(10, minmax(0, 1fr));
  gap: 6px 3px;
  padding: 8px 7px 11px;
}

.detail-info-card.record-kind-dicebs .detail-bead-grid .record-ball.record-wide {
  width: 29px;
  min-width: 29px;
  max-width: 29px;
  height: 16px;
  padding: 0 2px;
  border-radius: 999px;
  font-size: 8px;
  line-height: 1;
  box-shadow: 0 0 4px currentColor;
}

.dice-real-visual {
  --dice-sprite-x: 0%;
  --dice-sprite-y: 0%;
  position: relative;
  z-index: 2;
  width: 190px;
  height: 190px;
  background-image: url("/assets/images/game/dice-real-sprite-v1.png");
  background-repeat: no-repeat;
  background-position: var(--dice-sprite-x) var(--dice-sprite-y);
  background-size: 300% 200%;
  image-rendering: auto;
  -webkit-mask-image: radial-gradient(circle, #000 55%, rgba(0, 0, 0, .86) 68%, transparent 82%);
  mask-image: radial-gradient(circle, #000 55%, rgba(0, 0, 0, .86) 68%, transparent 82%);
  will-change: transform, filter, background-position;
}

.dice-real-visual.is-rolling {
  animation: dice-real-roll .74s cubic-bezier(.42, 0, .45, 1) infinite;
}

.dice-real-visual.is-settled {
  animation: dice-real-land .58s cubic-bezier(.18, .89, .32, 1.2) both;
}

.dice-real-visual + .dice-ground-shadow {
  width: 122px;
  height: 20px;
  bottom: 23px;
  opacity: .34;
}

@keyframes dice-real-roll {
  0% { transform: translateY(17px) rotate(-5deg) scale(.9); filter: blur(.5px); }
  34% { transform: translateY(-25px) rotate(7deg) scale(1); filter: blur(0); }
  66% { transform: translateY(-7px) rotate(-8deg) scale(.97); filter: blur(.3px); }
  100% { transform: translateY(17px) rotate(5deg) scale(.9); filter: blur(.5px); }
}

@keyframes dice-real-land {
  0% { transform: translateY(-22px) rotate(5deg) scale(.9); filter: blur(.35px); }
  68% { transform: translateY(4px) rotate(-1deg) scale(1.04); filter: blur(0); }
  100% { transform: translateY(0) rotate(0) scale(1); filter: blur(0); }
}

.target-page-bet[data-page-bet-rule="xzzx"] .target-page-choice-grid,
.target-page-bet[data-page-bet-rule="bjl"] .target-page-choice-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.target-page-bet[data-page-bet-rule="xzzx"] .target-page-choice-grid button,
.target-page-bet[data-page-bet-rule="bjl"] .target-page-choice-grid button {
  grid-template-rows: 22px 42px 22px 1fr;
  align-items: center;
  align-content: stretch;
  gap: 0;
  min-width: 0;
  min-height: 146px;
  overflow: hidden;
  padding: 10px 0;
  border-radius: 6px;
  color: #22a0ff;
  background: #131a28;
  box-shadow: inset 0 0 0 1px rgba(74, 96, 143, .66);
}

.target-page-bet[data-page-bet-rule="xzzx"] .target-page-choice-grid button.active,
.target-page-bet[data-page-bet-rule="bjl"] .target-page-choice-grid button.active {
  background: #131a28;
  box-shadow: inset 0 0 0 1px #ffe600;
}

.target-page-bet[data-page-bet-rule="xzzx"] .target-page-choice-grid button strong,
.target-page-bet[data-page-bet-rule="bjl"] .target-page-choice-grid button strong {
  align-self: center;
  color: #1494ff;
  font-size: 34px;
  font-weight: 900;
  line-height: 1.05;
}

.target-page-bet[data-page-bet-rule="xzzx"] .target-page-bet-stage,
.target-page-bet[data-page-bet-rule="bjl"] .target-page-bet-stage {
  padding: 10px;
}

.target-page-bet[data-page-bet-rule="xzzx"] .target-page-choice-banker,
.target-page-bet[data-page-bet-rule="bjl"] .target-page-choice-banker {
  color: #ff3f50;
}

.target-page-bet[data-page-bet-rule="xzzx"] .target-page-choice-grid button.target-page-choice-banker span,
.target-page-bet[data-page-bet-rule="xzzx"] .target-page-choice-grid button.target-page-choice-banker strong,
.target-page-bet[data-page-bet-rule="bjl"] .target-page-choice-grid button.target-page-choice-banker span,
.target-page-bet[data-page-bet-rule="bjl"] .target-page-choice-grid button.target-page-choice-banker strong {
  color: #ff3f50;
}

.target-page-bet[data-page-bet-rule="xzzx"] .target-page-choice-tie,
.target-page-bet[data-page-bet-rule="bjl"] .target-page-choice-tie {
  grid-column: auto;
  min-height: 146px;
  color: #4be59b;
}

.target-page-bet[data-page-bet-rule="xzzx"] .target-page-choice-grid button.target-page-choice-tie span,
.target-page-bet[data-page-bet-rule="xzzx"] .target-page-choice-grid button.target-page-choice-tie strong,
.target-page-bet[data-page-bet-rule="bjl"] .target-page-choice-grid button.target-page-choice-tie span,
.target-page-bet[data-page-bet-rule="bjl"] .target-page-choice-grid button.target-page-choice-tie strong {
  color: #4be59b;
}

.target-page-option-limit {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-self: stretch;
  width: 100%;
  min-height: 32px;
  margin: 0;
  border-radius: 6px 6px 0 0;
  color: #fff;
  background: #2a3b5e;
  font-size: 13px;
  font-style: normal;
  font-weight: 850;
  line-height: 1.2;
}

.target-page-bet[data-page-bet-rule="xzzx"] .target-page-choice-grid button span,
.target-page-bet[data-page-bet-rule="bjl"] .target-page-choice-grid button span {
  align-self: end;
  color: inherit;
  font-size: 11px;
  line-height: 1.1;
}

.target-page-bet[data-page-bet-rule="xzzx"] .target-page-choice-grid button em,
.target-page-bet[data-page-bet-rule="bjl"] .target-page-choice-grid button em {
  color: #fff600;
  font-size: 15px;
  line-height: 1;
}

.target-page-option-total {
  align-self: end;
  justify-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  width: min(124px, 72%);
  height: 24px;
  margin-top: 8px;
  border-radius: 999px;
  color: #f1f6ff;
  background: #2b3e66;
  font-size: 12px;
  font-style: normal;
  font-weight: 750;
}

.target-page-option-total b {
  color: #fff;
  font-weight: 900;
}

.target-page-bet[data-page-bet-rule="xzzx"] .target-page-choice-tie .target-page-option-total,
.target-page-bet[data-page-bet-rule="bjl"] .target-page-choice-tie .target-page-option-total {
  width: calc(100% - 12px);
}

.target-page-bet[data-page-bet-rule="xzzx"] .target-page-option-total,
.target-page-bet[data-page-bet-rule="bjl"] .target-page-option-total {
  gap: 6px;
  width: calc(100% - 12px);
  font-size: 10px;
}

.target-page-bet[data-page-bet-rule="hxds"] .target-page-bet-stage,
.target-page-bet[data-page-bet-rule="hxdx"] .target-page-bet-stage {
  padding: 10px;
}

.target-page-bet[data-page-bet-rule="hxds"] .target-page-choice-grid,
.target-page-bet[data-page-bet-rule="hxdx"] .target-page-choice-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.target-page-bet[data-page-bet-rule="hxds"] .target-page-choice-grid button,
.target-page-bet[data-page-bet-rule="hxdx"] .target-page-choice-grid button {
  grid-template-rows: 28px 48px 24px 1fr;
  align-items: center;
  align-content: stretch;
  gap: 0;
  min-height: 179px;
  overflow: hidden;
  padding: 0 0 12px;
  border-radius: 6px;
  color: #1494ff;
  background: #131a28;
  box-shadow: inset 0 0 0 1px rgba(74, 96, 143, .66);
}

.target-page-bet[data-page-bet-rule="hxds"] .target-page-choice-grid button.active,
.target-page-bet[data-page-bet-rule="hxdx"] .target-page-choice-grid button.active {
  background: #131a28;
  box-shadow: inset 0 0 0 1px #ffe600;
}

.target-page-bet[data-page-bet-rule="hxds"] .target-page-choice-grid button span,
.target-page-bet[data-page-bet-rule="hxdx"] .target-page-choice-grid button span {
  align-self: end;
  color: inherit;
  font-size: 13px;
  line-height: 1.1;
}

.target-page-bet[data-page-bet-rule="hxds"] .target-page-choice-grid button strong,
.target-page-bet[data-page-bet-rule="hxdx"] .target-page-choice-grid button strong {
  align-self: center;
  color: inherit;
  font-size: 39px;
  font-weight: 900;
  line-height: 1.05;
}

.target-page-bet[data-page-bet-rule="hxds"] .target-page-choice-grid button em,
.target-page-bet[data-page-bet-rule="hxdx"] .target-page-choice-grid button em {
  color: #fff600;
  font-size: 16px;
  line-height: 1;
}

.target-page-bet[data-page-bet-rule="hxds"] .target-page-choice-grid button.target-page-choice-even,
.target-page-bet[data-page-bet-rule="hxdx"] .target-page-choice-grid button.target-page-choice-small {
  color: #ff3f50;
}

.target-page-bet[data-page-bet-rule="hxds"] .target-page-option-total,
.target-page-bet[data-page-bet-rule="hxdx"] .target-page-option-total {
  width: min(118px, 76%);
}

.target-page-bet[data-page-bet-rule="xyhash"] .target-page-bet-stage {
  padding: 10px;
}

.target-page-bet[data-page-bet-rule="xyhash"] .target-page-choice-grid {
  grid-template-columns: 1fr;
  gap: 0;
}

.target-page-bet[data-page-bet-rule="xyhash"] .target-page-lucky-card {
  grid-template-rows: 32px 1fr;
  align-items: center;
  align-content: stretch;
  min-height: 238px;
  overflow: hidden;
  gap: 0;
  padding: 0 0 10px;
  border-radius: 6px;
  color: #1494ff;
  background: #131a28;
  box-shadow: inset 0 0 0 1px rgba(74, 96, 143, .66);
}

.target-page-bet[data-page-bet-rule="xyhash"] .target-page-lucky-card.active {
  background: #131a28;
  box-shadow: inset 0 0 0 1px #ffe600;
}

.target-page-bet[data-page-bet-rule="xyhash"] .target-page-lucky-card .target-page-option-limit {
  display: flex;
  min-height: 32px;
  border-radius: 6px 6px 0 0;
}

.target-page-lucky-figure {
  position: relative;
  justify-self: center;
  width: min(210px, 68vw);
  margin: 22px 0 2px;
}

.target-page-lucky-figure img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.target-page-bet[data-page-bet-rule="xyhash"] .target-page-lucky-figure span {
  position: absolute;
  left: 0;
  right: 0;
  top: 22%;
  color: #8ab0ff;
  text-align: center;
  font-size: 13px;
  font-weight: 950;
  line-height: 1;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .35);
}

.target-page-bet[data-page-bet-rule="xyhash"] .target-page-lucky-figure em {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 31%;
  color: #fff600;
  font-size: 16px;
  text-align: center;
  line-height: 1;
  font-style: normal;
  font-weight: 950;
}

.target-page-bet[data-page-bet-rule="xyhash"] .target-page-option-total {
  position: absolute;
  left: 50%;
  bottom: 18%;
  width: min(122px, 58%);
  margin-top: 0;
  transform: translateX(-50%);
}

.target-page-total {
  justify-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: min(218px, 72%);
  height: 24px;
  border-radius: 999px;
  color: #dbe7ff;
  background: #253963;
  font-size: 12px;
}

.target-page-total strong {
  color: #fff;
  font-size: 12px;
}

.target-page-stake-row {
  display: grid;
  grid-template-columns: repeat(var(--quick-amount-count, 5), minmax(0, 1fr));
  gap: 8px;
  padding: 11px 12px 0;
  background: #151c2d;
  overflow: hidden;
}

.target-page-stake-row button,
.target-page-stake-row input {
  height: 32px;
  min-width: 0;
  box-sizing: border-box;
  border-radius: 4px;
  color: #fff;
  background: #243654;
  font-size: 14px;
}

.target-page-stake-row button {
  padding: 0;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
}

.target-page-stake-row button.active {
  color: #fff;
  background: #3d93ec;
  box-shadow: 0 0 10px rgba(61, 147, 236, .28);
}

.target-page-stake-row input {
  grid-column: 1 / -1;
  min-width: 0;
  padding: 0 8px;
  border: 1px solid rgba(83, 112, 171, .28);
  outline: 0;
  background: #1a2640;
}

.target-page-stake-row input::placeholder {
  color: #73809a;
}

.daily-profit-leaderboard {
  position: relative;
  display: grid;
  gap: 13px;
  margin: 12px 4px 4px;
  padding: 16px 14px 13px;
  overflow: hidden;
  border: 1px solid rgba(230, 190, 88, .27);
  border-radius: 12px;
  background:
    radial-gradient(circle at 50% -24px, rgba(230, 190, 88, .18), transparent 42%),
    linear-gradient(160deg, #111a2a 0%, #0b1321 100%);
  box-shadow: 0 12px 28px rgba(0, 0, 0, .22);
}

.home-profit-leaderboard {
  margin: 12px 0 14px;
}

.daily-profit-leaderboard::before {
  content: "";
  position: absolute;
  top: 0;
  left: 18px;
  width: 48px;
  height: 3px;
  border-radius: 0 0 4px 4px;
  background: linear-gradient(90deg, #ffb13c, #ffe886);
}

.daily-profit-leaderboard > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.daily-profit-leaderboard > header div {
  display: grid;
  gap: 2px;
}

.daily-profit-leaderboard > header small {
  color: #927e51;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 1.8px;
}

.daily-profit-leaderboard > header strong {
  color: #f7e6b4;
  font-size: 17px;
  letter-spacing: .5px;
}

.daily-profit-coins {
  display: flex;
  align-items: center;
  gap: 3px;
  padding: 3px;
  border: 1px solid rgba(230, 190, 88, .2);
  border-radius: 999px;
  background: rgba(8, 15, 25, .38);
}

.daily-profit-coins button {
  min-width: 35px;
  height: 24px;
  padding: 0 7px;
  border-radius: 999px;
  color: #70819a;
  background: transparent;
  font-size: 9px;
  font-weight: 800;
}

.daily-profit-coins button.active {
  color: #4f3900;
  background: linear-gradient(180deg, #ffe89a, #d6a93e);
}

.daily-profit-podium {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: end;
  gap: 7px;
  min-height: 118px;
  padding-top: 8px;
}

.daily-profit-podium-place {
  display: grid;
  grid-row: 1;
  grid-template-rows: 36px auto auto;
  align-items: center;
  justify-items: center;
  min-width: 0;
  min-height: 82px;
  padding: 11px 5px 9px;
  border: 1px solid rgba(123, 149, 188, .2);
  border-radius: 8px 8px 4px 4px;
  background: linear-gradient(180deg, rgba(45, 61, 87, .66), rgba(20, 29, 44, .94));
}

.daily-profit-podium-place.is-rank-1 {
  grid-column: 2;
  min-height: 108px;
  border-color: rgba(255, 211, 89, .42);
  background: linear-gradient(180deg, rgba(113, 82, 24, .68), rgba(31, 32, 40, .96));
  box-shadow: 0 0 22px rgba(255, 204, 74, .08);
}

.daily-profit-podium-place.is-rank-2 {
  grid-column: 1;
}

.daily-profit-podium-place.is-rank-3 {
  grid-column: 3;
}

.daily-profit-podium-place > i {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50% 50% 44% 44%;
  color: #d8e7ff;
  background: linear-gradient(150deg, #7996c5, #334a74);
  box-shadow: 0 5px 12px rgba(0, 0, 0, .28);
  font-size: 15px;
  font-style: normal;
  font-weight: 900;
}

.daily-profit-podium-place.is-rank-1 > i {
  width: 37px;
  height: 37px;
  color: #593a00;
  background: linear-gradient(150deg, #fff0a5, #e4a82b);
}

.daily-profit-podium-place.is-rank-3 > i {
  color: #ffe2ca;
  background: linear-gradient(150deg, #bd7f58, #754129);
}

.daily-profit-podium-place > strong {
  max-width: 100%;
  overflow: hidden;
  color: #dce6f4;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.daily-profit-podium-place > b {
  max-width: 100%;
  overflow: hidden;
  color: #47dda0;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.daily-profit-podium-place.is-rank-1 > b {
  color: #ffe176;
}

.daily-profit-list {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.daily-profit-list li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 55px minmax(100px, 1fr);
  align-items: center;
  gap: 6px;
  height: 42px;
  box-sizing: border-box;
  min-width: 0;
  padding: 8px 0;
  border-bottom: 1px solid rgba(126, 148, 181, .08);
}

.daily-profit-list i {
  color: #71839d;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  text-align: center;
}

.daily-profit-list strong {
  overflow: hidden;
  color: #cdd8e7;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.daily-profit-list b {
  color: #43d994;
  font-size: 11px;
  text-align: right;
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}

.daily-profit-recent {
  padding-top: 12px;
  border-top: 1px solid rgba(126, 148, 181, .18);
}

.daily-profit-recent > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
  gap: 6px;
}

.daily-profit-recent > header strong { color: #e1eaf7; font-size: 14px; }
.daily-profit-recent > header small { color: #8092ad; font-size: 10px; }
.daily-profit-recent > header i {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 6px;
  border-radius: 50%;
  background: #47dda0;
}

.daily-profit-columns {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 55px minmax(100px, 1fr);
  gap: 6px;
  padding: 0 0 8px;
  color: #8193ad;
  font-size: 10px;
  border-bottom: 1px solid rgba(126, 148, 181, .14);
}
.daily-profit-columns > :last-child { text-align: right; }
.daily-profit-viewport { max-height: 168px; overflow-y: auto; scrollbar-width: none; }
.daily-profit-viewport::-webkit-scrollbar { display: none; }
.daily-profit-viewport:focus-visible { outline: 1px solid #ffe176; outline-offset: 3px; }
.daily-profit-list span {
  overflow: hidden;
  color: #b6c6dc;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.daily-profit-list b.is-loss { color: #ff7c91; }
.daily-profit-list b.is-even { color: #9baac2; }
.daily-profit-podium-place > b { white-space: normal; overflow-wrap: anywhere; text-align: center; }

.daily-profit-empty {
  margin: 0;
  padding: 28px 8px;
  border: 1px dashed rgba(126, 148, 181, .2);
  border-radius: 8px;
  color: #798ba4;
  background: rgba(8, 15, 25, .25);
  font-size: 12px;
  text-align: center;
}

.daily-profit-leaderboard > footer {
  color: #667891;
  font-size: 10px;
  line-height: 1.5;
  text-align: center;
}

.daily-profit-leaderboard.is-loading {
  opacity: .78;
}

.target-page-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 8px;
  padding: 8px 12px 13px;
  background: #151c2d;
}

.target-page-actions button {
  height: 45px;
  border-radius: 5px;
  color: #fff;
  background: #25365a;
  font-size: 16px;
  font-weight: 850;
}

.target-page-actions button[data-action="page-bet-submit"] {
  background: #3d93ec;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}

.target-page-hidden-return {
  display: none;
}

.target-page-rounds {
  display: grid;
  gap: 10px;
  padding: 13px 11px 16px;
  border-radius: 7px;
  background: #202b43;
}

.target-page-rounds > strong {
  color: #fff;
  font-size: 14px;
}

.target-page-rounds div {
  display: grid;
  grid-template-columns: repeat(22, minmax(0, 1fr));
  gap: 1px;
  min-height: 118px;
}

.target-page-rounds span {
  display: block;
  aspect-ratio: 1;
  border: 1px solid rgba(87, 107, 152, .72);
  background: rgba(21, 28, 45, .46);
}

.target-profile {
  min-height: 138px;
  margin-bottom: 10px;
  border-radius: 0;
  background: transparent;
}

.target-wallet-card {
  display: grid;
  grid-template-columns: minmax(190px, 1fr) 128px;
  align-items: center;
  min-height: 154px;
}

.target-wallet-card .target-wallet-head {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 16px;
}

.target-wallet-card .target-wallet-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-self: center;
  gap: 10px;
  padding-top: 0;
}

.target-wallet-card .target-wallet-head > div {
  display: flex;
  align-items: center;
}

.target-wallet-card .target-wallet-amount strong {
  max-width: none;
  overflow: visible;
  text-overflow: clip;
  white-space: nowrap;
}

.target-wallet-action span svg,
.target-member-shortcuts .target-wallet-action svg {
  width: 30px;
  height: 30px;
}

.target-menu-card .target-svg,
.target-member-row-label svg,
.target-member-arrow svg {
  width: 24px;
  height: 24px;
}

.target-service svg {
  width: 32px;
  height: 32px;
}

.recharge-target-card .warning-text,
.recharge-warning-row .warning-text {
  color: #8fa4c8 !important;
}