/* G8K7 public UI — BB888.buzz layout density, G8K7 brand/data.
   Scoped to html.house-g8k7.green-dark.g8k7-bb888. */

html.house-g8k7.green-dark.g8k7-bb888 {
  --bb888-bg: #232833;
  --bb888-bg-deep: #05161a;
  --bb888-surface: #1f3332;
  --bb888-chip: #12151a;
  --bb888-lime: #66ff66;
  --bb888-lime-deep: #4de64d;
  --bb888-ink: #12151a;
  --bb888-muted: #a8b5b0;
  --bb888-gold: #f6c54b;
  --bb888-line: #385048;
  --bb888-radius-pill: 999px;
  --bb888-radius-card: 10px;
  --bb888-gap: 8px;
  --bb888-pad: 10px;
  --bb888-shell: 527px;
  --bb888-header-h: 56px;
  --bb888-tab-h: 74px;
  --g8k7-home-pad: 18px;
  --ion-background-color: var(--bb888-bg);
  --ion-item-background: var(--bb888-bg);
  --ion-toolbar-background: var(--bb888-bg);
  --ion-tab-bar-background: var(--bb888-bg);
  --ion-card-background: var(--bb888-surface);
  --ion-text-color: #fff;
  --ion-color-primary: #66ff66;
  --ion-color-primary-rgb: 102, 255, 102;
  --ion-color-primary-contrast: #12151a;
  --ion-color-primary-shade: #3edc3e;
  --ion-color-primary-tint: #85ff85;
  --ion-color-secondary: #66ff66;
  --ion-color-secondary-rgb: 102, 255, 102;
  --ion-color-secondary-contrast: #12151a;
  --ion-color-secondary-contrast-rgb: 18, 21, 26;
  --ion-color-secondary-shade: #5ae05a;
  --ion-color-secondary-tint: #75ff75;
  --ion-color-tertiary: #66ff66;
  --ion-color-tertiary-rgb: 102, 255, 102;
  --ion-color-tertiary-contrast: #12151a;
  --ion-color-tertiary-contrast-rgb: 18, 21, 26;
  --ion-color-tertiary-shade: #5ae05a;
  --ion-color-tertiary-tint: #75ff75;
  --ion-color-success: #66ff66;
  --color-bar-bg: var(--bb888-bg);
  --color-bg-200: var(--bb888-surface);
  --color-bg-400: var(--bb888-bg-deep);
  --color-card-bg-200: var(--bb888-surface);
  --color-card-bg-300: var(--bb888-bg);
  --color-bg-segment-ios: linear-gradient(0deg, #1f3332, #05161a);
  --color-bg-segment-ios-indicator: linear-gradient(0deg, #3edc3e, #66ff66);
  --color-bg-tab-on: linear-gradient(0deg, #3edc3e, #66ff66);
  --color-checkbox-bg: linear-gradient(0deg, #3edc3e, #66ff66);
  --color-focus: #66ff66;
  --color-primary-800: #66ff66;
  --color-primary-btn-active: #66ff66;
  --color-primary-btn-text-active: #12151a;
  --color-primary-btn-disable: #1f3332;
  --color-primary-btn-load: #3edc3e;
  --color-segment-md: #1f3332;
  --color-segment-md-indicator: #66ff66;
  --line-color: var(--bb888-line);
  --theme-color-800: #66ff66;
  --swiper-theme-color: #66ff66;
  --color-currency: var(--bb888-gold);
  --font-family: "PingFang SC", "Noto Sans SC", "Helvetica Neue", Arial, sans-serif;
}

html.house-g8k7.green-dark.g8k7-bb888,
html.house-g8k7.green-dark.g8k7-bb888 body {
  background: var(--bb888-bg) !important;
  color: #fff;
  overflow-x: hidden !important;
  max-width: 100vw;
  font-family: var(--font-family);
}

html.house-g8k7.green-dark.g8k7-bb888 body,
html.house-g8k7.green-dark.g8k7-bb888 ion-app,
html.house-g8k7.green-dark.g8k7-bb888 ion-content,
html.house-g8k7.green-dark.g8k7-bb888 ion-header,
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar,
html.house-g8k7.green-dark.g8k7-bb888 ion-tab-bar,
html.house-g8k7.green-dark.g8k7-bb888 #app {
  --background: var(--bb888-bg);
}

html.house-g8k7.green-dark.g8k7-bb888 ion-app,
html.house-g8k7.green-dark.g8k7-bb888 #app,
html.house-g8k7.green-dark.g8k7-bb888 ion-router-outlet,
html.house-g8k7.green-dark.g8k7-bb888 ion-content {
  background: var(--bb888-bg) !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-app {
  overflow-x: hidden;
}

@media (min-width: 768px) {
  html.house-g8k7.green-dark.g8k7-bb888 ion-app {
    left: 50% !important;
    right: auto !important;
    width: min(100vw, var(--bb888-shell)) !important;
    max-width: var(--bb888-shell) !important;
    transform: translateX(-50%);
    box-shadow: 0 0 48px rgba(0, 0, 0, 0.55);
  }
}

html.house-g8k7.green-dark.g8k7-bb888 ion-content,
html.house-g8k7.green-dark.g8k7-bb888 #inicio,
html.house-g8k7.green-dark.g8k7-bb888 .main-content,
html.house-g8k7.green-dark.g8k7-bb888 .order-container {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

html.house-g8k7.green-dark.g8k7-bb888 img,
html.house-g8k7.green-dark.g8k7-bb888 ion-img,
html.house-g8k7.green-dark.g8k7-bb888 video {
  max-width: 100%;
}

/* ---------- Header ---------- */
html.house-g8k7.green-dark.g8k7-bb888 ion-header,
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header,
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header::part(native) {
  --background: var(--bb888-bg) !important;
  --border-width: 0 !important;
  --min-height: var(--bb888-header-h);
  --padding-start: 8px;
  --padding-end: 8px;
  background: var(--bb888-bg) !important;
  box-shadow: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-buttons[slot="end"],
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .primaryBtn,
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .button-box {
  display: flex !important;
  align-items: center;
  flex-direction: row;
  gap: 6px;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .register-btn-warpper,
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .register-btn-warper,
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .button:has(.register),
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .first-button.register,
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-button.register {
  order: 1 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .button:has(.login),
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .first-button.login,
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-button.login {
  order: 2 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-button.earth {
  order: 3 !important;
  opacity: 0.38;
  transform: scale(0.78);
  width: 22px;
  height: 22px;
}

html.house-g8k7.green-dark.g8k7-bb888 .first-button.login,
html.house-g8k7.green-dark.g8k7-bb888 ion-button.first-button.login {
  --background: var(--bb888-lime) !important;
  --background-activated: var(--bb888-lime-deep) !important;
  --color: var(--bb888-ink) !important;
  --border-radius: var(--bb888-radius-pill);
  --padding-start: 12px;
  --padding-end: 12px;
  --padding-top: 0;
  --padding-bottom: 0;
  min-width: 68px;
  height: 26px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
}

html.house-g8k7.green-dark.g8k7-bb888 .first-button.login::part(native) {
  background: var(--bb888-lime) !important;
  color: var(--bb888-ink) !important;
  border-radius: var(--bb888-radius-pill);
  font-weight: 700;
}

html.house-g8k7.green-dark.g8k7-bb888 .first-button.register,
html.house-g8k7.green-dark.g8k7-bb888 .button.register,
html.house-g8k7.green-dark.g8k7-bb888 ion-button.first-button.register,
html.house-g8k7.green-dark.g8k7-bb888 ion-button.register {
  --background: transparent !important;
  --background-activated: rgba(102, 255, 102, 0.12) !important;
  --color: var(--bb888-lime) !important;
  --border-width: 1px !important;
  --border-style: solid !important;
  --border-color: var(--bb888-lime) !important;
  --border-radius: var(--bb888-radius-pill) !important;
  --padding-start: 10px;
  --padding-end: 10px;
  --padding-top: 0;
  --padding-bottom: 0;
  min-width: 68px;
  height: 26px;
  font-size: 12px;
  font-weight: 700;
}

html.house-g8k7.green-dark.g8k7-bb888 .first-button.register::part(native),
html.house-g8k7.green-dark.g8k7-bb888 ion-button.register::part(native),
html.house-g8k7.green-dark.g8k7-bb888 .button.register,
html.house-g8k7.green-dark.g8k7-bb888 .outline-btn.register::part(native),
html.house-g8k7.green-dark.g8k7-bb888 .primaryBtn .register::part(native),
html.house-g8k7.green-dark.g8k7-bb888 .register-btn-warpper .register::part(native),
html.house-g8k7.green-dark.g8k7-bb888 .register-btn-warper .register::part(native) {
  background: transparent !important;
  color: var(--bb888-lime) !important;
  border: 1px solid var(--bb888-lime) !important;
  border-radius: var(--bb888-radius-pill) !important;
  box-shadow: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .outline-btn.register {
  --background: transparent !important;
  --color: var(--bb888-lime) !important;
  --border-color: var(--bb888-lime) !important;
  --border-radius: var(--bb888-radius-pill) !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .primaryBtn .login::part(native),
html.house-g8k7.green-dark.g8k7-bb888 .layout1.primaryBtn .login::part(native) {
  background: var(--bb888-lime) !important;
  color: var(--bb888-ink) !important;
  border-radius: var(--bb888-radius-pill) !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .first-button.login:hover,
html.house-g8k7.green-dark.g8k7-bb888 .first-button.register:hover {
  filter: brightness(1.08);
}

html.house-g8k7.green-dark.g8k7-bb888 .first-button.login:active,
html.house-g8k7.green-dark.g8k7-bb888 .first-button.register:active {
  transform: scale(0.97);
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-img[slot="secondary"],
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .logo-wrap ion-img,
html.house-g8k7.green-dark.g8k7-bb888 ion-header .logo-wrap img {
  max-height: 28px !important;
  object-fit: contain;
}

/* Logged-in balance: lime pill + black "amount +" and avatar on the right */
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header.g8k7-header-logged ion-buttons[slot="start"] {
  width: 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header.g8k7-header-logged #click-language,
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header.g8k7-header-logged ion-button.earth,
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header.g8k7-header-logged ion-button.btn[slot="end"] {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .assets-box,
html.house-g8k7.green-dark.g8k7-bb888 ion-header .header .assets-box {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 10px 0 12px !important;
  margin: 0 6px 0 0 !important;
  border-radius: 999px !important;
  background: var(--bb888-lime) !important;
  box-shadow: none !important;
  gap: 0 !important;
  white-space: nowrap !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .assets-box .currency,
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .assets-box .assets-img,
html.house-g8k7.green-dark.g8k7-bb888 ion-header .header .assets-box .currency {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .assets-box .assets-box-number,
html.house-g8k7.green-dark.g8k7-bb888 ion-header .header .assets-box .assets-box-number {
  color: var(--bb888-ink) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 28px !important;
  text-shadow: none !important;
  font-style: normal !important;
  letter-spacing: 0;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .assets-box .wallet,
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .assets-box .deposit,
html.house-g8k7.green-dark.g8k7-bb888 ion-header .header .assets-box .wallet {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: 28px !important;
  min-height: 28px !important;
  margin: 0 0 0 6px !important;
  padding: 0 2px 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  --background: transparent !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .assets-box .wallet ion-icon,
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .assets-box .wallet img,
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .assets-box .deposit-icon,
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .assets-box .deposit ion-icon,
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .assets-box .deposit ion-label {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .assets-box .deposit::part(native) {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .assets-box .wallet::after,
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .assets-box .deposit::after {
  content: "+";
  color: var(--bb888-ink);
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .g8k7-header-avatar {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #1f3332;
  overflow: visible;
  cursor: pointer;
  flex: none;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .g8k7-header-avatar img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .g8k7-header-avatar-badge {
  position: absolute;
  right: -1px;
  bottom: -1px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--bb888-lime);
  background-image:
    linear-gradient(#fff, #fff),
    linear-gradient(#fff, #fff),
    linear-gradient(#fff, #fff),
    linear-gradient(#fff, #fff);
  background-size: 3px 3px;
  background-repeat: no-repeat;
  background-position: 3px 3px, 8px 3px, 3px 8px, 8px 8px;
  box-shadow: 0 0 0 2px var(--bb888-bg);
  pointer-events: none;
}

/* ---------- Home: install strip compact ---------- */
html.house-g8k7.green-dark.g8k7-bb888 .y29c-install-hit,
html.house-g8k7.green-dark.g8k7-bb888 [class*="download-app"],
html.house-g8k7.green-dark.g8k7-bb888 [class*="app-download"] {
  z-index: 3;
}

/* ---------- Banners / carousel ---------- */
html.house-g8k7.green-dark.g8k7-bb888 #inicio .swiper,
html.house-g8k7.green-dark.g8k7-bb888 #inicio .swiper-c,
html.house-g8k7.green-dark.g8k7-bb888 #inicio .banner-c,
html.house-g8k7.green-dark.g8k7-bb888 #inicio ion-slides,
html.house-g8k7.green-dark.g8k7-bb888 #inicio .swiper-slide,
html.house-g8k7.green-dark.g8k7-bb888 #inicio .swiper-slide img,
html.house-g8k7.green-dark.g8k7-bb888 #inicio .swiper-slide ion-img {
  border-radius: 12px !important;
  overflow: hidden;
}

html.house-g8k7.green-dark.g8k7-bb888 #inicio .swiper,
html.house-g8k7.green-dark.g8k7-bb888 #inicio .swiper-c,
html.house-g8k7.green-dark.g8k7-bb888 #inicio .banner-c {
  margin: 8px 10px 6px !important;
  width: calc(100% - 20px) !important;
}

html.house-g8k7.green-dark.g8k7-bb888 #inicio .swiper-pagination-bullet {
  background: #fff;
  opacity: 0.35;
}

html.house-g8k7.green-dark.g8k7-bb888 #inicio .swiper-pagination-bullet-active {
  background: var(--bb888-lime);
  opacity: 1;
}

html.house-g8k7.green-dark.g8k7-bb888 .segment-c,
html.house-g8k7.green-dark.g8k7-bb888 #stickyElement.segment-c,
html.house-g8k7.green-dark.g8k7-bb888 .wrapper.segment-c {
  padding-inline: 10px !important;
  margin-top: 4px;
}

html.house-g8k7.green-dark.g8k7-bb888 .wrapper.segment-c .btn-wall,
html.house-g8k7.green-dark.g8k7-bb888 #stickyElement.segment-c .btn-wall {
  border-radius: 10px !important;
  overflow: hidden;
  height: 52px !important;
}

/* ---------- Marquee ---------- */
html.house-g8k7.green-dark.g8k7-bb888 .marquee-c,
html.house-g8k7.green-dark.g8k7-bb888 [class*="marquee"] {
  background: var(--bb888-bg-deep) !important;
  border-radius: 8px;
  margin: 6px 10px !important;
  min-height: 28px;
  color: #fff;
  font-size: 12px;
}

/* ---------- Category / provider chips ---------- */
html.house-g8k7.green-dark.g8k7-bb888 #inicio ion-segment:not(.segment-c ion-segment) {
  --background: transparent;
  gap: 6px;
  padding: 4px 10px 2px;
}

html.house-g8k7.green-dark.g8k7-bb888 #inicio ion-segment-button {
  --indicator-color: transparent;
  --color: var(--bb888-muted);
  --color-checked: #fff;
  --padding-start: 0;
  --padding-end: 0;
  min-width: 52px;
}

html.house-g8k7.green-dark.g8k7-bb888 #inicio ion-segment-button::part(native) {
  background: var(--bb888-chip);
  border-radius: 10px;
  min-height: 52px;
  padding: 4px 6px;
}

html.house-g8k7.green-dark.g8k7-bb888 #inicio ion-segment-button.segment-button-checked::part(native) {
  outline: 1px solid var(--bb888-lime);
  background: #1f3332;
}

html.house-g8k7.green-dark.g8k7-bb888 #inicio ion-segment-button.segment-button-checked,
html.house-g8k7.green-dark.g8k7-bb888 #inicio ion-segment-button.segment-button-checked ion-label {
  color: var(--bb888-lime) !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .platform-item,
html.house-g8k7.green-dark.g8k7-bb888 .btn-wall.type,
html.house-g8k7.green-dark.g8k7-bb888 [class*="platform-item"] {
  border-radius: 10px;
  background: var(--bb888-chip);
}

html.house-g8k7.green-dark.g8k7-bb888 #inicio .game-head,
html.house-g8k7.green-dark.g8k7-bb888 #inicio .game-list-head,
html.house-g8k7.green-dark.g8k7-bb888 #inicio [class*="game-list-head"] {
  padding: 6px 10px 4px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

html.house-g8k7.green-dark.g8k7-bb888 #inicio .more,
html.house-g8k7.green-dark.g8k7-bb888 #inicio .game-head .more,
html.house-g8k7.green-dark.g8k7-bb888 #inicio [class*="more"] {
  color: var(--bb888-lime) !important;
  font-size: 12px;
  font-weight: 600;
}

html.house-g8k7.green-dark.g8k7-bb888 #inicio .game-head [class*="count"],
html.house-g8k7.green-dark.g8k7-bb888 #inicio .game-head .badge,
html.house-g8k7.green-dark.g8k7-bb888 #inicio .game-list-head span {
  background: var(--bb888-lime);
  color: var(--bb888-ink);
  border-radius: var(--bb888-radius-pill);
  font-size: 11px;
  font-weight: 700;
  padding: 0 6px;
}

/* ---------- Home: BB888-style hero + 2+1 promo cards ---------- */
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .swiper-poster,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-hidden-home-activity {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-promo {
  padding: 8px 10px 0;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-hero {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  line-height: 0;
  background: var(--bb888-surface);
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-hero-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-hero-slide.is-active {
  position: relative;
  inset: auto;
  opacity: 1;
  pointer-events: auto;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-hero-slide img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-hero-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 8px;
  display: flex;
  justify-content: center;
  gap: 5px;
  z-index: 2;
  pointer-events: none;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-hero-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fff;
  opacity: 0.35;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-hero-dot.is-active {
  background: var(--bb888-lime);
  opacity: 1;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  margin-top: 6px;
  align-items: stretch;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-cards-left {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-height: 0;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-cards-left a,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-cards-vip {
  flex: 1 1 0;
  display: block;
  overflow: hidden;
  border-radius: 10px;
  min-height: 0;
  line-height: 0;
  background: var(--bb888-surface);
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-cards-left img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-cards-vip {
  height: 100%;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-cards-vip img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left center;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .marquee-wrapper {
  display: flex !important;
  align-items: center;
  gap: 8px;
  margin: 8px 10px !important;
  padding: 0 10px;
  min-height: 32px;
  background: var(--bb888-bg-deep) !important;
  border-radius: 8px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .megaphone ion-icon,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .megaphone-wrapper ion-icon {
  color: var(--bb888-lime);
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-providers {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 6px 10px 2px;
  scrollbar-width: none;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-providers::-webkit-scrollbar {
  display: none;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-provider {
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  border: 0;
  padding: 6px;
  border-radius: 12px;
  background: var(--bb888-chip);
  display: flex;
  align-items: center;
  justify-content: center;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-provider img {
  width: 40px;
  height: 40px;
  object-fit: contain;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-provider.is-active {
  outline: 1px solid var(--bb888-lime);
  background: #1f3332;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home #stickyElement,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .mr-9.relative {
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  opacity: 0;
  pointer-events: none;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .game-head {
  display: flex !important;
  align-items: center;
  gap: 8px;
  margin: 8px 10px 8px !important;
  padding: 0 !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .game-head .total .label {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .game-head .total .number {
  background: var(--bb888-lime) !important;
  color: var(--bb888-ink) !important;
  border-radius: var(--bb888-radius-pill);
  padding: 1px 8px;
  font-size: 11px;
  font-weight: 800;
  min-height: 18px;
  display: inline-flex;
  align-items: center;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .game-head .arrow-container {
  margin-left: auto;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-mais {
  margin-left: auto;
  color: var(--bb888-lime) !important;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

/* ---------- Game grid: 4 poster columns (card parents only) ---------- */
html.house-g8k7.green-dark.g8k7-bb888 #inicio .card-container,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-bb888-grid,
html.house-g8k7.green-dark.g8k7-bb888 #inicio .platform-game-c .card-container {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 6px !important;
  width: 100% !important;
  padding: 0 10px 12px;
  box-sizing: border-box;
}

html.house-g8k7.green-dark.g8k7-bb888 #inicio .card-container > *,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-bb888-grid > *,
html.house-g8k7.green-dark.g8k7-bb888 .game-card,
html.house-g8k7.green-dark.g8k7-bb888 .style1,
html.house-g8k7.green-dark.g8k7-bb888 .style2 {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .game-card,
html.house-g8k7.green-dark.g8k7-bb888 .style1,
html.house-g8k7.green-dark.g8k7-bb888 .style2 {
  border-radius: 10px !important;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
}

html.house-g8k7.green-dark.g8k7-bb888 .game-card:active,
html.house-g8k7.green-dark.g8k7-bb888 .style1:active,
html.house-g8k7.green-dark.g8k7-bb888 .style2:active {
  transform: scale(0.98);
}

html.house-g8k7.green-dark.g8k7-bb888 .game-card .name,
html.house-g8k7.green-dark.g8k7-bb888 .style1 .name,
html.house-g8k7.green-dark.g8k7-bb888 .style2 .name,
html.house-g8k7.green-dark.g8k7-bb888 .game-card p,
html.house-g8k7.green-dark.g8k7-bb888 .style1 p {
  font-size: 10px;
  line-height: 1.2;
  font-weight: 700;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
}

/* ---------- Bottom tab bar ---------- */
html.house-g8k7.green-dark.g8k7-bb888 ion-tab-bar,
html.house-g8k7.green-dark.g8k7-bb888 ion-footer ion-toolbar {
  --background: var(--bb888-bg) !important;
  background: var(--bb888-bg) !important;
  border-top: 1px solid var(--bb888-line);
  height: var(--bb888-tab-h);
  min-height: var(--bb888-tab-h);
}

html.house-g8k7.green-dark.g8k7-bb888 ion-tab-bar::part(background) {
  background: var(--bb888-bg) !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-tab-button {
  --color: var(--bb888-muted);
  --color-selected: var(--bb888-lime);
  font-size: 10px;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-tab-button ion-label,
html.house-g8k7.green-dark.g8k7-bb888 ion-tab-button .tab-text {
  font-size: 10px;
  font-weight: 600;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-tab-button.tab-selected,
html.house-g8k7.green-dark.g8k7-bb888 ion-tab-button.tab-selected ion-icon,
html.house-g8k7.green-dark.g8k7-bb888 ion-tab-button.tab-selected ion-label,
html.house-g8k7.green-dark.g8k7-bb888 ion-tab-button.tab-selected .tab-img {
  color: var(--bb888-lime) !important;
}

/* The Vue center FAB is a light-DOM overlay. Child combinators from
   ion-tabs do not style it; target the node itself. */
html.house-g8k7.green-dark.g8k7-bb888 div.deposit.absolute,
html.house-g8k7.green-dark.g8k7-bb888 div.deposit.z-10 {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: none !important;
}

/* ---------- BB888-faithful home density ---------- */
html.house-g8k7.green-dark.g8k7-bb888 body.y29c-has-pwa-banner {
  --y29c-pwa-banner-h: 0px !important;
}

html.house-g8k7.green-dark.g8k7-bb888 body.y29c-has-pwa-banner ion-app,
html.house-g8k7.green-dark.g8k7-bb888 body.y29c-has-pwa-banner #app {
  padding-top: 0 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .y29c-pwa-banner,
html.house-g8k7.green-dark.g8k7-bb888 .y29c-install-hit,
html.house-g8k7.green-dark.g8k7-bb888 #pwa-bar,
html.house-g8k7.green-dark.g8k7-bb888 #pwa-header-bar,
html.house-g8k7.green-dark.g8k7-bb888 .app-install-c,
html.house-g8k7.green-dark.g8k7-bb888 #app-install-bar,
html.house-g8k7.green-dark.g8k7-bb888 [class*="app-install-c"] {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-button.earth,
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-button#click-language,
html.house-g8k7.green-dark.g8k7-bb888 ion-button#click-language {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.first.green-dark {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-menu-toggle {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 28px !important;
  height: 28px !important;
  margin-inline: 0 6px !important;
  border-radius: 50%;
  background: var(--bb888-chip);
  overflow: hidden;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-menu-toggle ion-icon,
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-menu-toggle img {
  width: 18px !important;
  height: 18px !important;
  font-size: 18px !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-promo {
  padding: 6px 8px 0 !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-hero {
  border-radius: 8px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-hero-slide img {
  aspect-ratio: 2.9818 / 1;
  object-fit: cover;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-hero-dots {
  bottom: 5px;
  gap: 4px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-hero-dot {
  width: 5px;
  height: 5px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-cards {
  gap: 4px;
  margin-top: 4px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-cards-left {
  gap: 4px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-cards-left a,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-cards-vip {
  border-radius: 7px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .marquee-wrapper {
  margin: 6px 8px !important;
  padding: 0 8px;
  min-height: 31px;
  border-radius: 6px;
  font-size: 11px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-providers {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 4px;
  overflow: visible;
  padding: 3px 8px 2px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-provider {
  width: auto;
  height: 59px;
  min-width: 0;
  padding: 3px 2px 2px;
  border: 1px solid var(--bb888-line);
  border-radius: 10px;
  flex-direction: column;
  gap: 1px;
  color: var(--bb888-muted);
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-provider img,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-provider-letter {
  width: 35px;
  height: 35px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-provider-letter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background: #f3c629;
  color: #111;
  font: 900 26px/1 Arial, sans-serif;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-provider > span {
  max-width: 100%;
  overflow: hidden;
  color: inherit;
  font-size: 9px;
  line-height: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-provider.is-active {
  color: #fff;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .game-head {
  min-height: 34px;
  margin: 4px 8px 4px !important;
}

html.house-g8k7.green-dark.g8k7-bb888 #inicio .card-container,
html.house-g8k7.green-dark.g8k7-bb888 #inicio .g8k7-bb888-grid,
html.house-g8k7.green-dark.g8k7-bb888 #inicio .platform-game-c .card-container {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  padding: 0 8px 10px !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-tab-bar,
html.house-g8k7.green-dark.g8k7-bb888 ion-tab-bar .tab-bar,
html.house-g8k7.green-dark.g8k7-bb888 ion-tab-bar div.tab-bar {
  height: 60px !important;
  overflow: visible !important;
  background: #232833 url("/assets/g8k7/tabbar-bg.png") center bottom / 100% 60px no-repeat !important;
  border-top: 0 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-tabs.b-tabs,
html.house-g8k7.green-dark.g8k7-bb888 ion-footer,
html.house-g8k7.green-dark.g8k7-bb888 ion-tab-bar::part(container) {
  overflow: visible !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .tab-bar .background-img,
html.house-g8k7.green-dark.g8k7-bb888 .tab-bar .inner-wrap .background-img {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-tab-button,
html.house-g8k7.green-dark.g8k7-bb888 .tab-bar > [tab] {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 0;
  min-height: 60px !important;
  padding: 0 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .tab-bar > [tab] ion-icon,
html.house-g8k7.green-dark.g8k7-bb888 .tab-bar > [tab] .tab-img,
html.house-g8k7.green-dark.g8k7-bb888 ion-tab-button ion-icon,
html.house-g8k7.green-dark.g8k7-bb888 ion-tab-button .tab-img {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-tab-icon {
  display: block;
  width: 54px;
  height: 48px;
  margin: 0 auto 2px;
  object-fit: contain;
  object-position: center bottom;
  pointer-events: none;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-tab-agency,
html.house-g8k7.green-dark.g8k7-bb888 .tab-bar > [tab="entrar"] {
  position: relative;
  z-index: 6;
  overflow: visible !important;
  justify-content: flex-end;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-tab-agency .g8k7-tab-icon,
html.house-g8k7.green-dark.g8k7-bb888 .tab-bar > [tab="entrar"] .g8k7-tab-icon {
  width: 58px;
  height: 72px;
  margin-top: -20px;
  object-fit: contain;
  object-position: top center;
  filter: none;
}

html.house-g8k7.green-dark.g8k7-bb888 .tab-bar > [tab] ion-label,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-tab-label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-tab-home ion-label,
html.house-g8k7.green-dark.g8k7-bb888 .tab-bar > [tab="inicio"] ion-label {
  color: var(--bb888-lime) !important;
}

/* ---------- Shared buttons / inputs / messages ---------- */
html.house-g8k7.green-dark.g8k7-bb888 ion-button.button-solid:not(.first-button):not(.register),
html.house-g8k7.green-dark.g8k7-bb888 .van-button--primary,
html.house-g8k7.green-dark.g8k7-bb888 .submit ion-button,
html.house-g8k7.green-dark.g8k7-bb888 ion-button[type="submit"] {
  --background: var(--bb888-lime);
  --color: var(--bb888-ink);
  --border-radius: var(--bb888-radius-pill);
  --box-shadow: none;
  font-weight: 700;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-item,
html.house-g8k7.green-dark.g8k7-bb888 ion-input,
html.house-g8k7.green-dark.g8k7-bb888 ion-textarea,
html.house-g8k7.green-dark.g8k7-bb888 .native-input {
  --background: var(--bb888-surface);
  --color: #fff;
  --placeholder-color: var(--bb888-muted);
  --highlight-color-focused: var(--bb888-lime);
  --border-radius: 10px;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-checkbox,
html.house-g8k7.green-dark.g8k7-bb888 ion-toggle {
  --checkbox-background-checked: var(--bb888-lime);
  --checkmark-color: var(--bb888-ink);
  --handle-background-checked: var(--bb888-lime);
}

html.house-g8k7.green-dark.g8k7-bb888 .toast,
html.house-g8k7.green-dark.g8k7-bb888 ion-toast,
html.house-g8k7.green-dark.g8k7-bb888 .van-toast,
html.house-g8k7.green-dark.g8k7-bb888 .message,
html.house-g8k7.green-dark.g8k7-bb888 .error-text,
html.house-g8k7.green-dark.g8k7-bb888 .tip {
  --background: var(--bb888-surface);
  color: #fff;
}

html.house-g8k7.green-dark.g8k7-bb888 a,
html.house-g8k7.green-dark.g8k7-bb888 .link {
  color: var(--bb888-lime);
}

/* ---------- Login / register ---------- */
html.house-g8k7.green-dark.g8k7-bb888 ion-modal,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal::part(content),
html.house-g8k7.green-dark.g8k7-bb888 ion-alert::part(content) {
  --background: var(--bb888-bg);
  --ion-background-color: var(--bb888-bg);
  background: var(--bb888-bg);
  --max-width: 100%;
  border-radius: 16px 16px 0 0;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal ion-item,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal ion-input,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal .native-input,
html.house-g8k7.green-dark.g8k7-bb888 .login-wrap ion-input,
html.house-g8k7.green-dark.g8k7-bb888 .register-wrap ion-input {
  --background: var(--bb888-surface);
  --color: #fff;
  --placeholder-color: var(--bb888-muted);
  border-radius: 10px;
  margin-bottom: 8px;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal ion-button.submit,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal .register-btn-warpper ion-button,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal .login-btn ion-button,
html.house-g8k7.green-dark.g8k7-bb888 .submit.register-btn-warpper ion-button,
html.house-g8k7.green-dark.g8k7-bb888 .login-wrap ion-button,
html.house-g8k7.green-dark.g8k7-bb888 .register-wrap ion-button.button-solid {
  --background: var(--bb888-lime) !important;
  --color: var(--bb888-ink) !important;
  --border-radius: var(--bb888-radius-pill);
  height: 42px;
  font-weight: 700;
  font-size: 15px;
}

html.house-g8k7.green-dark.g8k7-bb888 .age-confirmation-21,
html.house-g8k7.green-dark.g8k7-bb888 .age-confirmation-21 input {
  accent-color: var(--bb888-lime);
}

html.house-g8k7.green-dark.g8k7-bb888 .login-wrap,
html.house-g8k7.green-dark.g8k7-bb888 .register-wrap,
html.house-g8k7.green-dark.g8k7-bb888 [class*="login-page"],
html.house-g8k7.green-dark.g8k7-bb888 [class*="register-page"] {
  background: var(--bb888-bg) !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .login-wrap h1,
html.house-g8k7.green-dark.g8k7-bb888 .register-wrap h1,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal h2,
html.house-g8k7.green-dark.g8k7-bb888 ion-title {
  color: #fff;
  font-weight: 700;
}

/* ---------- Promotions ---------- */
html.house-g8k7.green-dark.g8k7-bb888 #promo,
html.house-g8k7.green-dark.g8k7-bb888 [class*="activity-page"],
html.house-g8k7.green-dark.g8k7-bb888 .activity-c,
html.house-g8k7.green-dark.g8k7-bb888 [class*="activity-c"] {
  background: var(--bb888-bg);
  border-radius: var(--bb888-radius-card);
  overflow: hidden;
}

html.house-g8k7.green-dark.g8k7-bb888 #promo ion-card,
html.house-g8k7.green-dark.g8k7-bb888 .activity-list ion-card,
html.house-g8k7.green-dark.g8k7-bb888 .activity-item,
html.house-g8k7.green-dark.g8k7-bb888 [class*="activity-item"] {
  background: var(--bb888-surface) !important;
  border-radius: 12px !important;
  margin: 8px 10px !important;
  box-shadow: none;
  overflow: hidden;
}

html.house-g8k7.green-dark.g8k7-bb888 #promo img,
html.house-g8k7.green-dark.g8k7-bb888 .activity-item img {
  border-radius: 12px 12px 0 0;
}

/* ---------- Profile ---------- */
html.house-g8k7.green-dark.g8k7-bb888 #perfil,
html.house-g8k7.green-dark.g8k7-bb888 [class*="mine"],
html.house-g8k7.green-dark.g8k7-bb888 [class*="user-center"] {
  background: var(--bb888-bg) !important;
}

html.house-g8k7.green-dark.g8k7-bb888 #perfil ion-item,
html.house-g8k7.green-dark.g8k7-bb888 #perfil .menu-item,
html.house-g8k7.green-dark.g8k7-bb888 [class*="user-center"] ion-item {
  --background: var(--bb888-surface);
  --color: #fff;
  --border-color: var(--bb888-line);
  margin: 0 10px 8px;
  border-radius: 10px;
}

html.house-g8k7.green-dark.g8k7-bb888 #perfil .balance,
html.house-g8k7.green-dark.g8k7-bb888 #perfil [class*="wallet"],
html.house-g8k7.green-dark.g8k7-bb888 [class*="user-center"] .amount {
  color: var(--bb888-gold);
  font-weight: 800;
}

html.house-g8k7.green-dark.g8k7-bb888 #perfil ion-button,
html.house-g8k7.green-dark.g8k7-bb888 [class*="user-center"] ion-button.button-solid {
  --background: var(--bb888-lime);
  --color: var(--bb888-ink);
  --border-radius: var(--bb888-radius-pill);
}

/* ---------- Deposit / withdraw ---------- */
html.house-g8k7.green-dark.g8k7-bb888 .recharge,
html.house-g8k7.green-dark.g8k7-bb888 .withdraw,
html.house-g8k7.green-dark.g8k7-bb888 [class*="recharge"],
html.house-g8k7.green-dark.g8k7-bb888 [class*="withdraw"] {
  background: var(--bb888-bg) !important;
  color: #fff;
}

html.house-g8k7.green-dark.g8k7-bb888 .recharge ion-item,
html.house-g8k7.green-dark.g8k7-bb888 .withdraw ion-item,
html.house-g8k7.green-dark.g8k7-bb888 .recharge ion-input,
html.house-g8k7.green-dark.g8k7-bb888 .withdraw ion-input {
  --background: var(--bb888-surface);
  --color: #fff;
  --placeholder-color: var(--bb888-muted);
  border-radius: 10px;
}

html.house-g8k7.green-dark.g8k7-bb888 .recharge .amount-list button,
html.house-g8k7.green-dark.g8k7-bb888 .withdraw .amount-list button,
html.house-g8k7.green-dark.g8k7-bb888 .recharge [class*="amount"] span,
html.house-g8k7.green-dark.g8k7-bb888 .pay-item,
html.house-g8k7.green-dark.g8k7-bb888 .channel-item {
  background: var(--bb888-chip) !important;
  color: #fff !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .recharge .amount-list .active,
html.house-g8k7.green-dark.g8k7-bb888 .pay-item.active,
html.house-g8k7.green-dark.g8k7-bb888 .channel-item.active,
html.house-g8k7.green-dark.g8k7-bb888 .recharge [class*="amount"].on {
  border-color: var(--bb888-lime) !important;
  color: var(--bb888-lime) !important;
  background: #1f3332 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .recharge ion-button,
html.house-g8k7.green-dark.g8k7-bb888 .withdraw ion-button,
html.house-g8k7.green-dark.g8k7-bb888 .recharge .submit,
html.house-g8k7.green-dark.g8k7-bb888 .withdraw .submit {
  --background: var(--bb888-lime) !important;
  --color: var(--bb888-ink) !important;
  --border-radius: var(--bb888-radius-pill);
  font-weight: 700;
}

html.house-g8k7.green-dark.g8k7-bb888 .record-wrap,
html.house-g8k7.green-dark.g8k7-bb888 .record-wrap .bottom {
  color: #fff;
}

/* ---------- Floating widgets ---------- */
html.house-g8k7.green-dark.g8k7-bb888 .cs-btn,
html.house-g8k7.green-dark.g8k7-bb888 [class*="service"],
html.house-g8k7.green-dark.g8k7-bb888 .float-btn {
  filter: none;
}

/* ---------- Tablet / desktop density ---------- */
@media (min-width: 768px) {
  html.house-g8k7.green-dark.g8k7-bb888 #inicio .swiper,
  html.house-g8k7.green-dark.g8k7-bb888 #inicio .swiper-c,
  html.house-g8k7.green-dark.g8k7-bb888 #inicio .banner-c {
    margin: 10px 12px 8px !important;
    width: calc(100% - 24px) !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888 #inicio .card-container,
  html.house-g8k7.green-dark.g8k7-bb888 #inicio .g8k7-bb888-grid {
    gap: 8px !important;
    padding-inline: 12px;
  }
}

@media (min-width: 1440px) {
  html.house-g8k7.green-dark.g8k7-bb888 {
    --bb888-shell: 527px;
  }
}

/* ---------- Login modal / pages ---------- */
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal::part(content),
html.house-g8k7.green-dark.g8k7-bb888 ion-modal[id*="login"],
html.house-g8k7.green-dark.g8k7-bb888 ion-modal[id*="register"] {
  --background: var(--bb888-bg);
  --height: 100%;
  --width: 100%;
  --max-width: var(--bb888-shell);
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .content,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .wrapper,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal .login-content,
html.house-g8k7.green-dark.g8k7-bb888 ion-page.login,
html.house-g8k7.green-dark.g8k7-bb888 ion-page.register {
  background: var(--bb888-bg) !important;
  color: #fff;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal ion-button.button-solid,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .submit ion-button,
html.house-g8k7.green-dark.g8k7-bb888 ion-page.login ion-button.button-solid,
html.house-g8k7.green-dark.g8k7-bb888 ion-page.register ion-button.button-solid {
  --background: var(--bb888-lime) !important;
  --color: var(--bb888-ink) !important;
  --border-radius: var(--bb888-radius-pill);
  font-weight: 700;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal ion-input,
html.house-g8k7.green-dark.g8k7-bb888 ion-page.login ion-input,
html.house-g8k7.green-dark.g8k7-bb888 ion-page.register ion-input {
  --background: var(--bb888-surface);
  --color: #fff;
  --placeholder-color: var(--bb888-muted);
  --padding-start: 12px;
  --padding-end: 12px;
  --border-radius: 10px;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal a,
html.house-g8k7.green-dark.g8k7-bb888 ion-page.login a,
html.house-g8k7.green-dark.g8k7-bb888 ion-page.register a {
  color: var(--bb888-lime);
}

/* ---------- Promo / profile / cash denser cards ---------- */
html.house-g8k7.green-dark.g8k7-bb888 #promo ion-content,
html.house-g8k7.green-dark.g8k7-bb888 #perfil ion-content,
html.house-g8k7.green-dark.g8k7-bb888 #entrar ion-content,
html.house-g8k7.green-dark.g8k7-bb888 #withdraw ion-content,
html.house-g8k7.green-dark.g8k7-bb888 .recharge ion-content,
html.house-g8k7.green-dark.g8k7-bb888 .withdraw ion-content {
  --background: var(--bb888-bg);
}

html.house-g8k7.green-dark.g8k7-bb888 #promo .banner,
html.house-g8k7.green-dark.g8k7-bb888 #promo ion-img,
html.house-g8k7.green-dark.g8k7-bb888 #promo img {
  border-radius: 12px;
}

html.house-g8k7.green-dark.g8k7-bb888 #perfil .user-info,
html.house-g8k7.green-dark.g8k7-bb888 #perfil .wallet-box,
html.house-g8k7.green-dark.g8k7-bb888 #perfil .vip-box {
  background: var(--bb888-surface);
  border-radius: 12px;
  margin: 8px 10px;
  padding: 12px;
}

html.house-g8k7.green-dark.g8k7-bb888 .recharge .pay-list,
html.house-g8k7.green-dark.g8k7-bb888 .withdraw .channel-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 0 10px;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toast::part(container) {
  background: var(--bb888-surface);
  color: #fff;
  border-radius: 10px;
}

/* ---------- BB888-faithful register composition ---------- */
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal::part(content) {
  --width: min(100vw, 466px);
  --max-width: 466px;
  --height: 100%;
  background:
    linear-gradient(180deg, rgba(3, 27, 21, 0.02) 0, rgba(3, 28, 22, 0.2) 45%, rgba(3, 28, 22, 0.92) 100%),
    url("/assets/g8k7/auth-bg.png") top center / 100% auto no-repeat,
    #05161a !important;
  box-shadow: 0 0 48px rgba(0, 0, 0, 0.58);
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-shell {
  position: relative;
  min-height: 100%;
  height: auto;
  overflow-y: auto;
  padding-bottom: 28px;
  background:
    linear-gradient(180deg, transparent 0 56%, rgba(4, 34, 27, 0.84) 100%);
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-shell > .header {
  position: relative;
  height: 214px;
  padding: 0;
  background: transparent !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-shell > .header .logo {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-shell > .header .btn-close {
  position: absolute;
  z-index: 5;
  top: 20px;
  right: 20px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  background: rgba(0, 20, 18, 0.58) url("/assets/g8k7/auth-close.png") center / 100% 100% no-repeat !important;
  color: transparent !important;
  border-radius: 50%;
  backdrop-filter: blur(6px);
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-shell > .header .btn-close > * {
  visibility: hidden !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-card {
  position: relative;
  z-index: 2;
  display: flex;
  width: calc(100% - 46px);
  height: auto;
  min-height: 438px;
  max-height: none;
  margin: -18px auto 0;
  padding: 26px 20px 24px;
  overflow: visible;
  color: #fff;
  border: 1.5px solid #55ff70;
  border-radius: 21px;
  background:
    linear-gradient(135deg, rgba(16, 45, 34, 0.94), rgba(37, 45, 39, 0.9)),
    rgba(19, 31, 29, 0.94) !important;
  box-shadow:
    0 22px 50px rgba(0, 0, 0, 0.3),
    inset 0 0 42px rgba(101, 255, 102, 0.055);
  backdrop-filter: blur(10px);
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-card > .header {
  height: auto;
  padding: 0 0 22px;
  background: transparent !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-card .title {
  margin: 0 0 13px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.02em;
  color: #fff !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-card .login-hint,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-card .login-text,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-card .register-hint,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-card .register-text {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.35;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-card .login-hint,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-card .register-hint {
  padding-right: 5px;
  color: #9ca59e !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-card .login-text,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-card .register-text {
  color: #66ff66 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-card .form-wrapper {
  flex: none;
  overflow: visible;
  padding: 0;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-form {
  display: flex;
  flex-direction: column;
  gap: 11px;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-form > .item-height {
  height: 54px !important;
  margin: 0 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-form .item-height > .relative,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-form .item-height ion-input {
  width: 100%;
  height: 54px !important;
  min-height: 54px !important;
  margin: 0 !important;
  --background: #05161a !important;
  --color: #f4f7f5 !important;
  --placeholder-color: #697777 !important;
  --placeholder-opacity: 1;
  --padding-start: 14px !important;
  --padding-end: 14px !important;
  --border-radius: 999px !important;
  border-radius: 999px !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-form .item-height ion-input .input-wrapper {
  min-height: 54px !important;
  border: 1px solid #385048 !important;
  border-radius: 999px !important;
  background: #05161a !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-hidden-register-extra,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-first-register-submit {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .adultConfirm.g8k7-register-requirement,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .age-confirmation-21.g8k7-register-requirement {
  display: flex !important;
  align-items: flex-start;
  min-height: 38px;
  margin: 2px 0 !important;
  color: #d8ddd9 !important;
  font-size: 13px;
  line-height: 1.35;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .item-height.g8k7-register-requirement {
  display: block !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-real-register-submit {
  display: flex !important;
  width: 100%;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-real-register-submit ion-button {
  width: 100%;
  height: 51px;
  min-height: 51px;
  margin: 8px 0 0;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(180deg, #9aff4f, #5edc3a) !important;
  color: #101711 !important;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.05rem;
  font-weight: 800;
  cursor: pointer;
  box-shadow: none;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-real-register-submit ion-button {
  --background: linear-gradient(180deg, #9aff4f, #5edc3a) !important;
  --color: #101711 !important;
  --border-radius: 999px;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .footer {
  display: none !important;
}

@media (max-width: 400px) {
  html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-shell > .header {
    height: 196px;
  }

  html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-card {
    width: calc(100% - 28px);
    min-height: 420px;
    padding: 24px 18px 22px;
  }
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal ion-segment,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .remember-account {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-login-mode .g8k7-bb888-register-card,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-login-card {
  min-height: 0;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .btn-login {
  display: flex !important;
  width: 100%;
  margin-top: 8px;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-invite-banner {
  display: block;
  width: calc(100% - 46px);
  margin: 16px auto 10px;
  overflow: hidden;
  line-height: 0;
  border-radius: 14px;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-invite-banner img {
  display: block;
  width: 100%;
  height: auto;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-lock-icon {
  width: 22px !important;
  height: 22px !important;
  margin-right: 6px;
  object-fit: contain;
  pointer-events: none;
}

/* ---------- Agency / affiliate center ---------- */
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-agency-page {
  display: flex;
  flex-direction: column;
  --background: #05161a !important;
  background: #05161a url("/assets/g8k7/agency-main-bg.png") center top / 100% auto no-repeat !important;
  color: #fff;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-agency-page ion-content,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-agency-page #main {
  --background: transparent !important;
  background: transparent !important;
  color: #fff;
  flex: 1 1 auto;
  min-height: 0;
  height: auto !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-agency-page ion-header ion-toolbar {
  --background: transparent !important;
  --min-height: 58px;
  --border-width: 0;
  background: url("/assets/g8k7/agency-sub-bg.png") center / cover no-repeat !important;
  border: 0 !important;
  box-shadow: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-agency-page ion-header ion-title,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-agency-page ion-header .toolbar-title,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-agency-page ion-header .title {
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  text-align: center;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-agency-page ion-header [slot="start"],
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-agency-page ion-header .back-button {
  width: 42px !important;
  height: 42px !important;
  margin-left: 10px;
  border-radius: 14px;
  background: #12151a !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .tab-box {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  height: auto;
  padding: 0 !important;
  background: transparent;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-agency-hero {
  flex: 0 0 auto;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  background: #1f3332;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-agency-hero img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3.05 / 1;
  object-fit: cover;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .tab-box > ion-segment {
  --background: linear-gradient(180deg, rgba(27, 35, 31, 0.98), rgba(15, 20, 22, 0.98));
  display: flex;
  flex: 0 0 39px;
  width: 100%;
  min-height: 39px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0 !important;
  border-radius: 0 !important;
  border-bottom: 1px solid var(--bb888-lime);
  background: linear-gradient(180deg, rgba(27, 35, 31, 0.98), rgba(15, 20, 22, 0.98)) !important;
  scrollbar-width: none;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .tab-box > ion-segment::-webkit-scrollbar {
  display: none;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .tab-box > ion-segment > ion-segment-button {
  --indicator-color: transparent;
  --indicator-height: 0;
  --color: #fff;
  --color-checked: #101710;
  flex: 0 0 auto;
  min-width: max-content;
  min-height: 38px;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  pointer-events: auto !important;
  text-transform: none;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .tab-box > ion-segment > ion-segment-button.g8k7-agency-tab-hidden {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .tab-box > ion-segment > ion-segment-button ion-button,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .tab-box > ion-segment > ion-segment-button ion-label {
  --background: transparent !important;
  --color: #fff !important;
  min-height: 38px;
  margin: 0 !important;
  padding-inline: 13px !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  white-space: nowrap;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .tab-box > ion-segment > ion-segment-button.segment-button-checked,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .tab-box > ion-segment > ion-segment-button.segment-button-checked ion-button,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .tab-box > ion-segment > ion-segment-button.segment-button-checked ion-label {
  --background: var(--bb888-lime) !important;
  --color: #101710 !important;
  background: var(--bb888-lime) !important;
  color: #101710 !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .tab-box > #main {
  flex: 1 1 auto;
  min-height: 0;
  border-radius: 0 !important;
  background: radial-gradient(circle at 8% 4%, rgba(102, 255, 102, 0.1), transparent 34%), linear-gradient(180deg, #1f3332, #05161a 52%) !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .share-board,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .commission-amount,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .team-commission,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .select-item,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .spread-select-item,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main ion-card.card,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main ion-list.card,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .spread-user-agent-type,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .table-title-bg,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .spread-table-item,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .table-item {
  --background: #12151a !important;
  background: #12151a !important;
  border: 0 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  color: #fff !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .share-board,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .spread-user-agent-type {
  margin: 12px 10px 10px !important;
  padding: 12px !important;
  background: linear-gradient(135deg, rgba(31, 51, 50, 0.88), rgba(5, 22, 26, 0.96)), #1f3332 !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-invite-mode .share-board > .title,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-invite-mode .share-board > .id,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-invite-mode .share-board .qr-box,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-invite-mode .commission-amount,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-invite-mode .team-commission,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-invite-mode .agent-info,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-invite-mode .spread-qr-box,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-invite-mode .receive-rule,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-invite-mode .referral-tips,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-invite-mode .exclusive-link,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-invite-mode .agent-share-box,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-invite-mode ion-list.card {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-agency-invite {
  display: none;
  padding: 12px 12px 0;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-invite-mode > .g8k7-agency-invite {
  display: block;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-invite-card {
  padding: 14px 12px 16px;
  border-radius: 14px;
  background:
    radial-gradient(circle at 12% 18%, rgba(70, 160, 70, 0.28), transparent 42%),
    radial-gradient(circle at 88% 82%, rgba(50, 140, 80, 0.22), transparent 46%),
    #12151a url("/assets/g8k7/agency-card-glow.png") center / cover no-repeat;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-invite-label,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-share-label {
  margin: 0 0 8px;
  color: #c9d3c9;
  font-size: 13px;
  font-weight: 700;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-share-label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 14px 0 8px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-share-label img {
  width: 22px;
  height: 22px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-invite-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-invite-url {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  padding: 10px 12px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.45);
  color: #fff;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-invite-copy {
  flex: 0 0 auto;
  min-width: 72px;
  height: 38px;
  padding: 0 14px;
  border: 0;
  border-radius: 10px;
  background: #7ad326;
  color: #fff;
  font-size: 14px;
  font-weight: 800;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-network-art {
  display: block;
  width: 100%;
  height: auto;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-invite-mode .h-full.overflow-y-auto {
  height: auto !important;
  overflow: visible !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-invite-mode .spread-user-agent-type .flex.justify-around {
  display: block !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-invite-mode .spread-user-agent-type .max-w-\[15\.625rem\] {
  max-width: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-invite-mode .share-board .share-url,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-invite-mode .exclusive-link {
  display: block !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 800;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-invite-mode .share-board .share-url::before {
  content: "Meu link:";
  display: block;
  margin: 0 0 7px;
  color: #fff;
  font-size: 14px;
  font-weight: 800;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .url-box,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .agent-share-box {
  background: #05161a !important;
  border-radius: 8px !important;
  color: #fff !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .copy-btn,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .claim,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main ion-button.select-style {
  --background: #67dc19 !important;
  --color: #101710 !important;
  background: #67dc19 !important;
  color: #101710 !important;
  border-radius: 9px !important;
  font-weight: 800;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .shares {
  margin-top: 8px;
  padding-top: 6px;
  border-top: 0 !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-agency-network {
  display: none;
  margin: 10px;
  padding: 16px 10px 18px;
  overflow: hidden;
  border-radius: 10px;
  background: #12151a;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-invite-mode > .g8k7-agency-network {
  display: block;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-agency-network h2 {
  margin: 0 0 18px;
  color: #fff;
  font-size: 14px;
  font-weight: 800;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-network-tree {
  position: relative;
  min-height: 235px;
  padding-top: 4px;
  border: 2px solid #39df4f;
  border-radius: 18px;
  background: linear-gradient(90deg, transparent 49.5%, #39df4f 49.5%, #39df4f 50.5%, transparent 50.5%) 0 44px / 100% 80px no-repeat, rgba(17, 29, 28, 0.45);
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-network-you {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 70px;
  margin: -20px auto 12px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-network-you img {
  width: 64px;
  height: 50px;
  object-fit: contain;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-network-you span {
  margin-top: -6px;
  padding: 2px 10px;
  border-radius: 999px;
  background: var(--bb888-lime);
  color: #101710;
  font-size: 11px;
  font-weight: 800;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-network-row {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-evenly;
  margin-top: 12px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-network-row::before {
  content: "";
  position: absolute;
  top: 25px;
  left: 12%;
  right: 12%;
  z-index: -1;
  height: 2px;
  background: #39df4f;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-network-row img,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-network-avatar {
  display: block;
  width: 52px;
  height: 52px;
  border: 3px solid #5cff6d;
  border-radius: 50%;
  object-fit: cover;
  background: #12151a url("/assets/user-default-avatar-27-BeIKgXV9.svg") center / 70% no-repeat;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-network-row-two img,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-network-row-two .g8k7-network-avatar {
  width: 42px;
  height: 42px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-agency-faq {
  display: none;
  padding: 18px 12px 76px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-faq-mode > :not(.g8k7-agency-faq) {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-faq-mode > .g8k7-agency-faq {
  display: block;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-agency-faq section {
  margin: 0 0 12px;
  padding: 22px 20px;
  border: 1px solid #385048;
  border-radius: 11px;
  background: linear-gradient(180deg, #1f3332, #12151a);
  color: #fff;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-agency-faq h2 {
  margin: 0 0 14px;
  color: #fff;
  font-size: 19px;
  line-height: 1.35;
  font-weight: 800;
  text-align: center;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-agency-faq h2 strong,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-agency-faq p b {
  color: #efff00;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-agency-faq p {
  margin: 0;
  color: #fff;
  font-size: 14px;
  line-height: 1.72;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-agency-rates {
  display: none;
  padding: 12px 10px 88px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-commission-mode > :not(.g8k7-agency-rates) {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-commission-mode > .g8k7-agency-rates {
  display: block;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-rates-toggle {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 0 0 14px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-rates-toggle button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 48px;
  padding: 0 10px;
  border: 0;
  border-radius: 12px;
  background: #1f3332;
  color: #9aa39a;
  font-size: 13px;
  font-weight: 800;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-rates-toggle button.is-on {
  background: #a1ff42;
  color: #101710;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-rate-ico {
  width: 18px;
  height: 18px;
  background: currentColor;
  -webkit-mask: center / contain no-repeat;
  mask: center / contain no-repeat;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-rate-ico-direct {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='8' r='3.2' fill='black'/><path d='M5 19c.8-3.4 3.4-5.2 7-5.2s6.2 1.8 7 5.2' fill='black'/></svg>");
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='8' r='3.2' fill='black'/><path d='M5 19c.8-3.4 3.4-5.2 7-5.2s6.2 1.8 7 5.2' fill='black'/></svg>");
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-rate-ico-team {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='8' cy='8' r='2.4' fill='black'/><circle cx='16' cy='8' r='2.4' fill='black'/><path d='M3.5 18.5c.6-2.6 2.6-4 5.2-4s4.6 1.4 5.2 4M10.2 18.5c.5-2.4 2.3-3.7 4.8-3.7s4.3 1.3 4.8 3.7' fill='black'/></svg>");
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='8' cy='8' r='2.4' fill='black'/><circle cx='16' cy='8' r='2.4' fill='black'/><path d='M3.5 18.5c.6-2.6 2.6-4 5.2-4s4.6 1.4 5.2 4M10.2 18.5c.5-2.4 2.3-3.7 4.8-3.7s4.3 1.3 4.8 3.7' fill='black'/></svg>");
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-rates-card {
  overflow: hidden;
  margin: 0 0 16px;
  border: 1px solid #385048;
  border-radius: 10px;
  background: #12151a;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-rates-card table {
  width: 100%;
  border-collapse: collapse;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-rates-card th,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-rates-card td {
  padding: 11px 8px;
  border-bottom: 1px solid #385048;
  color: #fff;
  font-size: 13px;
  text-align: center;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-rates-card th {
  color: #a8b5b0;
  font-weight: 700;
  background: #1f3332;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-rates-card tr:last-child td {
  border-bottom: 0;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-rates-desc {
  padding: 6px 4px 0;
  color: #d5dbe3;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-rates-desc h2 {
  position: relative;
  margin: 8px 0 14px;
  color: #fff;
  font-size: 16px;
  font-weight: 800;
  text-align: center;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-rates-desc h2::before,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-rates-desc h2::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 18%;
  height: 1px;
  background: rgba(255, 255, 255, 0.28);
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-rates-desc h2::before {
  left: 4%;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-rates-desc h2::after {
  right: 4%;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-rates-desc p {
  margin: 0 0 12px;
  font-size: 13px;
  line-height: 1.7;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .spread-performance-info,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .spread-commission-info,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .agent-bonus-rate-info {
  padding: 14px 10px 72px !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .time-select-container,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main ion-select,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main ion-searchbar {
  --background: #1f3332 !important;
  --color: #fff !important;
  --placeholder-color: #b8bec8;
  border-radius: 9px !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .total,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .details,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .details-board {
  border-color: #385048 !important;
  color: #fff !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .total-amount,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .details-amount,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .spread-performance-amount,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .bonus-rate-amount,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .spread-bonus-rate-amount {
  color: var(--bb888-lime) !important;
  font-weight: 800;
}

@media (max-width: 370px) {
  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .tab-box > ion-segment > ion-segment-button ion-button,
  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .tab-box > ion-segment > ion-segment-button ion-label {
    padding-inline: 10px !important;
    font-size: 11px !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-agency-faq h2 {
    font-size: 17px;
  }
}

/* ---------- BB888-faithful profile ---------- */
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .g8k7-profile-page,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil ion-content.mine {
  --background: #05161a !important;
  background: #05161a !important;
  color: #fff;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil ion-content.mine::part(scroll) {
  padding-top: 14px;
  padding-bottom: 0;
  background:
    url("/assets/g8k7/bg-mesh.png") center bottom / 100% auto no-repeat,
    #05161a;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info {
  position: relative !important;
  inset: auto !important;
  z-index: 2 !important;
  display: block !important;
  width: calc(100% - 40px) !important;
  min-height: 216px;
  margin: 0 20px !important;
  padding: 18px 18px 82px !important;
  overflow: hidden;
  border: 1px solid rgba(102, 255, 102, 0.28);
  border-radius: 20px;
  background: url("/assets/g8k7/profile-card-bg.png") center / 100% 100% no-repeat !important;
  box-shadow: none !important;
  box-sizing: border-box;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .bg-img {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .user-info {
  display: flex !important;
  align-items: flex-start;
  min-height: 96px;
  padding: 0 !important;
  background: transparent !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .avatar-info {
  flex: 0 0 96px;
  width: 96px !important;
  height: 96px !important;
  margin: 0 12px 0 0 !important;
  overflow: hidden;
  border: 1px solid #5cff6d;
  border-radius: 18px !important;
  background: #12151a;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .avatar-info img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  border-radius: 17px !important;
  object-fit: cover;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .vip-wrap {
  display: flex !important;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  padding: 6px 48px 0 0 !important;
  color: #fff;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .user-id,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .info-mid {
  display: flex !important;
  align-items: center;
  min-height: 26px;
  width: 100%;
  color: #fff !important;
  font-size: 16px !important;
  line-height: 1.3;
  font-weight: 600;
  white-space: nowrap;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .user-id {
  order: 1;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .info-mid {
  order: 2;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .g8k7-account-prefix {
  margin-right: 6px;
  color: #fff;
  font-weight: 700;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .img-wrap,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .icon-wrap {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .copy-icon {
  width: 16px !important;
  height: 16px !important;
  margin-left: 6px !important;
  opacity: 0.85;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .balance-info {
  position: absolute;
  top: 80px;
  left: 130px;
  right: 60px;
  display: block !important;
  width: auto !important;
  padding: 0 !important;
  background: transparent !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .balances {
  display: flex !important;
  align-items: baseline;
  min-height: 34px;
  color: #fff !important;
  font-size: 26px !important;
  font-weight: 900;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .balances .title-color,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .discount {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .balances > div {
  display: flex;
  align-items: baseline;
  gap: 6px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .g8k7-profile-mail {
  position: absolute;
  top: 18px;
  right: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 38px;
  border-radius: 8px;
  background: transparent;
  text-decoration: none;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .g8k7-profile-mail img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .recharge-withdraw {
  position: absolute;
  right: 18px;
  bottom: 16px;
  left: 18px;
  display: flex !important;
  gap: 12px;
  width: auto !important;
  padding: 0 !important;
  background: transparent !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .withdraw-info,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .recharge-info {
  display: flex !important;
  flex: 1 1 0;
  align-items: center;
  justify-content: center;
  min-width: 0;
  height: 58px !important;
  margin: 0 !important;
  border-radius: 15px !important;
  color: #fff !important;
  font-size: 17px;
  font-weight: 700;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .withdraw-info {
  order: 1;
  background: #1f3332 !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .recharge-info {
  order: 2;
  background: #67f56e !important;
  color: #111715 !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .recharge-withdraw .icon {
  width: 28px !important;
  height: 28px !important;
  margin-right: 8px;
  background-position: center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .withdraw-info .icon {
  background-image: url("/assets/g8k7/profile-withdraw.png") !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .recharge-info .icon {
  background-image: url("/assets/g8k7/profile-deposit.png") !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .recharge-withdraw .icon > * {
  visibility: hidden !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info {
  position: relative !important;
  width: 100%;
  margin-top: 0 !important;
  /* Decorative empty band above the tab bar so the menu never touches it. */
  padding: 8px 0 132px !important;
  background: transparent !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .g8k7-profile-invite {
  display: block;
  height: 65px;
  margin: 0 20px 8px;
  overflow: hidden;
  border-radius: 10px;
  line-height: 0;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .g8k7-profile-invite img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 35%;
}

/* Compact VIP: level + progress + criteria + Detalhes VIP on one row. */
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .my-vip,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .my-vip.g8k7-vip-compact {
  position: relative;
  width: auto !important;
  height: 46px !important;
  min-height: 44px !important;
  max-height: 46px !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px;
  margin: 0 20px 8px !important;
  padding: 8px 10px !important;
  overflow: hidden;
  border: 1px solid rgba(102, 255, 102, 0.22) !important;
  border-radius: 12px !important;
  background: #0a1012 !important;
  box-shadow: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .my-vip > .vip-info {
  display: flex !important;
  flex: 1 1 auto;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 6px;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  order: 1;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .my-vip.g8k7-vip-compact > .vip-info {
  display: none !important;
  flex: 0 0 0 !important;
  width: 0 !important;
  overflow: hidden !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .my-vip > .vip-detail {
  position: static !important;
  order: 5;
  flex: 0 0 auto;
  display: inline-flex !important;
  align-items: center;
  height: 22px;
  margin: 0 !important;
  padding: 0 8px;
  border: 1px solid rgba(103, 245, 110, 0.45);
  border-radius: 999px;
  color: #67f56e !important;
  font-size: 10px;
  font-weight: 700;
  white-space: nowrap;
  line-height: 1;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .vip-detail .to-icon {
  width: 11px !important;
  height: 11px !important;
  margin-left: 2px;
  opacity: 0.75;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .my-vip > .wrap-info {
  order: 1;
  display: flex !important;
  flex: 0 0 auto;
  align-items: center;
  gap: 4px;
  width: auto !important;
  min-width: 52px !important;
  height: auto !important;
  margin: 0 !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .wrap-info .img-cls {
  content: url("/assets/g8k7/profile-vip.png");
  flex: 0 0 34px;
  width: 34px !important;
  height: 18px !important;
  margin: 0 !important;
  object-fit: contain;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .wrap-info .icon-cls {
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .wrap-info .icon-cls .icon {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .wrap-info .info,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .wrap-info .span-cls {
  display: inline !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .wrap-info .bot {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .my-vip > .progress-wrap {
  order: 2;
  display: block !important;
  flex: 1 1 72px;
  width: auto !important;
  min-width: 56px;
  max-width: 140px;
  margin: 0 !important;
  padding: 0 !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .progress-wrap .top,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .progress-bar {
  flex: 1 1 auto;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .progress-bar {
  --background: #05161a;
  --progress-background: linear-gradient(90deg, #68f06c, #2c9c4b);
  height: 10px !important;
  border-radius: 999px;
  overflow: hidden;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .progress-bot,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .level-point {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .my-vip > .bet-wrap {
  order: 3;
  display: flex !important;
  flex: 1 1 auto;
  flex-wrap: nowrap;
  align-items: center;
  gap: 4px;
  min-width: 0;
  margin: 0 !important;
  color: #c5cdc8;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .bet-wrap .bet-left {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .bet-wrap .need-bets {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .bet-wrap .current-recharge {
  color: #ff5a5a !important;
  font-weight: 800;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .kf-nav,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .feature-tab,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .g8k7-profile-hidden-menu {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .g8k7-profile-menu {
  margin: 0 20px;
  padding: 2px 0;
  overflow: hidden;
  border: 1px solid rgba(102, 255, 102, 0.16);
  border-radius: 12px;
  background: #080c0e;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .g8k7-profile-menu > ion-item {
  --background: transparent !important;
  --color: #e8ecef !important;
  --border-color: transparent !important;
  --detail-icon-color: rgba(180, 188, 196, 0.35);
  --detail-icon-opacity: 0.35;
  --detail-icon-font-size: 12px;
  --min-height: 40px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-start: 8px;
  --inner-padding-top: 0px;
  --inner-padding-bottom: 0px;
  --inner-padding-end: 6px;
  width: 100%;
  height: 40px;
  min-height: 40px;
  margin: 0 !important;
  padding: 0 6px !important;
  border-radius: 0 !important;
  color: #e8ecef !important;
  font-size: 13px;
  font-weight: 700;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .g8k7-profile-menu > ion-item::part(native) {
  height: 40px;
  min-height: 40px;
  padding-top: 0;
  padding-bottom: 0;
  padding-inline: 8px;
  background: transparent !important;
  border: 0 !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .g8k7-profile-menu > ion-item::part(detail-icon) {
  width: 12px !important;
  height: 12px !important;
  margin-inline-start: 4px;
  color: rgba(170, 178, 186, 0.32) !important;
  opacity: 0.32 !important;
  font-size: 12px !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .g8k7-profile-menu .top {
  display: flex;
  align-items: center;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .g8k7-profile-menu ion-item .icon-cls,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .g8k7-profile-menu ion-item .customer-icon {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .g8k7-profile-role-icon {
  flex: 0 0 22px;
  width: 22px !important;
  height: 22px !important;
  margin-right: 8px;
  object-fit: contain;
  pointer-events: none;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .g8k7-profile-menu .name {
  color: #e8ecef !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em;
}

@media (max-width: 430px) {
  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .wrap-info .img-cls {
    display: none !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .my-vip,
  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .my-vip.g8k7-vip-compact {
    gap: 6px;
    padding: 7px 8px !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .my-vip > .progress-wrap {
    max-width: 100px;
  }

  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .vip-detail {
    height: 20px;
    padding: 0 6px;
    font-size: 9px;
  }

  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .vip-detail .to-icon {
    display: none !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .bet-wrap {
    font-size: 9px;
  }
}

@media (max-width: 370px) {
  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info,
  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .g8k7-profile-invite,
  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .my-vip,
  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .g8k7-profile-menu {
    margin-right: 12px !important;
    margin-left: 12px !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info {
    width: calc(100% - 24px) !important;
  }
}

/* ---------- Home reference match (BB888-style composition) ---------- */
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header,
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header::part(native) {
  --min-height: 56px !important;
  --padding-start: 10px !important;
  --padding-end: 10px !important;
  min-height: 56px !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-buttons.g8k7-menu-trigger,
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header.g8k7-header-logged ion-buttons.g8k7-menu-trigger {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  margin: 0 4px 0 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border-radius: 50%;
  background: #1f3332;
  opacity: 1 !important;
  pointer-events: auto !important;
  cursor: pointer;
  align-self: center !important;
  box-sizing: border-box;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-menu-glyph {
  position: relative;
  display: block;
  width: 20px;
  height: 18px;
  pointer-events: none;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-menu-glyph i,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-menu-glyph b {
  position: absolute;
  display: block;
  box-sizing: border-box;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-menu-glyph i {
  left: 0;
  width: 5px;
  height: 5px;
  border: 1.5px solid #f3f5f8;
  border-radius: 1px;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-menu-glyph i:nth-child(1),
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-menu-glyph b:nth-child(4) {
  top: 0;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-menu-glyph i:nth-child(2),
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-menu-glyph b:nth-child(5) {
  top: 6.5px;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-menu-glyph i:nth-child(3),
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-menu-glyph b:nth-child(6) {
  top: 13px;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-menu-glyph b {
  right: 0;
  width: 11px;
  height: 1.5px;
  border-radius: 2px;
  background: #f3f5f8;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-img[slot="secondary"] {
  width: auto !important;
  max-width: 132px !important;
  max-height: 32px !important;
  margin-left: 5px !important;
  padding-right: 0 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .assets-box {
  height: 32px !important;
  min-height: 32px !important;
  padding-inline: 13px 11px !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .assets-box .assets-box-number {
  font-size: 14px !important;
  line-height: 32px !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .assets-box .wallet,
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .assets-box .deposit {
  height: 32px !important;
  min-height: 32px !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .g8k7-header-avatar,
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .g8k7-header-avatar img {
  width: 34px;
  height: 34px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-promo {
  padding: 8px var(--g8k7-home-pad) 0 !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-hero {
  position: relative;
  height: auto;
  aspect-ratio: 3 / 1;
  overflow: hidden;
  border-radius: 9px;
  background: transparent;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-hero-slide,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-hero-slide.is-active {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  display: none;
  height: 100%;
  opacity: 0;
  overflow: hidden;
  border-radius: 9px;
  pointer-events: none;
  transition: opacity 0.28s ease;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-hero-slide.is-active {
  left: 0 !important;
  right: auto !important;
  display: block;
  width: 82%;
  opacity: 1;
  z-index: 2;
  pointer-events: auto;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-hero-slide.is-next {
  left: calc(82% + 5px) !important;
  right: auto !important;
  display: block;
  width: 25%;
  opacity: 1;
  z-index: 1;
  pointer-events: auto;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-hero-slide img {
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-hero-slide.is-active img {
  object-position: left center;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-hero-dots {
  right: auto;
  bottom: 5px;
  width: 82%;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-cards {
  gap: 5px;
  margin-top: 5px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-cards-left {
  gap: 5px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-cards-left a,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-cards-vip {
  border-radius: 8px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .marquee-wrapper {
  display: flex !important;
  align-items: center !important;
  min-height: 36px;
  margin: 8px var(--g8k7-home-pad) !important;
  padding: 0 10px !important;
  overflow: hidden;
  border-radius: 7px;
  background: var(--bb888-bg-deep) !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .marquee-wrapper .megaphone-wrapper {
  display: flex !important;
  align-items: center;
  width: 100%;
  min-width: 0;
  gap: 10px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .marquee-wrapper .wall.megaphone {
  position: relative;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  margin: 0 !important;
  background: transparent !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .marquee-wrapper .wall.megaphone ion-icon {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .marquee-wrapper .wall.megaphone::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 7px;
  width: 13px;
  height: 10px;
  border-radius: 2px 1px 1px 2px;
  background: var(--bb888-lime);
  clip-path: polygon(0 25%, 35% 25%, 100% 0, 100% 100%, 35% 75%, 0 75%);
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .marquee-wrapper .wall.megaphone::after {
  content: "";
  position: absolute;
  top: 5px;
  right: 1px;
  width: 8px;
  height: 14px;
  border-right: 2px solid var(--bb888-lime);
  border-radius: 50%;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .marquee-wrapper .marquee,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .marquee-wrapper .marquee.label,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .marquee-wrapper .marquee__content {
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border-radius: 0;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .marquee-wrapper .marquee {
  flex: 1 1 auto;
  color: #b8bec9;
  font-size: 12px;
  font-weight: 600;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .marquee-wrapper .marquee__item {
  color: #b8bec9 !important;
  font-weight: 500 !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-providers {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  padding: 3px var(--g8k7-home-pad) 4px;
  scroll-snap-type: x proximity;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-provider {
  flex: 0 0 74px;
  width: 74px;
  height: 76px;
  min-width: 74px;
  padding: 5px 3px 4px;
  border: 1px solid transparent;
  border-radius: 14px;
  background: var(--bb888-chip);
  scroll-snap-align: start;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-provider img,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-provider-letter {
  width: 44px;
  height: 44px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-provider-letter {
  font-size: 31px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-provider > span {
  color: #c1c6d0;
  font-size: 12px;
  line-height: 16px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-provider.is-active {
  border-color: var(--bb888-lime);
  outline: 0;
  background: #1f3332;
  color: #fff;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .game-head {
  display: flex !important;
  align-items: center;
  min-height: 52px;
  margin: 8px 0 10px !important;
  padding: 0 10px !important;
  gap: 9px;
  border-radius: 10px;
  background: #1f3332;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .game-head .logo-c {
  display: flex !important;
  align-items: center;
  gap: 8px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .game-head .logo-c .logo {
  width: 27px !important;
  height: 31px !important;
  font-size: 29px !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .game-head .logo-c .label {
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .game-head .total {
  display: flex !important;
  align-items: center;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .game-head .total .number {
  min-height: 22px;
  padding: 2px 9px;
  border-radius: 6px;
  font-size: 13px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .game-head .arrow-container {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-mais {
  margin-left: 0;
  color: #fff !important;
  font-size: 14px;
  font-weight: 700;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-game-lobby {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 31px;
  margin-left: auto;
  padding: 0 10px;
  border: 1px solid #385048;
  border-radius: 7px;
  background: transparent;
  color: #d8dce4;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-game-lobby b {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
}

html.house-g8k7.green-dark.g8k7-bb888 #inicio .card-container,
html.house-g8k7.green-dark.g8k7-bb888 #inicio .g8k7-bb888-grid,
html.house-g8k7.green-dark.g8k7-bb888 #inicio .platform-game-c .card-container {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  padding: 0 var(--g8k7-home-pad) 16px !important;
}

html.house-g8k7.green-dark.g8k7-bb888 #inicio .game-card,
html.house-g8k7.green-dark.g8k7-bb888 #inicio .style1,
html.house-g8k7.green-dark.g8k7-bb888 #inicio .style2 {
  position: relative;
  border-radius: 10px !important;
  box-shadow: none;
}

html.house-g8k7.green-dark.g8k7-bb888 #inicio .game-card .game-img,
html.house-g8k7.green-dark.g8k7-bb888 #inicio .style1 .game-img,
html.house-g8k7.green-dark.g8k7-bb888 #inicio .style2 .game-img {
  display: block;
  width: 100% !important;
  aspect-ratio: 0.72 / 1;
  object-fit: cover;
}

html.house-g8k7.green-dark.g8k7-bb888 #inicio .game-card .favorite,
html.house-g8k7.green-dark.g8k7-bb888 #inicio .style1 .favorite,
html.house-g8k7.green-dark.g8k7-bb888 #inicio .style2 .favorite {
  top: 5px !important;
  right: 5px !important;
  width: 25px !important;
  height: 25px !important;
  padding: 3px;
  border: 1.5px solid #fff;
  border-radius: 50%;
  background: rgba(18, 22, 30, 0.82);
  color: #fff !important;
  box-sizing: border-box;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-tab-bar,
html.house-g8k7.green-dark.g8k7-bb888 ion-tab-bar .tab-bar,
html.house-g8k7.green-dark.g8k7-bb888 ion-tab-bar div.tab-bar {
  contain: none !important;
  height: 64px !important;
  min-height: 64px !important;
  background: #12151a url("/assets/g8k7/tabbar-bg.png") center bottom / 100% 64px no-repeat !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-tabs.b-tabs > div.absolute.w-full,
html.house-g8k7.green-dark.g8k7-bb888 ion-tabs.b-tabs ion-tab-bar {
  z-index: 100 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .tab-bar > [tab] {
  min-height: 64px !important;
  justify-content: center;
  gap: 2px;
  padding-top: 6px !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .tab-bar > [tab]:not([tab="entrar"]) > .g8k7-tab-icon {
  display: block !important;
  width: 76px;
  height: 43px;
  margin: 0 auto -18px;
  object-fit: contain;
  object-position: top center;
  clip-path: inset(0 0 43% 0);
}

html.house-g8k7.green-dark.g8k7-bb888 .tab-bar > [tab]:not([tab="entrar"]) ion-icon.tab-img {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .tab-bar > [tab]:not([tab="entrar"]) ion-label,
html.house-g8k7.green-dark.g8k7-bb888 .tab-bar > [tab]:not([tab="entrar"]) .g8k7-tab-label {
  position: static !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  color: #a8b5b0 !important;
  font-size: 12px !important;
  font-weight: 500;
  line-height: 16px;
}

html.house-g8k7.green-dark.g8k7-bb888 .tab-bar > [tab].g8k7-tab-current:not([tab="entrar"]) ion-label {
  color: var(--bb888-lime) !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .tab-bar > [tab="entrar"] {
  position: relative;
  padding-top: 0 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .tab-bar > [tab="entrar"] .g8k7-tab-icon {
  position: absolute;
  top: -26px;
  left: 50%;
  width: 84px;
  height: 88px;
  margin: 0;
  object-position: top center;
  clip-path: inset(0 0 35% 0);
  transform: translateX(-50%);
}

html.house-g8k7.green-dark.g8k7-bb888 .tab-bar > [tab="entrar"] ion-label,
html.house-g8k7.green-dark.g8k7-bb888 .tab-bar > [tab="entrar"] .g8k7-tab-label {
  position: absolute !important;
  bottom: 4px;
  left: 50%;
  display: block !important;
  width: auto !important;
  height: 16px !important;
  overflow: visible !important;
  clip: auto !important;
  color: #a8b5b0 !important;
  font-size: 12px !important;
  font-weight: 500;
  line-height: 16px;
  white-space: nowrap;
  transform: translateX(-50%);
}

html.house-g8k7.green-dark.g8k7-bb888 .tab-bar > [tab="entrar"].g8k7-tab-current ion-label {
  color: var(--bb888-lime) !important;
}

@media (max-width: 390px) {
  html.house-g8k7.green-dark.g8k7-bb888 {
    --g8k7-home-pad: 12px;
  }

  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-provider {
    flex-basis: 68px;
    width: 68px;
    min-width: 68px;
  }

  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .game-head {
    gap: 6px;
    padding-inline: 8px !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .game-head .logo-c .label {
    font-size: 17px !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-game-lobby {
    padding-inline: 7px;
    font-size: 11px;
  }
}

/* ---------- Final G8K7-only visual adaptation ---------- */
html.house-g8k7.green-dark.g8k7-bb888,
html.house-g8k7.green-dark.g8k7-bb888 body,
html.house-g8k7.green-dark.g8k7-bb888 body div#app,
html.house-g8k7.green-dark.g8k7-bb888 ion-app {
  --bb888-bg: #232833;
  --bb888-bg-deep: #05161a;
  --bb888-surface: #1f3332;
  --bb888-chip: #12151a;
  --bb888-lime: #66ff66;
  --bb888-lime-deep: #4de64d;
  --bb888-ink: #12151a;
  --bb888-muted: #a8b5b0;
  --bb888-line: #385048;
  --bb888-shell: 527px;
  --bb888-header-h: 56px;
  --bb888-tab-h: 74px;
  --bb888-cta: linear-gradient(180deg, #ccff66 0%, #66ff66 100%);

  --ion-background-color: #05161a;
  --ion-item-background: #12151a;
  --ion-toolbar-background: #232833;
  --ion-tab-bar-background: #12151a;
  --ion-card-background: #12151a;
  --ion-text-color: #ffffff;

  --ion-color-primary: #66ff66;
  --ion-color-primary-rgb: 102, 255, 102;
  --ion-color-primary-contrast: #12151a;
  --ion-color-primary-contrast-rgb: 18, 21, 26;
  --ion-color-primary-shade: #5ae05a;
  --ion-color-primary-tint: #75ff75;
  --ion-color-secondary: #66ff66;
  --ion-color-secondary-rgb: 102, 255, 102;
  --ion-color-secondary-contrast: #12151a;
  --ion-color-secondary-contrast-rgb: 18, 21, 26;
  --ion-color-secondary-shade: #5ae05a;
  --ion-color-secondary-tint: #75ff75;
  --ion-color-tertiary: #66ff66;
  --ion-color-tertiary-rgb: 102, 255, 102;
  --ion-color-tertiary-contrast: #12151a;
  --ion-color-tertiary-contrast-rgb: 18, 21, 26;
  --ion-color-tertiary-shade: #5ae05a;
  --ion-color-tertiary-tint: #75ff75;
  --ion-color-success: #66ff66;
  --ion-color-success-rgb: 102, 255, 102;
  --ion-color-success-contrast: #12151a;
  --ion-color-success-contrast-rgb: 18, 21, 26;
  --ion-color-success-shade: #5ae05a;
  --ion-color-success-tint: #75ff75;

  --theme-color-700: #ccff66;
  --theme-color-800: #66ff66;
  --theme-color-900: #4de64d;
  --accent-color-blue: #66ff66;
  --accent-color-green: #66ff66;
  --color-link: #66ff66;
  --color-text-href: #66ff66;
  --color-marquee: #66ff66;
  --marquee-color: #66ff66;
  --bugle-color: #66ff66;
  --color-focus: #66ff66;
  --color-success: #66ff66;
  --color-primary-700: #ccff66;
  --color-primary-800: #66ff66;
  --color-primary-900: #4de64d;
  --color-primary-btn-active: #66ff66;
  --color-primary-btn-disable: #1f3332;
  --color-primary-btn-load: #4de64d;
  --color-primary-btn-text-active: #12151a;
  --color-primary-btn-main: var(--bb888-cta);
  --color-checkbox-bg: var(--bb888-cta);
  --color-checkbox-border: #66ff66;
  --color-segment-md: #1f3332;
  --color-segment-md-indicator: #66ff66;
  --color-bg-segment-ios: linear-gradient(180deg, #1f3332, #05161a);
  --color-bg-segment-ios-indicator: var(--bb888-cta);
  --color-bg-tab-on: var(--bb888-cta);

  --color-bg-100: #1f3332;
  --color-bg-200: #12151a;
  --color-bg-300: #05161a;
  --color-bg-400: #05161a;
  --color-card-bg--100: #1f3332;
  --color-card-bg-100: #1f3332;
  --color-card-bg-200: #12151a;
  --color-card-bg-300: #05161a;
  --color-card-bg-400: #05161a;
  --color-bg-payment-item: #12151a;
  --color-nav-bg: #12151a;
  --color-menu-btn-bg: #1f3332;
  --color-bar-bg: #232833;
  --color-bar-bg-100: #1f3332;
  --color-button-bg-gray: #1f3332;
  --color-button-bg-cancel: #12151a;
  --color-button-bg-update: #66ff66;
  --color-button-bg-support: var(--bb888-cta);
  --color-button-bg-support-bg: var(--bb888-cta);
  --color-border: #385048;
  --color-line: #385048;
  --color-line-200: #385048;
  --line-color: #385048;
  --color-line-default: #385048;
  --color-search-bar-border: #385048;
  --color-primary-border-light: #ccff66;
  --service-btn-bg: #1f3332;
  --service-btn-color: #66ff66;
  --service-item-bg: #12151a;
  --menu-bar-bg: #12151a;
  --menu-card-bg: #12151a;
  --navigation-bar-bg: #12151a;
  --pwa-dialog-bg: #1f3332;
  --install-box-bg: #05161a;
  --login-button-bg: var(--bb888-cta);
  --login-button-color: #12151a;
  --register-button-bg: transparent;
  --register-button-color: #66ff66;
  --mlm-agent-direct-icon-text-color: #66ff66;
  --mlm-agent-direct-text-color: #66ff66;
  --mlm-receive-rule-text-color: #66ff66;
  --mlm-leader-bord-top-bgc: rgba(102, 255, 102, 0.12);
  --spread-share-box-border-color: #385048;
  --spread-bonus-rate-segment-item-color: #a8b5b0;

  --ep-primary-primary-500: #66ff66;
  --ep-color-text-highlight: #66ff66;
  --ep-color-icon-highlight: #66ff66;
  --ep-color-background-fill-body-default: #05161a;
  --ep-color-background-fill-surface-raised-L1: #12151a;
  --ep-color-background-fill-surface-raised-L2: #1f3332;
  --ep-color-border-default: #385048;
  --ep-color-border-highlight: #66ff66;
  --ep-color-background-fill-gradients-primary-a: #ccff66;
  --ep-color-background-fill-gradients-primary-b: #66ff66;
  --ep-color-background-fill-gradients-secondary-a: #1f3332;
  --ep-color-background-fill-gradients-secondary-b: #05161a;
  --ep-color-background-fill-gradients-tertiary-a: #ccff66;
  --ep-color-background-fill-gradients-tertiary-b: #66ff66;
  --ep-color-background-fill-gradients-tertiary-weak-a: #1f3332;
  --ep-color-background-fill-gradients-tertiary-weak-b: #05161a;
  --ep-dynamic-primary: var(--bb888-cta);
  --ep-dynamic-secondary: linear-gradient(180deg, #1f3332, #05161a);
  --ep-dynamic-tertiary: var(--bb888-cta);
  --ep-dynamic-tertiary-weak: linear-gradient(180deg, #1f3332, #05161a);
  --tw-ring-color: rgb(102 255 102 / 0.5);
}

html.house-g8k7.green-dark.g8k7-bb888,
html.house-g8k7.green-dark.g8k7-bb888 body {
  background: #232833 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 body div#app,
html.house-g8k7.green-dark.g8k7-bb888 ion-app,
html.house-g8k7.green-dark.g8k7-bb888 ion-router-outlet {
  width: 100% !important;
  max-width: 527px !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-app {
  background: #05161a !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-router-outlet {
  margin-inline: auto !important;
  background: #05161a !important;
}

@media (min-width: 528px) {
  html.house-g8k7.green-dark.g8k7-bb888 ion-app {
    left: 50% !important;
    right: auto !important;
    width: 527px !important;
    transform: translateX(-50%) !important;
    box-shadow: 0 0 56px rgba(0, 0, 0, 0.58);
  }
}

html.house-g8k7.green-dark.g8k7-bb888 .main-content,
html.house-g8k7.green-dark.g8k7-bb888 .order-container {
  background:
    radial-gradient(circle at 50% -4%, rgba(102, 255, 102, 0.12), transparent 320px),
    radial-gradient(circle at 4% 62%, rgba(31, 51, 50, 0.72), transparent 240px),
    linear-gradient(180deg, #1f3332 0, #05161a 38%, #12151a 100%) !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .ion-color-secondary,
html.house-g8k7.green-dark.g8k7-bb888 .ion-color-tertiary {
  --ion-color-base: #66ff66 !important;
  --ion-color-base-rgb: 102, 255, 102 !important;
  --ion-color-contrast: #12151a !important;
  --ion-color-contrast-rgb: 18, 21, 26 !important;
  --ion-color-shade: #5ae05a !important;
  --ion-color-tint: #75ff75 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 [class*="text-blue-"],
html.house-g8k7.green-dark.g8k7-bb888 [class*="text-purple-"] {
  color: #66ff66 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 [class*="border-blue-"],
html.house-g8k7.green-dark.g8k7-bb888 [class*="border-purple-"] {
  border-color: #66ff66 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 [class*="bg-blue-"],
html.house-g8k7.green-dark.g8k7-bb888 [class*="bg-purple-"] {
  background-color: #1f3332 !important;
}

/* Header proportions retain the original G8K7 logo and actions. */
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header,
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header::part(native) {
  --background: #232833 !important;
  --min-height: 56px !important;
  --padding-start: 10px !important;
  --padding-end: 10px !important;
  min-height: 56px !important;
  background: #232833 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-buttons.g8k7-menu-trigger {
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  background: #1f3332 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.22);
}

/* y29c-overrides pins the logo with position:absolute; keep it in the
   toolbar flex flow so the auth buttons cannot be overlapped. */
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-img[slot="secondary"] {
  position: static !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  pointer-events: auto !important;
  flex: 0 0 143px !important;
  width: 143px !important;
  min-width: 143px !important;
  max-width: 143px !important;
  height: 34px !important;
  max-height: 34px !important;
  margin-left: 7px !important;
  padding: 0 !important;
  object-fit: contain !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-img[slot="secondary"]::part(image) {
  width: 143px !important;
  height: 34px !important;
  object-fit: contain !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header > div.flex[slot="end"] {
  align-items: center;
  gap: 8px;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .register-btn-warpper,
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .register-btn-warper {
  width: 95px !important;
  margin: 0 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .button.login,
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-button.login,
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .first-button.login {
  width: 93px !important;
  min-width: 93px !important;
  height: 31px !important;
  min-height: 31px !important;
  --background: var(--bb888-cta) !important;
  --color: #12151a !important;
  --border-radius: 999px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .button.register,
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-button.register,
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .first-button.register {
  width: 95px !important;
  min-width: 95px !important;
  height: 30px !important;
  min-height: 30px !important;
  --background: transparent !important;
  --color: #66ff66 !important;
  --border-color: #66ff66 !important;
  --border-width: 1px !important;
  --border-style: solid !important;
  --border-radius: 999px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-button.login::part(native),
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .first-button.login::part(native) {
  min-height: 31px !important;
  background: var(--bb888-cta) !important;
  color: #12151a !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-button.register::part(native),
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .first-button.register::part(native) {
  min-height: 30px !important;
  background: transparent !important;
  color: #66ff66 !important;
  border: 1px solid #66ff66 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

/* Original G8K7 promotional content, resized to BB888 proportions. */
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home {
  --g8k7-home-pad: 21px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-promo {
  width: 100%;
  max-width: 527px;
  padding: 8px 21px 0 !important;
  margin-inline: auto;
  box-sizing: border-box;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-hero {
  width: 100%;
  max-width: 485px;
  aspect-ratio: 485 / 161;
  margin-inline: auto;
  border-radius: 12px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-hero-slide {
  border-radius: 12px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-cards-left a,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-cards-vip {
  border-radius: 10px;
  background: #12151a;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .marquee-wrapper {
  width: calc(100% - 42px) !important;
  max-width: 485px;
  height: 45px !important;
  min-height: 45px !important;
  margin: 9px auto !important;
  padding: 0 9px 0 12px !important;
  border: 1px solid rgba(102, 255, 102, 0.1);
  border-radius: 10px;
  background: #12151a !important;
  box-sizing: border-box;
}

html.house-g8k7.green-dark.g8k7-bb888 .marquee-wrapper .megaphone-wrapper {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
}

html.house-g8k7.green-dark.g8k7-bb888 .marquee.label,
html.house-g8k7.green-dark.g8k7-bb888 .marquee.label .marquee__item {
  color: #66ff66 !important;
  font-weight: 600 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .marquee.label,
html.house-g8k7.green-dark.g8k7-bb888 .marquee__content {
  max-width: 100%;
  overflow: hidden;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-marquee-action {
  flex: 0 0 29px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 29px;
  height: 29px;
  margin-left: 8px;
  border-radius: 50%;
  background: var(--bb888-cta);
  color: #12151a !important;
  font-size: 26px;
  font-weight: 900;
  line-height: 1;
  text-decoration: none;
  box-shadow: 0 0 0 2px rgba(102, 255, 102, 0.12);
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-providers {
  padding-inline: 21px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-provider {
  border-color: rgba(102, 255, 102, 0.08);
  background: #12151a;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.16);
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-provider.is-active {
  border-color: #66ff66;
  background: #1f3332;
  box-shadow: 0 0 0 1px rgba(102, 255, 102, 0.1);
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .game-head {
  margin-inline: 0 !important;
  border: 1px solid rgba(102, 255, 102, 0.08);
  background: #1f3332;
  box-shadow: 0 9px 22px rgba(0, 0, 0, 0.16);
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-game-lobby {
  border-color: #385048;
  background: #12151a;
  color: #ffffff;
}

html.house-g8k7.green-dark.g8k7-bb888 #inicio .card-container,
html.house-g8k7.green-dark.g8k7-bb888 #inicio .g8k7-bb888-grid,
html.house-g8k7.green-dark.g8k7-bb888 #inicio .platform-game-c .card-container {
  padding-inline: 21px !important;
}

html.house-g8k7.green-dark.g8k7-bb888 #inicio .game-card,
html.house-g8k7.green-dark.g8k7-bb888 #inicio .style1,
html.house-g8k7.green-dark.g8k7-bb888 #inicio .style2,
html.house-g8k7.green-dark.g8k7-bb888 ion-card {
  background: #12151a !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.2);
}

/* Authentication keeps G8K7 fields and actions; only geometry and finish change. */
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal::part(content) {
  --width: 100%;
  --max-width: 527px;
  width: 100% !important;
  max-width: 527px !important;
  background:
    radial-gradient(circle at 50% 12%, rgba(102, 255, 102, 0.16), transparent 32%),
    linear-gradient(180deg, #1f3332 0, #05161a 58%, #12151a 100%) !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-shell {
  min-height: 100%;
  padding-bottom: 24px;
  background:
    radial-gradient(circle at 12% 68%, rgba(102, 255, 102, 0.08), transparent 30%),
    linear-gradient(180deg, transparent 0 45%, rgba(5, 22, 26, 0.94) 100%);
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-shell > .header {
  height: 170px;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-shell > .header .btn-close {
  top: 18px;
  right: 21px;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(102, 255, 102, 0.38);
  background-color: #12151a !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-card {
  flex-direction: column;
  width: min(calc(100% - 42px), 474px);
  min-height: 454px;
  margin: -10px auto 0;
  padding: 24px 20px 22px;
  overflow: hidden;
  border: 1px solid rgba(102, 255, 102, 0.68);
  border-radius: 23px;
  background:
    radial-gradient(circle at 92% 4%, rgba(102, 255, 102, 0.14), transparent 34%),
    linear-gradient(145deg, #1f3332 0%, #05161a 76%) !important;
  box-shadow:
    0 24px 54px rgba(0, 0, 0, 0.38),
    inset 0 0 38px rgba(102, 255, 102, 0.035);
  backdrop-filter: blur(12px);
  box-sizing: border-box;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-login-mode .g8k7-bb888-register-card,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-login-card {
  height: 424px;
  min-height: 424px;
  max-height: 424px;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-card > .header {
  flex: 0 0 auto;
  padding: 0 0 17px;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-card .title {
  margin: 0 0 8px;
  color: #ffffff !important;
  font-size: 45px;
  font-weight: 850;
  line-height: 1;
  letter-spacing: -0.035em;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-card .login-hint,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-card .register-hint {
  color: #a8b5b0 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-card .login-text,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-card .register-text {
  color: #66ff66 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-card .form-wrapper {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 2px 2px 0;
  scrollbar-color: #385048 transparent;
  scrollbar-width: thin;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-form {
  gap: 10px;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-form > .item-height,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-form .item-height > .relative,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-form .item-height ion-input {
  height: 60px !important;
  min-height: 60px !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-form .item-height ion-input {
  --background: #05161a !important;
  --color: #ffffff !important;
  --placeholder-color: #82928d !important;
  --highlight-color-focused: #66ff66 !important;
  --highlight-color-invalid: #ff5c67 !important;
  --border-radius: 999px !important;
  border-radius: 999px !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-form .item-height ion-input .input-wrapper {
  min-height: 60px !important;
  border: 1px solid #385048 !important;
  border-radius: 999px !important;
  background: #05161a !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal ion-input.has-focus .input-wrapper,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal ion-input.ion-focused .input-wrapper,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .item-height:focus-within .input-wrapper {
  border-color: #66ff66 !important;
  box-shadow: 0 0 0 3px rgba(102, 255, 102, 0.13) !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal ion-input.ion-invalid.ion-touched .input-wrapper,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal [aria-invalid="true"] .input-wrapper {
  border-color: #ff5c67 !important;
  box-shadow: 0 0 0 3px rgba(255, 92, 103, 0.12) !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .error-text {
  color: #ff7b84 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal ion-checkbox,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal input[type="checkbox"] {
  --checkbox-background: #05161a;
  --checkbox-background-checked: #66ff66;
  --border-color: #385048;
  --border-color-checked: #66ff66;
  --checkmark-color: #12151a;
  accent-color: #66ff66;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .btn-login,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-real-register-submit {
  flex: 0 0 auto;
  width: 100%;
  margin-top: 8px;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .btn-login ion-button,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-real-register-submit ion-button {
  width: 100%;
  height: 58px !important;
  min-height: 58px !important;
  margin: 0;
  --background: var(--bb888-cta) !important;
  --background-activated: linear-gradient(180deg, #b9f052, #58eb58) !important;
  --color: #12151a !important;
  --border-radius: 999px !important;
  color: #12151a !important;
  font-size: 18px;
  font-weight: 850;
  border-radius: 999px;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .btn-login ion-button::part(native),
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-real-register-submit ion-button::part(native) {
  min-height: 58px !important;
  padding: 0 18px !important;
  background: var(--bb888-cta) !important;
  color: #12151a !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 9px 22px rgba(102, 255, 102, 0.12);
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal ion-button[disabled],
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal ion-button.button-disabled {
  --background: #1f3332 !important;
  --color: #82928d !important;
  opacity: 0.72 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal ion-button[disabled]::part(native),
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal ion-button.button-disabled::part(native) {
  background: #1f3332 !important;
  color: #82928d !important;
  box-shadow: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-invite-banner {
  width: min(calc(100% - 42px), 474px);
  border: 1px solid rgba(102, 255, 102, 0.12);
  border-radius: 16px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.22);
}

/* Navigation, floating support, footer, and installation prompt. */
html.house-g8k7.green-dark.g8k7-bb888 ion-tab-bar,
html.house-g8k7.green-dark.g8k7-bb888 ion-tab-bar .tab-bar,
html.house-g8k7.green-dark.g8k7-bb888 ion-tab-bar div.tab-bar {
  contain: none !important;
  height: 74px !important;
  min-height: 74px !important;
  background-color: #12151a !important;
  background-size: 100% 74px !important;
  border-top: 1px solid #66ff66 !important;
  box-shadow: 0 -10px 26px rgba(0, 0, 0, 0.28);
}

html.house-g8k7.green-dark.g8k7-bb888 .tab-bar > [tab] {
  flex: 1 1 20%;
  width: 20%;
  max-width: 105.4px;
  min-height: 74px !important;
  padding-top: 8px !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .tab-bar > [tab]:not([tab="entrar"]) > .g8k7-tab-icon {
  width: 84px;
  height: 48px;
  margin-bottom: -20px;
}

html.house-g8k7.green-dark.g8k7-bb888 .tab-bar > [tab]:not([tab="entrar"]) ion-label {
  bottom: 5px;
  font-size: 12px !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .tab-bar > [tab="entrar"] .g8k7-tab-icon {
  top: -25px;
  width: 87px;
  height: 87px;
}

html.house-g8k7.green-dark.g8k7-bb888 .tab-bar > [tab="entrar"] ion-label,
html.house-g8k7.green-dark.g8k7-bb888 .tab-bar > [tab="entrar"] .g8k7-tab-label {
  bottom: 5px;
}

html.house-g8k7.green-dark.g8k7-bb888 .fixed.left-2.z-50 {
  bottom: calc(74px + 18px) !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .fixed.left-2.z-50 .support {
  width: 60px !important;
  height: 60px !important;
  border: 2px solid #66ff66;
  background:
    radial-gradient(circle at 35% 28%, rgba(204, 255, 102, 0.34), transparent 34%),
    #1f3332 !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.32);
}

html.house-g8k7.green-dark.g8k7-bb888 .fixed.left-2.z-50 .support ion-icon {
  color: #ffffff !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .red-packet-rain {
  bottom: calc(74px + 84px) !important;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.25));
}

html.house-g8k7.green-dark.g8k7-bb888 ion-footer,
html.house-g8k7.green-dark.g8k7-bb888 ion-footer ion-toolbar {
  --background: #12151a !important;
  background: #12151a !important;
  border-color: #385048 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .mask.h-full.w-full.flex.justify-center.items-end.fixed {
  background: rgba(5, 22, 26, 0.68) !important;
  backdrop-filter: blur(5px);
}

html.house-g8k7.green-dark.g8k7-bb888 .content_footer_pwa {
  width: min(calc(100% - 28px), 474px) !important;
  max-width: 474px;
  margin: 0 auto;
  padding: 20px !important;
  border: 1px solid rgba(102, 255, 102, 0.34);
  border-radius: 23px 23px 0 0 !important;
  background:
    radial-gradient(circle at 94% 8%, rgba(102, 255, 102, 0.12), transparent 38%),
    linear-gradient(145deg, #1f3332, #05161a) !important;
  box-shadow: 0 -20px 48px rgba(0, 0, 0, 0.38);
}

html.house-g8k7.green-dark.g8k7-bb888 .content_footer_pwa ion-button,
html.house-g8k7.green-dark.g8k7-bb888 .content_footer_pwa button {
  --background: var(--bb888-cta) !important;
  --color: #12151a !important;
  --border-radius: 999px !important;
  color: #12151a !important;
  font-weight: 800 !important;
}

@media (max-width: 430px) {
  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home {
    --g8k7-home-pad: 14px;
  }

  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-promo {
    padding-inline: 14px !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .marquee-wrapper {
    width: calc(100% - 28px) !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-providers,
  html.house-g8k7.green-dark.g8k7-bb888 #inicio .card-container,
  html.house-g8k7.green-dark.g8k7-bb888 #inicio .g8k7-bb888-grid,
  html.house-g8k7.green-dark.g8k7-bb888 #inicio .platform-game-c .card-container {
    padding-inline: 14px !important;
  }
}

@media (max-width: 400px) {
  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header {
    --padding-start: 7px !important;
    --padding-end: 7px !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-img[slot="secondary"] {
    flex-basis: 96px !important;
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
    height: 30px !important;
    margin-left: 4px !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .register-btn-warpper,
  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .register-btn-warper,
  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .button.register,
  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-button.register,
  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .first-button.register {
    width: 77px !important;
    min-width: 77px !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .button.login,
  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-button.login,
  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .first-button.login {
    width: 76px !important;
    min-width: 76px !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .button.login,
  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .button.register,
  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-button.login,
  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-button.register {
    font-size: 13px !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home {
    --g8k7-home-pad: 12px;
  }

  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-promo {
    padding-inline: 12px !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .marquee-wrapper {
    width: calc(100% - 24px) !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-providers,
  html.house-g8k7.green-dark.g8k7-bb888 #inicio .card-container,
  html.house-g8k7.green-dark.g8k7-bb888 #inicio .g8k7-bb888-grid,
  html.house-g8k7.green-dark.g8k7-bb888 #inicio .platform-game-c .card-container {
    padding-inline: 12px !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-shell > .header {
    height: 138px;
  }

  html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-card {
    width: calc(100% - 24px);
    min-height: 430px;
    padding: 22px 16px 20px;
  }

  html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-login-mode .g8k7-bb888-register-card,
  html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-login-card {
    height: 420px;
    min-height: 420px;
    max-height: 420px;
  }

  html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-card .title {
    font-size: 37px;
  }

  html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-form > .item-height,
  html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-form .item-height > .relative,
  html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-form .item-height ion-input,
  html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-form .item-height ion-input .input-wrapper {
    height: 56px !important;
    min-height: 56px !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .btn-login ion-button,
  html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-real-register-submit ion-button,
  html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .btn-login ion-button::part(native),
  html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-real-register-submit ion-button::part(native) {
    height: 56px !important;
    min-height: 56px !important;
  }
}

@media (max-width: 360px) {
  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-buttons.g8k7-menu-trigger {
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-img[slot="secondary"] {
    flex-basis: 82px !important;
    width: 82px !important;
    min-width: 82px !important;
    max-width: 82px !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .register-btn-warpper,
  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .register-btn-warper,
  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .button.register,
  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-button.register,
  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .first-button.register,
  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .button.login,
  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-button.login,
  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .first-button.login {
    width: 68px !important;
    min-width: 68px !important;
    font-size: 12px !important;
  }
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-card .form-wrapper {
  padding-right: 0;
  scrollbar-width: none;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-card .form-wrapper::-webkit-scrollbar {
  width: 0;
  height: 0;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-form {
  width: 100% !important;
  padding-bottom: 0 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal form > .w-full.overflow-hidden:has(> #turnstile-global-login:empty),
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal #captcha-element:empty,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal #captcha-button:empty {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .btn-login,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-real-register-submit {
  margin: 0 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-real-register-submit {
  position: sticky;
  z-index: 4;
  bottom: 0;
  padding-top: 8px;
  background: linear-gradient(180deg, rgba(5, 22, 26, 0), #05161a 32%);
}

@media (min-width: 401px) {
  html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-card {
    height: 424px;
    min-height: 424px;
    max-height: 424px;
  }
}

@media (max-width: 400px) {
  html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-card {
    height: 420px;
    min-height: 420px;
    max-height: 420px;
  }
}

/* ---------- Deposit tab ---------- */
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page ion-content {
  --background: #0b1016 !important;
  background: #0b1016 !important;
  color: #fff;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page ion-content::part(scroll) {
  padding-bottom: 190px;
  background:
    radial-gradient(circle at 88% 88%, rgba(102, 255, 102, 0.09), transparent 34%),
    #0b1016;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page ion-header.assets-header,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page ion-header.assets-header .header-wrap {
  background: #12151a !important;
  box-shadow: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .header-wrap {
  min-height: 0 !important;
  height: auto !important;
  padding: 10px 16px 12px !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page ion-header.assets-header {
  min-height: 0 !important;
  height: auto !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .header-wrap .top {
  align-items: center;
  min-height: 40px;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .header-wrap .top > span {
  flex: 1 1 auto;
  color: #fff !important;
  font-size: 19px !important;
  font-weight: 700;
  text-align: center;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .header-wrap .icon-area {
  flex: 0 0 34px;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50%;
  background: #1f3332 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .header-wrap .icon-area .record {
  color: #66ff66 !important;
}

/* Keep the support shortcut, drop the paragraph that padded the header. */
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .header-wrap .text {
  height: 22px !important;
  min-height: 0 !important;
  margin: 4px 0 0 !important;
  padding: 0 !important;
  overflow: hidden;
  font-size: 0 !important;
  line-height: 0 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .header-wrap .text .client ion-icon {
  width: 16px !important;
  height: 16px !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .header-wrap .text .client {
  display: inline-flex !important;
  align-items: center;
  gap: 4px;
  color: #66ff66 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .pay-list.g8k7-single-paytype {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .channel-wrap {
  padding: 14px 16px 0 !important;
  background: transparent !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .channel-wrap .title,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .label-area .title {
  color: #c7d0cb !important;
  font-size: 13px !important;
  font-weight: 500;
}

/* The theme pins this list to a short fixed height with overflow:auto, which
   clipped the taller pills on narrow screens. */
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .channel-list {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  gap: 10px;
  margin: 10px 0 0 !important;
  padding: 0 0 14px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .channel-list li {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 96px;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #262b33 !important;
  color: #cfd6d2 !important;
  font-size: 14px;
  font-weight: 600;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .channel-list li.active {
  background: linear-gradient(180deg, #8dff7a 0%, #4de04d 100%) !important;
  color: #0d1a0d !important;
  box-shadow: 0 4px 14px rgba(77, 224, 77, 0.28);
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .channel-list li[data-g8k7-channel="pix1"] {
  order: 1;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .channel-list li[data-g8k7-channel="pix2"] {
  order: 2;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .channel-list li .tag {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .g8k7-channel-name {
  font: inherit;
  letter-spacing: 0.2px;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .tip-wrap {
  align-items: center;
  margin: 0 !important;
  padding: 14px 16px 0 !important;
  color: #9fb0a6 !important;
  font-size: 12px !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .tip-wrap p {
  color: #9fb0a6 !important;
  font-size: 12px !important;
  line-height: 1.4;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .tip-wrap ion-icon {
  flex: 0 0 14px;
  width: 14px !important;
  height: 14px !important;
  margin-right: 6px !important;
  color: #9fb0a6 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .amount-input-wrap {
  padding: 10px 16px 0 !important;
  background: transparent !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .amount-input-wrap .label-area {
  min-height: 0 !important;
  margin-bottom: 6px;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .input-comp .relative.recharge {
  height: 62px !important;
  padding: 0 18px !important;
  border: 1px solid #66ff66 !important;
  border-radius: 999px !important;
  background: rgba(102, 255, 102, 0.04) !important;
  box-shadow: 0 0 0 3px rgba(102, 255, 102, 0.06);
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .input-comp .relative.recharge {
  display: flex !important;
  align-items: center;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .input-comp .currency {
  margin-right: 10px !important;
  color: #66ff66 !important;
  font-size: 19px !important;
  font-weight: 800 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .input-comp .input-wrapper,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .input-comp .native-wrapper {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .input-comp ion-input {
  --background: transparent !important;
  --color: #ffffff !important;
  --placeholder-color: #7d8a83 !important;
  --placeholder-opacity: 1;
  --padding-start: 0 !important;
  --padding-end: 0 !important;
  flex: 1 1 auto;
  height: auto !important;
  font-size: 18px !important;
  font-weight: 700;
}

/* "GIFT + R$ 0,00" badge inside the field. */
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .input-comp .native-wrapper > .flex {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .AmountBtnList-wrap {
  width: auto !important;
  margin: 0 !important;
  padding: 14px 16px 0 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .first-btn-list-wrap {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  width: 100% !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .btn-wrap {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: auto !important;
  min-width: 0 !important;
  height: 52px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #262b33 !important;
  color: #eaf0ec !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .btn-wrap.active,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .btn-wrap.on,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .btn-wrap.is-active {
  background: #1f3332 !important;
  box-shadow: inset 0 0 0 1px #66ff66;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .btn-wrap.active .amount-text,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .btn-wrap.on .amount-text,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .btn-wrap.is-active .amount-text {
  color: #66ff66 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .btn-wrap .bn-text,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .btn-wrap .amount {
  width: auto !important;
  margin: 0 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .btn-wrap .amount-text {
  color: #eaf0ec !important;
  font-size: 16px !important;
  font-weight: 700;
  white-space: nowrap;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .btn-wrap .amount-text::before {
  content: "R$ ";
  color: inherit;
  font-weight: 700;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .fixedBottom-footer {
  background: transparent !important;
  box-shadow: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .fixedBottom-footer .btn-warp {
  padding: 0 16px !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .fixedBottom-footer ion-button {
  --background: linear-gradient(180deg, #a6f56a 0%, #4fbf4f 100%) !important;
  --background-activated: #4fbf4f !important;
  --background-hover: #8fe85f !important;
  --color: #0d1a0d !important;
  --border-radius: 999px !important;
  --box-shadow: 0 8px 20px rgba(79, 191, 79, 0.24) !important;
  height: 56px !important;
  font-size: 17px !important;
  font-weight: 800;
  text-transform: none;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .fixedBottom-footer ion-button.button-disabled {
  --background: linear-gradient(180deg, #6f9a55 0%, #3d7a44 100%) !important;
  --color: #12181299 !important;
  opacity: 1 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .fixedBottom-footer ion-button p,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .fixedBottom-footer ion-button span {
  color: inherit !important;
  font-size: 17px !important;
  font-weight: 800;
}

@media (max-width: 390px) {
  html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .channel-wrap,
  html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .amount-input-wrap,
  html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .tip-wrap,
  html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .AmountBtnList-wrap,
  html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .fixedBottom-footer .btn-warp {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888 .g8k7-deposit-page .btn-wrap .amount-text {
    font-size: 14px !important;
  }
}

/* ---------- Redeem code tab (Troca Recompensas) ---------- */
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-page ion-content,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-promo-redeem ion-content {
  --background: #0b1016 url("/assets/g8k7/bg-glow.png") center / cover no-repeat !important;
  --padding-start: 0 !important;
  --padding-end: 0 !important;
  --offset-bottom: 0px !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-page ion-content::part(scroll),
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-promo.g8k7-promo-redeem ion-content::part(scroll) {
  padding: 0 0 28px !important;
  background:
    url("/assets/g8k7/bg-mesh.png") center top / cover no-repeat,
    url("/assets/g8k7/bg-glow.png") center / cover no-repeat,
    #0b1016 !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-promo.g8k7-promo-redeem .activity-wrap,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-promo.g8k7-promo-redeem .g8k7-promo-card {
  display: none !important;
}

/* Hide bottom nav on redeem subpage so rules are not covered */
html.house-g8k7.green-dark.g8k7-bb888.g8k7-promo-redeem ion-tab-bar,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-promo-redeem ion-footer,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-promo-redeem .tab-bar,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-promo-redeem ion-tabs.b-tabs > ion-tab-bar {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-page .top-banner {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-hero {
  display: block;
  box-sizing: border-box;
  width: 100%;
  aspect-ratio: 1 / 1;
  height: auto;
  max-height: none;
  margin: 0 0 8px;
  padding: 0;
  line-height: 0;
  overflow: hidden;
  position: relative;
  background: #0b1016;
  flex-shrink: 0;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-hero img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  max-height: 54%;
  margin: 0;
  object-fit: contain;
  object-position: center top;
  transform: none;
  pointer-events: none;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-card {
  position: static !important;
  top: auto !important;
  transform: none !important;
  box-sizing: border-box;
  width: calc(100% - 40px);
  max-width: 487px;
  min-height: 260px;
  margin: 0 auto 16px;
  padding: 22px 18px 24px;
  border: 1.5px solid #66ff66;
  border-radius: 16px;
  background: linear-gradient(180deg, #35603c 0%, #2c5133 100%);
  box-shadow: 0 0 14px rgba(62, 240, 74, 0.1);
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-label {
  margin: 0 0 14px !important;
  color: #eaf6ea !important;
  font-size: 16px !important;
  font-weight: 600;
  line-height: 1.45;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-field {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 68px;
  padding: 0 8px 0 6px;
  border: 1.5px solid #66ff66;
  border-radius: 12px;
  background: #12301b;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-field > div.code-input {
  flex: 1 1 auto;
  min-width: 0;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-field ion-input,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-field input {
  --background: transparent !important;
  --color: #ffffff !important;
  --placeholder-color: #9fc4a5 !important;
  --placeholder-opacity: 1;
  --padding-start: 14px !important;
  --padding-end: 8px !important;
  min-height: 0 !important;
  width: 100%;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  background: transparent !important;
  border: 0 !important;
  outline: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-paste {
  flex: 0 0 auto;
  width: 86px;
  min-width: 86px;
  height: 50px;
  padding: 0;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(180deg, #b7fb7a 0%, #63e863 100%);
  color: #16401b;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-paste:active {
  transform: scale(0.97);
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-hint {
  margin: 12px 0 20px !important;
  color: #cfe6d1 !important;
  font-size: 12px !important;
  font-weight: 400;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-card .btn-warpper {
  display: flex !important;
  justify-content: center !important;
  margin: 0 auto !important;
  padding: 0 !important;
  width: 320px !important;
  max-width: calc(100% - 8px) !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-card .btn-warpper ion-button {
  --background: #2a4f31 !important;
  --background-activated: #63e863 !important;
  --background-hover: #35603c !important;
  --color: #8fb495 !important;
  --border-radius: 14px !important;
  --box-shadow: none !important;
  height: 58px !important;
  min-height: 58px !important;
  width: 320px !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  font-size: 17px !important;
  font-weight: 600;
  text-transform: none;
  opacity: 1 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-card .btn-warpper ion-button.button-disabled,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-card .btn-warpper ion-button[disabled] {
  --background: #2a4f31 !important;
  --color: #8fb495 !important;
  opacity: 0.85 !important;
  pointer-events: none;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-card .btn-warpper ion-button:not(.button-disabled):not([disabled]) {
  --background: linear-gradient(180deg, #b7fb7a 0%, #63e863 100%) !important;
  --color: #16401b !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-card .btn-warpper ion-button p,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-card .btn-warpper ion-button span {
  color: inherit !important;
  font-size: 17px !important;
  font-weight: 600;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-page .social-media-container,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-media {
  position: static !important;
  top: auto !important;
  transform: none !important;
  box-sizing: border-box;
  width: calc(100% - 40px) !important;
  max-width: 487px !important;
  margin: 0 auto 16px !important;
  padding: 12px 12px 10px !important;
  border: 1.5px solid rgba(102, 255, 102, 0.35);
  border-radius: 14px;
  background: #12181a !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-page .social-media-container .title,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-media-title {
  display: flex !important;
  align-items: center;
  gap: 10px;
  margin: 0 !important;
  color: #8ef08e !important;
  font-size: 13px !important;
  font-weight: 500;
  text-align: left;
  line-height: 1.35;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-scroll-icon {
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-scroll-icon svg {
  display: block;
  width: 34px;
  height: 34px;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-media-text {
  flex: 1 1 auto;
  min-width: 0;
  font-weight: 500;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-page .social-media-container .sub,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-media .sub,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-page .social-media-container ion-col,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-page .social-media-container ion-img,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-page .g8k7-redeem-legacy-icon,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-page .g8k7-redeem-legacy-row,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-page .g8k7-redeem-legacy-hide,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-page .social-media-container > .title:not(.g8k7-redeem-media-title),
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-page .social-media-container > p.title,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-page ion-row:not(.g8k7-redeem-social) {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-page .g8k7-redeem-social {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 22px;
  height: auto !important;
  margin: 10px 0 0 !important;
  padding: 8px 6px !important;
  border-radius: 12px;
  background: #1b2224;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-social-btn {
  width: 46px;
  height: 46px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: none;
  text-decoration: none;
  flex: 0 0 auto;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-page .g8k7-redeem-icon {
  width: 30px !important;
  height: 30px !important;
  margin: 0 !important;
  object-fit: contain;
  display: block;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-page .rule-text {
  margin: 8px 0 0 !important;
  padding: 0 20px 24px !important;
  background: transparent !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-page .g8k7-redeem-legacy-rule {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-rules-title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 6px 0 14px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  white-space: nowrap;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-rules-title::before,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-rules-title::after {
  content: "";
  flex: 1 1 auto;
  height: 1px;
  background: rgba(180, 188, 196, 0.45);
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-rules p {
  margin: 0 0 10px !important;
  color: #b0b8c0 !important;
  font-size: 14px !important;
  font-weight: 400;
  line-height: 1.55;
}

/* Larger header on redeem subpage */
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-promo.g8k7-promo-redeem .g8k7-promo-header {
  height: 70px !important;
  min-height: 70px !important;
  padding: 0 18px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-promo.g8k7-promo-redeem .g8k7-promo-back {
  left: 14px;
  width: 48px !important;
  height: 48px !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-promo.g8k7-promo-redeem .g8k7-promo-back svg {
  width: 26px;
  height: 26px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-promo.g8k7-promo-redeem .g8k7-promo-title {
  font-size: 24px !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em;
}

@media (max-width: 390px) {
  html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-paste {
    width: 80px;
    min-width: 80px;
    font-size: 15px;
  }

  html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-page .g8k7-redeem-social {
    gap: 18px;
  }

  html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-card,
  html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-page .social-media-container,
  html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-media {
    width: calc(100% - 32px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-hero {
    width: 100%;
    aspect-ratio: 1 / 1;
    height: auto;
    max-height: none;
    margin-bottom: 8px;
    padding: 0;
  }

  html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-hero img {
    max-height: 54%;
  }

  html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-page .rule-text {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888 .g8k7-redeem-social-btn {
    width: 42px;
    height: 42px;
  }

  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-promo.g8k7-promo-redeem .g8k7-promo-title {
    font-size: 22px !important;
  }
}

/* ========== Promoção: header only + rounded cards ========== */
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-promo .promo-toolbar-first,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-promo ion-toolbar.toolbar-segment,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-promo .promo-toolbar-first ion-segment,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-promo .promo-toolbar-first ion-segment-button {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-promo .g8k7-promo-ion-header,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-promo ion-header.g8k7-promo-ion-header {
  background: #1a1e26 !important;
  box-shadow: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-promo .g8k7-promo-header {
  display: flex !important;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 52px;
  padding: 0 16px;
  background: #1a1e26;
  border-bottom: 1px solid rgba(102, 255, 102, 0.12);
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-promo .g8k7-promo-back {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-promo .g8k7-promo-title {
  margin: 0;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em;
  line-height: 1.2;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-promo ion-content {
  --background: #12151a url("/assets/g8k7/bg-glow.png") center / cover no-repeat !important;
  background: #12151a url("/assets/g8k7/bg-glow.png") center / cover no-repeat !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-promo ion-content::part(scroll) {
  padding: 14px 14px 88px !important;
  box-sizing: border-box;
  background:
    url("/assets/g8k7/bg-mesh.png") center top / cover no-repeat,
    url("/assets/g8k7/bg-glow.png") center / cover no-repeat,
    #12151a !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-promo.g8k7-promo-redeem ion-content::part(scroll) {
  padding: 6px 0 28px !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-promo .activity-wrap,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-promo .g8k7-promo-card {
  margin: 0 0 16px !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 1px solid rgba(102, 255, 102, 0.28) !important;
  background: #1a2228 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.28);
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-promo .activity-wrap .rounded-top {
  border-radius: 0 !important;
  min-height: 8.5rem !important;
  background-size: cover !important;
  background-position: center !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-promo .activity-wrap .rounded-top ion-item {
  --background: transparent !important;
  --inner-border-width: 0 !important;
  --border-width: 0 !important;
  --padding-start: 0 !important;
  --inner-padding-end: 0 !important;
  min-height: 8.5rem !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-promo .activity-bottom {
  background: #1a2228 !important;
  padding: 0 !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-promo .activity-bottom-content {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px;
  padding: 12px 12px 14px !important;
  min-height: 64px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-promo .activity-info-details {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px;
  flex: 1 1 auto;
  min-width: 0;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-promo .g8k7-promo-icon {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  border-radius: 10px;
  border: 1.5px solid rgba(102, 255, 102, 0.55);
  background: #0b1012;
  object-fit: cover;
  display: block;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-promo .activity-name {
  margin: 0 !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-promo .activity-time {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-promo .in-progress,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-promo .g8k7-promo-status {
  flex: 0 0 auto;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 118px;
  height: 36px;
  padding: 0 16px !important;
  border-radius: 999px !important;
  background: #66ff66 !important;
  color: #0b1210 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap;
  box-shadow: none !important;
  border: 0 !important;
}

@media (max-width: 390px) {
  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-promo ion-content::part(scroll) {
    padding: 12px 12px 88px !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-promo .activity-name {
    font-size: 14px !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-promo .in-progress,
  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-promo .g8k7-promo-status {
    min-width: 108px;
    height: 34px;
    padding: 0 12px !important;
    font-size: 12px !important;
  }
}

/*
 * Browser-zoom neutral shell.
 * JavaScript derives --g8k7-zoom-comp from devicePixelRatio and rebuilds the
 * 100%-zoom viewport. At 33%, for example, the internal 527px shell is scaled
 * to roughly 1597 CSS px, which the browser renders at about 527 visual px.
 */
html.house-g8k7.green-dark.g8k7-bb888[data-g8k7-browser-zoom] {
  --g8k7-zoom-comp: 1;
  --g8k7-shell-width: min(100vw, var(--bb888-shell));
  --g8k7-layout-height: 100vh;
}

html.house-g8k7.green-dark.g8k7-bb888[data-g8k7-browser-zoom] body {
  overflow: hidden !important;
}

html.house-g8k7.green-dark.g8k7-bb888[data-g8k7-browser-zoom] body div#app,
html.house-g8k7.green-dark.g8k7-bb888[data-g8k7-browser-zoom] ion-app {
  width: var(--g8k7-shell-width) !important;
  max-width: var(--g8k7-shell-width) !important;
}

html.house-g8k7.green-dark.g8k7-bb888[data-g8k7-browser-zoom] ion-app {
  left: 50% !important;
  right: auto !important;
  top: 0 !important;
  height: var(--g8k7-layout-height) !important;
  transform: translateX(-50%) scale(var(--g8k7-zoom-comp)) !important;
  transform-origin: 50% 0 !important;
  will-change: transform;
}

html.house-g8k7.green-dark.g8k7-bb888[data-g8k7-browser-zoom] ion-router-outlet {
  width: 100% !important;
  max-width: 100% !important;
}

/* SPA blue/purple leak overrides */
html.house-g8k7.green-dark.g8k7-bb888 {
  --accent-color-blue: #66ff66;
  --color-link: #66ff66;
  --color-text-href: #66ff66;
  --color-marquee: #66ff66;
  --marquee-color: #66ff66;
  --bugle-color: #66ff66;
  --ion-color-info: #66ff66;
}
html.house-g8k7.green-dark.g8k7-bb888 [style*="#005dfe"],
html.house-g8k7.green-dark.g8k7-bb888 [style*="#005DFE"] {
  color: #66ff66 !important;
  fill: #66ff66 !important;
}

/* ---------- Withdraw (mirrors deposit) / withdraw ---------- */
html.house-g8k7.green-dark.g8k7-bb888 .recharge,
html.house-g8k7.green-dark.g8k7-bb888 .withdraw,
html.house-g8k7.green-dark.g8k7-bb888 [class*="recharge"],
html.house-g8k7.green-dark.g8k7-bb888 [class*="withdraw"] {
  background: var(--bb888-bg) !important;
  color: #fff;
}

html.house-g8k7.green-dark.g8k7-bb888 .recharge ion-item,
html.house-g8k7.green-dark.g8k7-bb888 .withdraw ion-item,
html.house-g8k7.green-dark.g8k7-bb888 .recharge ion-input,
html.house-g8k7.green-dark.g8k7-bb888 .withdraw ion-input {
  --background: var(--bb888-surface);
  --color: #fff;
  --placeholder-color: var(--bb888-muted);
  border-radius: 10px;
}

html.house-g8k7.green-dark.g8k7-bb888 .recharge .amount-list button,
html.house-g8k7.green-dark.g8k7-bb888 .withdraw .amount-list button,
html.house-g8k7.green-dark.g8k7-bb888 .recharge [class*="amount"] span,
html.house-g8k7.green-dark.g8k7-bb888 .pay-item,
html.house-g8k7.green-dark.g8k7-bb888 .channel-item {
  background: var(--bb888-chip) !important;
  color: #fff !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .recharge .amount-list .active,
html.house-g8k7.green-dark.g8k7-bb888 .pay-item.active,
html.house-g8k7.green-dark.g8k7-bb888 .channel-item.active,
html.house-g8k7.green-dark.g8k7-bb888 .recharge [class*="amount"].on {
  border-color: var(--bb888-lime) !important;
  color: var(--bb888-lime) !important;
  background: #1f3332 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .recharge ion-button,
html.house-g8k7.green-dark.g8k7-bb888 .withdraw ion-button,
html.house-g8k7.green-dark.g8k7-bb888 .recharge .submit,
html.house-g8k7.green-dark.g8k7-bb888 .withdraw .submit {
  --background: var(--bb888-lime) !important;
  --color: var(--bb888-ink) !important;
  --border-radius: var(--bb888-radius-pill);
  font-weight: 700;
}

html.house-g8k7.green-dark.g8k7-bb888 .record-wrap,
html.house-g8k7.green-dark.g8k7-bb888 .record-wrap .bottom {
  color: #fff;
}

/* ---------- Floating widgets ---------- */
html.house-g8k7.green-dark.g8k7-bb888 .cs-btn,
html.house-g8k7.green-dark.g8k7-bb888 [class*="service"],
html.house-g8k7.green-dark.g8k7-bb888 .float-btn {
  filter: none;
}

/* ---------- Tablet / desktop density ---------- */
@media (min-width: 768px) {
  html.house-g8k7.green-dark.g8k7-bb888 #inicio .swiper,
  html.house-g8k7.green-dark.g8k7-bb888 #inicio .swiper-c,
  html.house-g8k7.green-dark.g8k7-bb888 #inicio .banner-c {
    margin: 10px 12px 8px !important;
    width: calc(100% - 24px) !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888 #inicio .card-container,
  html.house-g8k7.green-dark.g8k7-bb888 #inicio .g8k7-bb888-grid {
    gap: 8px !important;
    padding-inline: 12px;
  }
}

@media (min-width: 1440px) {
  html.house-g8k7.green-dark.g8k7-bb888 {
    --bb888-shell: 527px;
  }
}

/* ---------- Login modal / pages ---------- */
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal::part(content),
html.house-g8k7.green-dark.g8k7-bb888 ion-modal[id*="login"],
html.house-g8k7.green-dark.g8k7-bb888 ion-modal[id*="register"] {
  --background: var(--bb888-bg);
  --height: 100%;
  --width: 100%;
  --max-width: var(--bb888-shell);
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .content,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .wrapper,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal .login-content,
html.house-g8k7.green-dark.g8k7-bb888 ion-page.login,
html.house-g8k7.green-dark.g8k7-bb888 ion-page.register {
  background: var(--bb888-bg) !important;
  color: #fff;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal ion-button.button-solid,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .submit ion-button,
html.house-g8k7.green-dark.g8k7-bb888 ion-page.login ion-button.button-solid,
html.house-g8k7.green-dark.g8k7-bb888 ion-page.register ion-button.button-solid {
  --background: var(--bb888-lime) !important;
  --color: var(--bb888-ink) !important;
  --border-radius: var(--bb888-radius-pill);
  font-weight: 700;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal ion-input,
html.house-g8k7.green-dark.g8k7-bb888 ion-page.login ion-input,
html.house-g8k7.green-dark.g8k7-bb888 ion-page.register ion-input {
  --background: var(--bb888-surface);
  --color: #fff;
  --placeholder-color: var(--bb888-muted);
  --padding-start: 12px;
  --padding-end: 12px;
  --border-radius: 10px;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal a,
html.house-g8k7.green-dark.g8k7-bb888 ion-page.login a,
html.house-g8k7.green-dark.g8k7-bb888 ion-page.register a {
  color: var(--bb888-lime);
}

/* ---------- Promo / profile / cash denser cards ---------- */
html.house-g8k7.green-dark.g8k7-bb888 #promo ion-content,
html.house-g8k7.green-dark.g8k7-bb888 #perfil ion-content,
html.house-g8k7.green-dark.g8k7-bb888 #entrar ion-content,
html.house-g8k7.green-dark.g8k7-bb888 #withdraw ion-content,
html.house-g8k7.green-dark.g8k7-bb888 .recharge ion-content,
html.house-g8k7.green-dark.g8k7-bb888 .withdraw ion-content {
  --background: var(--bb888-bg);
}

html.house-g8k7.green-dark.g8k7-bb888 #promo .banner,
html.house-g8k7.green-dark.g8k7-bb888 #promo ion-img,
html.house-g8k7.green-dark.g8k7-bb888 #promo img {
  border-radius: 12px;
}

html.house-g8k7.green-dark.g8k7-bb888 #perfil .user-info,
html.house-g8k7.green-dark.g8k7-bb888 #perfil .wallet-box,
html.house-g8k7.green-dark.g8k7-bb888 #perfil .vip-box {
  background: var(--bb888-surface);
  border-radius: 12px;
  margin: 8px 10px;
  padding: 12px;
}

html.house-g8k7.green-dark.g8k7-bb888 .recharge .pay-list,
html.house-g8k7.green-dark.g8k7-bb888 .withdraw .channel-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 0 10px;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toast::part(container) {
  background: var(--bb888-surface);
  color: #fff;
  border-radius: 10px;
}

/* ---------- BB888-faithful register composition ---------- */
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal::part(content) {
  --width: min(100vw, 466px);
  --max-width: 466px;
  --height: 100%;
  background:
    linear-gradient(180deg, rgba(3, 27, 21, 0.02) 0, rgba(3, 28, 22, 0.2) 45%, rgba(3, 28, 22, 0.92) 100%),
    url("/assets/g8k7/auth-bg.png") top center / 100% auto no-repeat,
    #05161a !important;
  box-shadow: 0 0 48px rgba(0, 0, 0, 0.58);
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-shell {
  position: relative;
  min-height: 100%;
  height: auto;
  overflow-y: auto;
  padding-bottom: 28px;
  background:
    linear-gradient(180deg, transparent 0 56%, rgba(4, 34, 27, 0.84) 100%);
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-shell > .header {
  position: relative;
  height: 214px;
  padding: 0;
  background: transparent !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-shell > .header .logo {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-shell > .header .btn-close {
  position: absolute;
  z-index: 5;
  top: 20px;
  right: 20px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  background: rgba(0, 20, 18, 0.58) url("/assets/g8k7/auth-close.png") center / 100% 100% no-repeat !important;
  color: transparent !important;
  border-radius: 50%;
  backdrop-filter: blur(6px);
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-shell > .header .btn-close > * {
  visibility: hidden !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-card {
  position: relative;
  z-index: 2;
  display: flex;
  width: calc(100% - 46px);
  height: auto;
  min-height: 438px;
  max-height: none;
  margin: -18px auto 0;
  padding: 26px 20px 24px;
  overflow: visible;
  color: #fff;
  border: 1.5px solid #55ff70;
  border-radius: 21px;
  background:
    linear-gradient(135deg, rgba(16, 45, 34, 0.94), rgba(37, 45, 39, 0.9)),
    rgba(19, 31, 29, 0.94) !important;
  box-shadow:
    0 22px 50px rgba(0, 0, 0, 0.3),
    inset 0 0 42px rgba(101, 255, 102, 0.055);
  backdrop-filter: blur(10px);
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-card > .header {
  height: auto;
  padding: 0 0 22px;
  background: transparent !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-card .title {
  margin: 0 0 13px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.02em;
  color: #fff !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-card .login-hint,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-card .login-text,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-card .register-hint,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-card .register-text {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.35;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-card .login-hint,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-card .register-hint {
  padding-right: 5px;
  color: #9ca59e !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-card .login-text,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-card .register-text {
  color: #66ff66 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-card .form-wrapper {
  flex: none;
  overflow: visible;
  padding: 0;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-form {
  display: flex;
  flex-direction: column;
  gap: 11px;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-form > .item-height {
  height: 54px !important;
  margin: 0 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-form .item-height > .relative,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-form .item-height ion-input {
  width: 100%;
  height: 54px !important;
  min-height: 54px !important;
  margin: 0 !important;
  --background: #05161a !important;
  --color: #f4f7f5 !important;
  --placeholder-color: #697777 !important;
  --placeholder-opacity: 1;
  --padding-start: 14px !important;
  --padding-end: 14px !important;
  --border-radius: 999px !important;
  border-radius: 999px !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-form .item-height ion-input .input-wrapper {
  min-height: 54px !important;
  border: 1px solid #385048 !important;
  border-radius: 999px !important;
  background: #05161a !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-hidden-register-extra,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-first-register-submit {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .adultConfirm.g8k7-register-requirement,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .age-confirmation-21.g8k7-register-requirement {
  display: flex !important;
  align-items: flex-start;
  min-height: 38px;
  margin: 2px 0 !important;
  color: #d8ddd9 !important;
  font-size: 13px;
  line-height: 1.35;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .item-height.g8k7-register-requirement {
  display: block !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-real-register-submit {
  display: flex !important;
  width: 100%;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-real-register-submit ion-button {
  width: 100%;
  height: 51px;
  min-height: 51px;
  margin: 8px 0 0;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(180deg, #9aff4f, #5edc3a) !important;
  color: #101711 !important;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.05rem;
  font-weight: 800;
  cursor: pointer;
  box-shadow: none;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-real-register-submit ion-button {
  --background: linear-gradient(180deg, #9aff4f, #5edc3a) !important;
  --color: #101711 !important;
  --border-radius: 999px;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .footer {
  display: none !important;
}

@media (max-width: 400px) {
  html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-shell > .header {
    height: 196px;
  }

  html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .g8k7-bb888-register-card {
    width: calc(100% - 28px);
    min-height: 420px;
    padding: 24px 18px 22px;
  }
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal ion-segment,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .remember-account {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-login-mode .g8k7-bb888-register-card,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-login-card {
  min-height: 0;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal .btn-login {
  display: flex !important;
  width: 100%;
  margin-top: 8px;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-invite-banner {
  display: block;
  width: calc(100% - 46px);
  margin: 16px auto 10px;
  overflow: hidden;
  line-height: 0;
  border-radius: 14px;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-invite-banner img {
  display: block;
  width: 100%;
  height: auto;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-lock-icon {
  width: 22px !important;
  height: 22px !important;
  margin-right: 6px;
  object-fit: contain;
  pointer-events: none;
}

/* ---------- Agency / affiliate center ---------- */
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-agency-page {
  display: flex;
  flex-direction: column;
  --background: #05161a !important;
  background: #05161a url("/assets/g8k7/agency-main-bg.png") center top / 100% auto no-repeat !important;
  color: #fff;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-agency-page ion-content,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-agency-page #main {
  --background: transparent !important;
  background: transparent !important;
  color: #fff;
  flex: 1 1 auto;
  min-height: 0;
  height: auto !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-agency-page ion-header ion-toolbar {
  --background: transparent !important;
  --min-height: 58px;
  --border-width: 0;
  background: url("/assets/g8k7/agency-sub-bg.png") center / cover no-repeat !important;
  border: 0 !important;
  box-shadow: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-agency-page ion-header ion-title,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-agency-page ion-header .toolbar-title,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-agency-page ion-header .title {
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  text-align: center;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-agency-page ion-header [slot="start"],
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-agency-page ion-header .back-button {
  width: 42px !important;
  height: 42px !important;
  margin-left: 10px;
  border-radius: 14px;
  background: #12151a !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .tab-box {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  height: auto;
  padding: 0 !important;
  background: transparent;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-agency-hero {
  flex: 0 0 auto;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  background: #1f3332;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-agency-hero img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3.05 / 1;
  object-fit: cover;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .tab-box > ion-segment {
  --background: linear-gradient(180deg, rgba(27, 35, 31, 0.98), rgba(15, 20, 22, 0.98));
  display: flex;
  flex: 0 0 39px;
  width: 100%;
  min-height: 39px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0 !important;
  border-radius: 0 !important;
  border-bottom: 1px solid var(--bb888-lime);
  background: linear-gradient(180deg, rgba(27, 35, 31, 0.98), rgba(15, 20, 22, 0.98)) !important;
  scrollbar-width: none;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .tab-box > ion-segment::-webkit-scrollbar {
  display: none;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .tab-box > ion-segment > ion-segment-button {
  --indicator-color: transparent;
  --indicator-height: 0;
  --color: #fff;
  --color-checked: #101710;
  flex: 0 0 auto;
  min-width: max-content;
  min-height: 38px;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  pointer-events: auto !important;
  text-transform: none;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .tab-box > ion-segment > ion-segment-button.g8k7-agency-tab-hidden {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .tab-box > ion-segment > ion-segment-button ion-button,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .tab-box > ion-segment > ion-segment-button ion-label {
  --background: transparent !important;
  --color: #fff !important;
  min-height: 38px;
  margin: 0 !important;
  padding-inline: 13px !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  white-space: nowrap;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .tab-box > ion-segment > ion-segment-button.segment-button-checked,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .tab-box > ion-segment > ion-segment-button.segment-button-checked ion-button,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .tab-box > ion-segment > ion-segment-button.segment-button-checked ion-label {
  --background: var(--bb888-lime) !important;
  --color: #101710 !important;
  background: var(--bb888-lime) !important;
  color: #101710 !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .tab-box > #main {
  flex: 1 1 auto;
  min-height: 0;
  border-radius: 0 !important;
  background: radial-gradient(circle at 8% 4%, rgba(102, 255, 102, 0.1), transparent 34%), linear-gradient(180deg, #1f3332, #05161a 52%) !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .share-board,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .commission-amount,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .team-commission,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .select-item,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .spread-select-item,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main ion-card.card,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main ion-list.card,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .spread-user-agent-type,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .table-title-bg,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .spread-table-item,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .table-item {
  --background: #12151a !important;
  background: #12151a !important;
  border: 0 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  color: #fff !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .share-board,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .spread-user-agent-type {
  margin: 12px 10px 10px !important;
  padding: 12px !important;
  background: linear-gradient(135deg, rgba(31, 51, 50, 0.88), rgba(5, 22, 26, 0.96)), #1f3332 !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-invite-mode .share-board > .title,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-invite-mode .share-board > .id,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-invite-mode .share-board .qr-box,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-invite-mode .commission-amount,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-invite-mode .team-commission,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-invite-mode .agent-info,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-invite-mode .spread-qr-box,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-invite-mode .receive-rule,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-invite-mode .referral-tips,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-invite-mode .exclusive-link,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-invite-mode .agent-share-box,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-invite-mode ion-list.card {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-agency-invite {
  display: none;
  padding: 12px 12px 0;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-invite-mode > .g8k7-agency-invite {
  display: block;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-invite-card {
  padding: 14px 12px 16px;
  border-radius: 14px;
  background:
    radial-gradient(circle at 12% 18%, rgba(70, 160, 70, 0.28), transparent 42%),
    radial-gradient(circle at 88% 82%, rgba(50, 140, 80, 0.22), transparent 46%),
    #12151a url("/assets/g8k7/agency-card-glow.png") center / cover no-repeat;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-invite-label,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-share-label {
  margin: 0 0 8px;
  color: #c9d3c9;
  font-size: 13px;
  font-weight: 700;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-share-label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 14px 0 8px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-share-label img {
  width: 22px;
  height: 22px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-invite-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-invite-url {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  padding: 10px 12px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.45);
  color: #fff;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-invite-copy {
  flex: 0 0 auto;
  min-width: 72px;
  height: 38px;
  padding: 0 14px;
  border: 0;
  border-radius: 10px;
  background: #7ad326;
  color: #fff;
  font-size: 14px;
  font-weight: 800;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-network-art {
  display: block;
  width: 100%;
  height: auto;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-invite-mode .h-full.overflow-y-auto {
  height: auto !important;
  overflow: visible !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-invite-mode .spread-user-agent-type .flex.justify-around {
  display: block !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-invite-mode .spread-user-agent-type .max-w-\[15\.625rem\] {
  max-width: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-invite-mode .share-board .share-url,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-invite-mode .exclusive-link {
  display: block !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 800;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-invite-mode .share-board .share-url::before {
  content: "Meu link:";
  display: block;
  margin: 0 0 7px;
  color: #fff;
  font-size: 14px;
  font-weight: 800;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .url-box,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .agent-share-box {
  background: #05161a !important;
  border-radius: 8px !important;
  color: #fff !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .copy-btn,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .claim,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main ion-button.select-style {
  --background: #67dc19 !important;
  --color: #101710 !important;
  background: #67dc19 !important;
  color: #101710 !important;
  border-radius: 9px !important;
  font-weight: 800;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .shares {
  margin-top: 8px;
  padding-top: 6px;
  border-top: 0 !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-agency-network {
  display: none;
  margin: 10px;
  padding: 16px 10px 18px;
  overflow: hidden;
  border-radius: 10px;
  background: #12151a;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-invite-mode > .g8k7-agency-network {
  display: block;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-agency-network h2 {
  margin: 0 0 18px;
  color: #fff;
  font-size: 14px;
  font-weight: 800;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-network-tree {
  position: relative;
  min-height: 235px;
  padding-top: 4px;
  border: 2px solid #39df4f;
  border-radius: 18px;
  background: linear-gradient(90deg, transparent 49.5%, #39df4f 49.5%, #39df4f 50.5%, transparent 50.5%) 0 44px / 100% 80px no-repeat, rgba(17, 29, 28, 0.45);
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-network-you {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 70px;
  margin: -20px auto 12px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-network-you img {
  width: 64px;
  height: 50px;
  object-fit: contain;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-network-you span {
  margin-top: -6px;
  padding: 2px 10px;
  border-radius: 999px;
  background: var(--bb888-lime);
  color: #101710;
  font-size: 11px;
  font-weight: 800;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-network-row {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-evenly;
  margin-top: 12px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-network-row::before {
  content: "";
  position: absolute;
  top: 25px;
  left: 12%;
  right: 12%;
  z-index: -1;
  height: 2px;
  background: #39df4f;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-network-row img,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-network-avatar {
  display: block;
  width: 52px;
  height: 52px;
  border: 3px solid #5cff6d;
  border-radius: 50%;
  object-fit: cover;
  background: #12151a url("/assets/user-default-avatar-27-BeIKgXV9.svg") center / 70% no-repeat;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-network-row-two img,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-network-row-two .g8k7-network-avatar {
  width: 42px;
  height: 42px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-agency-faq {
  display: none;
  padding: 18px 12px 76px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-faq-mode > :not(.g8k7-agency-faq) {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-faq-mode > .g8k7-agency-faq {
  display: block;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-agency-faq section {
  margin: 0 0 12px;
  padding: 22px 20px;
  border: 1px solid #385048;
  border-radius: 11px;
  background: linear-gradient(180deg, #1f3332, #12151a);
  color: #fff;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-agency-faq h2 {
  margin: 0 0 14px;
  color: #fff;
  font-size: 19px;
  line-height: 1.35;
  font-weight: 800;
  text-align: center;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-agency-faq h2 strong,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-agency-faq p b {
  color: #efff00;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-agency-faq p {
  margin: 0;
  color: #fff;
  font-size: 14px;
  line-height: 1.72;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-agency-rates {
  display: none;
  padding: 12px 10px 88px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-commission-mode > :not(.g8k7-agency-rates) {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main.g8k7-agency-commission-mode > .g8k7-agency-rates {
  display: block;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-rates-toggle {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 0 0 14px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-rates-toggle button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 48px;
  padding: 0 10px;
  border: 0;
  border-radius: 12px;
  background: #1f3332;
  color: #9aa39a;
  font-size: 13px;
  font-weight: 800;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-rates-toggle button.is-on {
  background: #a1ff42;
  color: #101710;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-rate-ico {
  width: 18px;
  height: 18px;
  background: currentColor;
  -webkit-mask: center / contain no-repeat;
  mask: center / contain no-repeat;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-rate-ico-direct {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='8' r='3.2' fill='black'/><path d='M5 19c.8-3.4 3.4-5.2 7-5.2s6.2 1.8 7 5.2' fill='black'/></svg>");
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='8' r='3.2' fill='black'/><path d='M5 19c.8-3.4 3.4-5.2 7-5.2s6.2 1.8 7 5.2' fill='black'/></svg>");
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-rate-ico-team {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='8' cy='8' r='2.4' fill='black'/><circle cx='16' cy='8' r='2.4' fill='black'/><path d='M3.5 18.5c.6-2.6 2.6-4 5.2-4s4.6 1.4 5.2 4M10.2 18.5c.5-2.4 2.3-3.7 4.8-3.7s4.3 1.3 4.8 3.7' fill='black'/></svg>");
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='8' cy='8' r='2.4' fill='black'/><circle cx='16' cy='8' r='2.4' fill='black'/><path d='M3.5 18.5c.6-2.6 2.6-4 5.2-4s4.6 1.4 5.2 4M10.2 18.5c.5-2.4 2.3-3.7 4.8-3.7s4.3 1.3 4.8 3.7' fill='black'/></svg>");
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-rates-card {
  overflow: hidden;
  margin: 0 0 16px;
  border: 1px solid #385048;
  border-radius: 10px;
  background: #12151a;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-rates-card table {
  width: 100%;
  border-collapse: collapse;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-rates-card th,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-rates-card td {
  padding: 11px 8px;
  border-bottom: 1px solid #385048;
  color: #fff;
  font-size: 13px;
  text-align: center;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-rates-card th {
  color: #a8b5b0;
  font-weight: 700;
  background: #1f3332;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-rates-card tr:last-child td {
  border-bottom: 0;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-rates-desc {
  padding: 6px 4px 0;
  color: #d5dbe3;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-rates-desc h2 {
  position: relative;
  margin: 8px 0 14px;
  color: #fff;
  font-size: 16px;
  font-weight: 800;
  text-align: center;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-rates-desc h2::before,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-rates-desc h2::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 18%;
  height: 1px;
  background: rgba(255, 255, 255, 0.28);
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-rates-desc h2::before {
  left: 4%;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-rates-desc h2::after {
  right: 4%;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-rates-desc p {
  margin: 0 0 12px;
  font-size: 13px;
  line-height: 1.7;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .spread-performance-info,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .spread-commission-info,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .agent-bonus-rate-info {
  padding: 14px 10px 72px !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .time-select-container,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main ion-select,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main ion-searchbar {
  --background: #1f3332 !important;
  --color: #fff !important;
  --placeholder-color: #b8bec8;
  border-radius: 9px !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .total,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .details,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .details-board {
  border-color: #385048 !important;
  color: #fff !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .total-amount,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .details-amount,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .spread-performance-amount,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .bonus-rate-amount,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency #main .spread-bonus-rate-amount {
  color: var(--bb888-lime) !important;
  font-weight: 800;
}

@media (max-width: 370px) {
  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .tab-box > ion-segment > ion-segment-button ion-button,
  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .tab-box > ion-segment > ion-segment-button ion-label {
    padding-inline: 10px !important;
    font-size: 11px !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-agency .g8k7-agency-faq h2 {
    font-size: 17px;
  }
}

/* ---------- BB888-faithful profile ---------- */
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .g8k7-profile-page,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil ion-content.mine {
  --background: #05161a !important;
  background: #05161a !important;
  color: #fff;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil ion-content.mine::part(scroll) {
  padding-top: 14px;
  padding-bottom: 0;
  background:
    url("/assets/g8k7/bg-mesh.png") center bottom / 100% auto no-repeat,
    #05161a;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info {
  position: relative !important;
  inset: auto !important;
  z-index: 2 !important;
  display: block !important;
  width: calc(100% - 40px) !important;
  min-height: 216px;
  margin: 0 20px !important;
  padding: 18px 18px 82px !important;
  overflow: hidden;
  border: 1px solid rgba(102, 255, 102, 0.28);
  border-radius: 20px;
  background: url("/assets/g8k7/profile-card-bg.png") center / 100% 100% no-repeat !important;
  box-shadow: none !important;
  box-sizing: border-box;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .bg-img {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .user-info {
  display: flex !important;
  align-items: flex-start;
  min-height: 96px;
  padding: 0 !important;
  background: transparent !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .avatar-info {
  flex: 0 0 96px;
  width: 96px !important;
  height: 96px !important;
  margin: 0 12px 0 0 !important;
  overflow: hidden;
  border: 1px solid #5cff6d;
  border-radius: 18px !important;
  background: #12151a;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .avatar-info img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  border-radius: 17px !important;
  object-fit: cover;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .vip-wrap {
  display: flex !important;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  padding: 6px 48px 0 0 !important;
  color: #fff;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .user-id,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .info-mid {
  display: flex !important;
  align-items: center;
  min-height: 26px;
  width: 100%;
  color: #fff !important;
  font-size: 16px !important;
  line-height: 1.3;
  font-weight: 600;
  white-space: nowrap;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .user-id {
  order: 1;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .info-mid {
  order: 2;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .g8k7-account-prefix {
  margin-right: 6px;
  color: #fff;
  font-weight: 700;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .img-wrap,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .icon-wrap {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .copy-icon {
  width: 16px !important;
  height: 16px !important;
  margin-left: 6px !important;
  opacity: 0.85;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .balance-info {
  position: absolute;
  top: 80px;
  left: 130px;
  right: 60px;
  display: block !important;
  width: auto !important;
  padding: 0 !important;
  background: transparent !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .balances {
  display: flex !important;
  align-items: baseline;
  min-height: 34px;
  color: #fff !important;
  font-size: 26px !important;
  font-weight: 900;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .balances .title-color,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .discount {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .balances > div {
  display: flex;
  align-items: baseline;
  gap: 6px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .g8k7-profile-mail {
  position: absolute;
  top: 18px;
  right: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 38px;
  border-radius: 8px;
  background: transparent;
  text-decoration: none;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .g8k7-profile-mail img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .recharge-withdraw {
  position: absolute;
  right: 18px;
  bottom: 16px;
  left: 18px;
  display: flex !important;
  gap: 12px;
  width: auto !important;
  padding: 0 !important;
  background: transparent !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .withdraw-info,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .recharge-info {
  display: flex !important;
  flex: 1 1 0;
  align-items: center;
  justify-content: center;
  min-width: 0;
  height: 58px !important;
  margin: 0 !important;
  border-radius: 15px !important;
  color: #fff !important;
  font-size: 17px;
  font-weight: 700;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .withdraw-info {
  order: 1;
  background: #1f3332 !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .recharge-info {
  order: 2;
  background: #67f56e !important;
  color: #111715 !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .recharge-withdraw .icon {
  width: 28px !important;
  height: 28px !important;
  margin-right: 8px;
  background-position: center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .withdraw-info .icon {
  background-image: url("/assets/g8k7/profile-withdraw.png") !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .recharge-info .icon {
  background-image: url("/assets/g8k7/profile-deposit.png") !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info .recharge-withdraw .icon > * {
  visibility: hidden !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info {
  position: relative !important;
  width: 100%;
  margin-top: 0 !important;
  /* Decorative empty band above the tab bar so the menu never touches it. */
  padding: 8px 0 132px !important;
  background: transparent !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .g8k7-profile-invite {
  display: block;
  height: 65px;
  margin: 0 20px 8px;
  overflow: hidden;
  border-radius: 10px;
  line-height: 0;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .g8k7-profile-invite img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 35%;
}

/* Compact VIP: level + progress + criteria + Detalhes VIP on one row. */
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .my-vip,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .my-vip.g8k7-vip-compact {
  position: relative;
  width: auto !important;
  height: 46px !important;
  min-height: 44px !important;
  max-height: 46px !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px;
  margin: 0 20px 8px !important;
  padding: 8px 10px !important;
  overflow: hidden;
  border: 1px solid rgba(102, 255, 102, 0.22) !important;
  border-radius: 12px !important;
  background: #0a1012 !important;
  box-shadow: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .my-vip > .vip-info {
  display: flex !important;
  flex: 1 1 auto;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 6px;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  order: 1;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .my-vip.g8k7-vip-compact > .vip-info {
  display: none !important;
  flex: 0 0 0 !important;
  width: 0 !important;
  overflow: hidden !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .my-vip > .vip-detail {
  position: static !important;
  order: 5;
  flex: 0 0 auto;
  display: inline-flex !important;
  align-items: center;
  height: 22px;
  margin: 0 !important;
  padding: 0 8px;
  border: 1px solid rgba(103, 245, 110, 0.45);
  border-radius: 999px;
  color: #67f56e !important;
  font-size: 10px;
  font-weight: 700;
  white-space: nowrap;
  line-height: 1;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .vip-detail .to-icon {
  width: 11px !important;
  height: 11px !important;
  margin-left: 2px;
  opacity: 0.75;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .my-vip > .wrap-info {
  order: 1;
  display: flex !important;
  flex: 0 0 auto;
  align-items: center;
  gap: 4px;
  width: auto !important;
  min-width: 52px !important;
  height: auto !important;
  margin: 0 !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .wrap-info .img-cls {
  content: url("/assets/g8k7/profile-vip.png");
  flex: 0 0 34px;
  width: 34px !important;
  height: 18px !important;
  margin: 0 !important;
  object-fit: contain;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .wrap-info .icon-cls {
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .wrap-info .icon-cls .icon {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .wrap-info .info,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .wrap-info .span-cls {
  display: inline !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .wrap-info .bot {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .my-vip > .progress-wrap {
  order: 2;
  display: block !important;
  flex: 1 1 72px;
  width: auto !important;
  min-width: 56px;
  max-width: 140px;
  margin: 0 !important;
  padding: 0 !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .progress-wrap .top,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .progress-bar {
  flex: 1 1 auto;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .progress-bar {
  --background: #05161a;
  --progress-background: linear-gradient(90deg, #68f06c, #2c9c4b);
  height: 10px !important;
  border-radius: 999px;
  overflow: hidden;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .progress-bot,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .level-point {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .my-vip > .bet-wrap {
  order: 3;
  display: flex !important;
  flex: 1 1 auto;
  flex-wrap: nowrap;
  align-items: center;
  gap: 4px;
  min-width: 0;
  margin: 0 !important;
  color: #c5cdc8;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .bet-wrap .bet-left {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .bet-wrap .need-bets {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .bet-wrap .current-recharge {
  color: #ff5a5a !important;
  font-weight: 800;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .kf-nav,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .feature-tab,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .g8k7-profile-hidden-menu {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .g8k7-profile-menu {
  margin: 0 20px;
  padding: 2px 0;
  overflow: hidden;
  border: 1px solid rgba(102, 255, 102, 0.16);
  border-radius: 12px;
  background: #080c0e;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .g8k7-profile-menu > ion-item {
  --background: transparent !important;
  --color: #e8ecef !important;
  --border-color: transparent !important;
  --detail-icon-color: rgba(180, 188, 196, 0.35);
  --detail-icon-opacity: 0.35;
  --detail-icon-font-size: 12px;
  --min-height: 40px;
  --padding-top: 0px;
  --padding-bottom: 0px;
  --padding-start: 8px;
  --inner-padding-top: 0px;
  --inner-padding-bottom: 0px;
  --inner-padding-end: 6px;
  width: 100%;
  height: 40px;
  min-height: 40px;
  margin: 0 !important;
  padding: 0 6px !important;
  border-radius: 0 !important;
  color: #e8ecef !important;
  font-size: 13px;
  font-weight: 700;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .g8k7-profile-menu > ion-item::part(native) {
  height: 40px;
  min-height: 40px;
  padding-top: 0;
  padding-bottom: 0;
  padding-inline: 8px;
  background: transparent !important;
  border: 0 !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .g8k7-profile-menu > ion-item::part(detail-icon) {
  width: 12px !important;
  height: 12px !important;
  margin-inline-start: 4px;
  color: rgba(170, 178, 186, 0.32) !important;
  opacity: 0.32 !important;
  font-size: 12px !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .g8k7-profile-menu .top {
  display: flex;
  align-items: center;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .g8k7-profile-menu ion-item .icon-cls,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .g8k7-profile-menu ion-item .customer-icon {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .g8k7-profile-role-icon {
  flex: 0 0 22px;
  width: 22px !important;
  height: 22px !important;
  margin-right: 8px;
  object-fit: contain;
  pointer-events: none;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .g8k7-profile-menu .name {
  color: #e8ecef !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em;
}

@media (max-width: 430px) {
  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .wrap-info .img-cls {
    display: none !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .my-vip,
  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .my-vip.g8k7-vip-compact {
    gap: 6px;
    padding: 7px 8px !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .my-vip > .progress-wrap {
    max-width: 100px;
  }

  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .vip-detail {
    height: 20px;
    padding: 0 6px;
    font-size: 9px;
  }

  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .vip-detail .to-icon {
    display: none !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .bet-wrap {
    font-size: 9px;
  }
}

@media (max-width: 370px) {
  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info,
  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .g8k7-profile-invite,
  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .my-vip,
  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .g8k7-profile-menu {
    margin-right: 12px !important;
    margin-left: 12px !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-base-info {
    width: calc(100% - 24px) !important;
  }
}

/* ---------- Home reference match (BB888-style composition) ---------- */
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header,
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header::part(native) {
  --min-height: 56px !important;
  --padding-start: 10px !important;
  --padding-end: 10px !important;
  min-height: 56px !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-buttons.g8k7-menu-trigger,
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header.g8k7-header-logged ion-buttons.g8k7-menu-trigger {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  margin: 0 4px 0 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border-radius: 50%;
  background: #1f3332;
  opacity: 1 !important;
  pointer-events: auto !important;
  cursor: pointer;
  align-self: center !important;
  box-sizing: border-box;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-menu-glyph {
  position: relative;
  display: block;
  width: 20px;
  height: 18px;
  pointer-events: none;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-menu-glyph i,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-menu-glyph b {
  position: absolute;
  display: block;
  box-sizing: border-box;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-menu-glyph i {
  left: 0;
  width: 5px;
  height: 5px;
  border: 1.5px solid #f3f5f8;
  border-radius: 1px;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-menu-glyph i:nth-child(1),
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-menu-glyph b:nth-child(4) {
  top: 0;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-menu-glyph i:nth-child(2),
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-menu-glyph b:nth-child(5) {
  top: 6.5px;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-menu-glyph i:nth-child(3),
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-menu-glyph b:nth-child(6) {
  top: 13px;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-menu-glyph b {
  right: 0;
  width: 11px;
  height: 1.5px;
  border-radius: 2px;
  background: #f3f5f8;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-img[slot="secondary"] {
  width: auto !important;
  max-width: 132px !important;
  max-height: 32px !important;
  margin-left: 5px !important;
  padding-right: 0 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .assets-box {
  height: 32px !important;
  min-height: 32px !important;
  padding-inline: 13px 11px !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .assets-box .assets-box-number {
  font-size: 14px !important;
  line-height: 32px !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .assets-box .wallet,
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .assets-box .deposit {
  height: 32px !important;
  min-height: 32px !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .g8k7-header-avatar,
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .g8k7-header-avatar img {
  width: 34px;
  height: 34px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-promo {
  padding: 8px var(--g8k7-home-pad) 0 !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-hero {
  position: relative;
  height: auto;
  aspect-ratio: 3 / 1;
  overflow: hidden;
  border-radius: 9px;
  background: transparent;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-hero-slide,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-hero-slide.is-active {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  display: none;
  height: 100%;
  opacity: 0;
  overflow: hidden;
  border-radius: 9px;
  pointer-events: none;
  transition: opacity 0.28s ease;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-hero-slide.is-active {
  left: 0 !important;
  right: auto !important;
  display: block;
  width: 82%;
  opacity: 1;
  z-index: 2;
  pointer-events: auto;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-hero-slide.is-next {
  left: calc(82% + 5px) !important;
  right: auto !important;
  display: block;
  width: 25%;
  opacity: 1;
  z-index: 1;
  pointer-events: auto;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-hero-slide img {
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-hero-slide.is-active img {
  object-position: left center;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-hero-dots {
  right: auto;
  bottom: 5px;
  width: 82%;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-cards {
  gap: 5px;
  margin-top: 5px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-cards-left {
  gap: 5px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-cards-left a,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-cards-vip {
  border-radius: 8px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .marquee-wrapper {
  display: flex !important;
  align-items: center !important;
  min-height: 36px;
  margin: 8px var(--g8k7-home-pad) !important;
  padding: 0 10px !important;
  overflow: hidden;
  border-radius: 7px;
  background: var(--bb888-bg-deep) !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .marquee-wrapper .megaphone-wrapper {
  display: flex !important;
  align-items: center;
  width: 100%;
  min-width: 0;
  gap: 10px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .marquee-wrapper .wall.megaphone {
  position: relative;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  margin: 0 !important;
  background: transparent !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .marquee-wrapper .wall.megaphone ion-icon {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .marquee-wrapper .wall.megaphone::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 7px;
  width: 13px;
  height: 10px;
  border-radius: 2px 1px 1px 2px;
  background: var(--bb888-lime);
  clip-path: polygon(0 25%, 35% 25%, 100% 0, 100% 100%, 35% 75%, 0 75%);
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .marquee-wrapper .wall.megaphone::after {
  content: "";
  position: absolute;
  top: 5px;
  right: 1px;
  width: 8px;
  height: 14px;
  border-right: 2px solid var(--bb888-lime);
  border-radius: 50%;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .marquee-wrapper .marquee,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .marquee-wrapper .marquee.label,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .marquee-wrapper .marquee__content {
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border-radius: 0;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .marquee-wrapper .marquee {
  flex: 1 1 auto;
  color: #b8bec9;
  font-size: 12px;
  font-weight: 600;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .marquee-wrapper .marquee__item {
  color: #b8bec9 !important;
  font-weight: 500 !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-providers {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  padding: 3px var(--g8k7-home-pad) 4px;
  scroll-snap-type: x proximity;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-provider {
  flex: 0 0 74px;
  width: 74px;
  height: 76px;
  min-width: 74px;
  padding: 5px 3px 4px;
  border: 1px solid transparent;
  border-radius: 14px;
  background: var(--bb888-chip);
  scroll-snap-align: start;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-provider img,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-provider-letter {
  width: 44px;
  height: 44px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-provider-letter {
  font-size: 31px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-provider > span {
  color: #c1c6d0;
  font-size: 12px;
  line-height: 16px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-provider.is-active {
  border-color: var(--bb888-lime);
  outline: 0;
  background: #1f3332;
  color: #fff;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .game-head {
  display: flex !important;
  align-items: center;
  min-height: 52px;
  margin: 8px 0 10px !important;
  padding: 0 10px !important;
  gap: 9px;
  border-radius: 10px;
  background: #1f3332;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .game-head .logo-c {
  display: flex !important;
  align-items: center;
  gap: 8px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .game-head .logo-c .logo {
  width: 27px !important;
  height: 31px !important;
  font-size: 29px !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .game-head .logo-c .label {
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 800 !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .game-head .total {
  display: flex !important;
  align-items: center;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .game-head .total .number {
  min-height: 22px;
  padding: 2px 9px;
  border-radius: 6px;
  font-size: 13px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .game-head .arrow-container {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-mais {
  margin-left: 0;
  color: #fff !important;
  font-size: 14px;
  font-weight: 700;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-game-lobby {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 31px;
  margin-left: auto;
  padding: 0 10px;
  border: 1px solid #385048;
  border-radius: 7px;
  background: transparent;
  color: #d8dce4;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-game-lobby b {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
}

html.house-g8k7.green-dark.g8k7-bb888 #inicio .card-container,
html.house-g8k7.green-dark.g8k7-bb888 #inicio .g8k7-bb888-grid,
html.house-g8k7.green-dark.g8k7-bb888 #inicio .platform-game-c .card-container {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  padding: 0 var(--g8k7-home-pad) 16px !important;
}

html.house-g8k7.green-dark.g8k7-bb888 #inicio .game-card,
html.house-g8k7.green-dark.g8k7-bb888 #inicio .style1,
html.house-g8k7.green-dark.g8k7-bb888 #inicio .style2 {
  position: relative;
  border-radius: 10px !important;
  box-shadow: none;
}

html.house-g8k7.green-dark.g8k7-bb888 #inicio .game-card .game-img,
html.house-g8k7.green-dark.g8k7-bb888 #inicio .style1 .game-img,
html.house-g8k7.green-dark.g8k7-bb888 #inicio .style2 .game-img {
  display: block;
  width: 100% !important;
  aspect-ratio: 0.72 / 1;
  object-fit: cover;
}

html.house-g8k7.green-dark.g8k7-bb888 #inicio .game-card .favorite,
html.house-g8k7.green-dark.g8k7-bb888 #inicio .style1 .favorite,
html.house-g8k7.green-dark.g8k7-bb888 #inicio .style2 .favorite {
  top: 5px !important;
  right: 5px !important;
  width: 25px !important;
  height: 25px !important;
  padding: 3px;
  border: 1.5px solid #fff;
  border-radius: 50%;
  background: rgba(18, 22, 30, 0.82);
  color: #fff !important;
  box-sizing: border-box;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-tab-bar,
html.house-g8k7.green-dark.g8k7-bb888 ion-tab-bar .tab-bar,
html.house-g8k7.green-dark.g8k7-bb888 ion-tab-bar div.tab-bar {
  contain: none !important;
  height: 64px !important;
  min-height: 64px !important;
  background: #12151a url("/assets/g8k7/tabbar-bg.png") center bottom / 100% 64px no-repeat !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-tabs.b-tabs > div.absolute.w-full,
html.house-g8k7.green-dark.g8k7-bb888 ion-tabs.b-tabs ion-tab-bar {
  z-index: 100 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .tab-bar > [tab] {
  min-height: 64px !important;
  justify-content: center;
  gap: 2px;
  padding-top: 6px !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .tab-bar > [tab]:not([tab="entrar"]) > .g8k7-tab-icon {
  display: block !important;
  width: 76px;
  height: 43px;
  margin: 0 auto -18px;
  object-fit: contain;
  object-position: top center;
  clip-path: inset(0 0 43% 0);
}

html.house-g8k7.green-dark.g8k7-bb888 .tab-bar > [tab]:not([tab="entrar"]) ion-icon.tab-img {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .tab-bar > [tab]:not([tab="entrar"]) ion-label,
html.house-g8k7.green-dark.g8k7-bb888 .tab-bar > [tab]:not([tab="entrar"]) .g8k7-tab-label {
  position: static !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  color: #a8b5b0 !important;
  font-size: 12px !important;
  font-weight: 500;
  line-height: 16px;
}

html.house-g8k7.green-dark.g8k7-bb888 .tab-bar > [tab].g8k7-tab-current:not([tab="entrar"]) ion-label {
  color: var(--bb888-lime) !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .tab-bar > [tab="entrar"] {
  position: relative;
  padding-top: 0 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .tab-bar > [tab="entrar"] .g8k7-tab-icon {
  position: absolute;
  top: -26px;
  left: 50%;
  width: 84px;
  height: 88px;
  margin: 0;
  object-position: top center;
  clip-path: inset(0 0 35% 0);
  transform: translateX(-50%);
}

html.house-g8k7.green-dark.g8k7-bb888 .tab-bar > [tab="entrar"] ion-label,
html.house-g8k7.green-dark.g8k7-bb888 .tab-bar > [tab="entrar"] .g8k7-tab-label {
  position: absolute !important;
  bottom: 4px;
  left: 50%;
  display: block !important;
  width: auto !important;
  height: 16px !important;
  overflow: visible !important;
  clip: auto !important;
  color: #a8b5b0 !important;
  font-size: 12px !important;
  font-weight: 500;
  line-height: 16px;
  white-space: nowrap;
  transform: translateX(-50%);
}

html.house-g8k7.green-dark.g8k7-bb888 .tab-bar > [tab="entrar"].g8k7-tab-current ion-label {
  color: var(--bb888-lime) !important;
}

@media (max-width: 390px) {
  html.house-g8k7.green-dark.g8k7-bb888 {
    --g8k7-home-pad: 12px;
  }

  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-provider {
    flex-basis: 68px;
    width: 68px;
    min-width: 68px;
  }

  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .game-head {
    gap: 6px;
    padding-inline: 8px !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .game-head .logo-c .label {
    font-size: 17px !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-game-lobby {
    padding-inline: 7px;
    font-size: 11px;
  }
}

/* ---------- Final G8K7-only visual adaptation ---------- */
html.house-g8k7.green-dark.g8k7-bb888,
html.house-g8k7.green-dark.g8k7-bb888 body,
html.house-g8k7.green-dark.g8k7-bb888 body div#app,
html.house-g8k7.green-dark.g8k7-bb888 ion-app {
  --bb888-bg: #232833;
  --bb888-bg-deep: #05161a;
  --bb888-surface: #1f3332;
  --bb888-chip: #12151a;
  --bb888-lime: #66ff66;
  --bb888-lime-deep: #4de64d;
  --bb888-ink: #12151a;
  --bb888-muted: #a8b5b0;
  --bb888-line: #385048;
  --bb888-shell: 527px;
  --bb888-header-h: 56px;
  --bb888-tab-h: 74px;
  --bb888-cta: linear-gradient(180deg, #ccff66 0%, #66ff66 100%);

  --ion-background-color: #05161a;
  --ion-item-background: #12151a;
  --ion-toolbar-background: #232833;
  --ion-tab-bar-background: #12151a;
  --ion-card-background: #12151a;
  --ion-text-color: #ffffff;

  --ion-color-primary: #66ff66;
  --ion-color-primary-rgb: 102, 255, 102;
  --ion-color-primary-contrast: #12151a;
  --ion-color-primary-contrast-rgb: 18, 21, 26;
  --ion-color-primary-shade: #5ae05a;
  --ion-color-primary-tint: #75ff75;
  --ion-color-secondary: #66ff66;
  --ion-color-secondary-rgb: 102, 255, 102;
  --ion-color-secondary-contrast: #12151a;
  --ion-color-secondary-contrast-rgb: 18, 21, 26;
  --ion-color-secondary-shade: #5ae05a;
  --ion-color-secondary-tint: #75ff75;
  --ion-color-tertiary: #66ff66;
  --ion-color-tertiary-rgb: 102, 255, 102;
  --ion-color-tertiary-contrast: #12151a;
  --ion-color-tertiary-contrast-rgb: 18, 21, 26;
  --ion-color-tertiary-shade: #5ae05a;
  --ion-color-tertiary-tint: #75ff75;
  --ion-color-success: #66ff66;
  --ion-color-success-rgb: 102, 255, 102;
  --ion-color-success-contrast: #12151a;
  --ion-color-success-contrast-rgb: 18, 21, 26;
  --ion-color-success-shade: #5ae05a;
  --ion-color-success-tint: #75ff75;

  --theme-color-700: #ccff66;
  --theme-color-800: #66ff66;
  --theme-color-900: #4de64d;
  --accent-color-blue: #66ff66;
  --accent-color-green: #66ff66;
  --color-link: #66ff66;
  --color-text-href: #66ff66;
  --color-marquee: #66ff66;
  --marquee-color: #66ff66;
  --bugle-color: #66ff66;
  --color-focus: #66ff66;
  --color-success: #66ff66;
  --color-primary-700: #ccff66;
  --color-primary-800: #66ff66;
  --color-primary-900: #4de64d;
  --color-primary-btn-active: #66ff66;
  --color-primary-btn-disable: #1f3332;
  --color-primary-btn-load: #4de64d;
  --color-primary-btn-text-active: #12151a;
  --color-primary-btn-main: var(--bb888-cta);
  --color-checkbox-bg: var(--bb888-cta);
  --color-checkbox-border: #66ff66;
  --color-segment-md: #1f3332;
  --color-segment-md-indicator: #66ff66;
  --color-bg-segment-ios: linear-gradient(180deg, #1f3332, #05161a);
  --color-bg-segment-ios-indicator: var(--bb888-cta);
  --color-bg-tab-on: var(--bb888-cta);

  --color-bg-100: #1f3332;
  --color-bg-200: #12151a;
  --color-bg-300: #05161a;
  --color-bg-400: #05161a;
  --color-card-bg--100: #1f3332;
  --color-card-bg-100: #1f3332;
  --color-card-bg-200: #12151a;
  --color-card-bg-300: #05161a;
  --color-card-bg-400: #05161a;
  --color-bg-payment-item: #12151a;
  --color-nav-bg: #12151a;
  --color-menu-btn-bg: #1f3332;
  --color-bar-bg: #232833;
  --color-bar-bg-100: #1f3332;
  --color-button-bg-gray: #1f3332;
  --color-button-bg-cancel: #12151a;
  --color-button-bg-update: #66ff66;
  --color-button-bg-support: var(--bb888-cta);
  --color-button-bg-support-bg: var(--bb888-cta);
  --color-border: #385048;
  --color-line: #385048;
  --color-line-200: #385048;
  --line-color: #385048;
  --color-line-default: #385048;
  --color-search-bar-border: #385048;
  --color-primary-border-light: #ccff66;
  --service-btn-bg: #1f3332;
  --service-btn-color: #66ff66;
  --service-item-bg: #12151a;
  --menu-bar-bg: #12151a;
  --menu-card-bg: #12151a;
  --navigation-bar-bg: #12151a;
  --pwa-dialog-bg: #1f3332;
  --install-box-bg: #05161a;
  --login-button-bg: var(--bb888-cta);
  --login-button-color: #12151a;
  --register-button-bg: transparent;
  --register-button-color: #66ff66;
  --mlm-agent-direct-icon-text-color: #66ff66;
  --mlm-agent-direct-text-color: #66ff66;
  --mlm-receive-rule-text-color: #66ff66;
  --mlm-leader-bord-top-bgc: rgba(102, 255, 102, 0.12);
  --spread-share-box-border-color: #385048;
  --spread-bonus-rate-segment-item-color: #a8b5b0;

  --ep-primary-primary-500: #66ff66;
  --ep-color-text-highlight: #66ff66;
  --ep-color-icon-highlight: #66ff66;
  --ep-color-background-fill-body-default: #05161a;
  --ep-color-background-fill-surface-raised-L1: #12151a;
  --ep-color-background-fill-surface-raised-L2: #1f3332;
  --ep-color-border-default: #385048;
  --ep-color-border-highlight: #66ff66;
  --ep-color-background-fill-gradients-primary-a: #ccff66;
  --ep-color-background-fill-gradients-primary-b: #66ff66;
  --ep-color-background-fill-gradients-secondary-a: #1f3332;
  --ep-color-background-fill-gradients-secondary-b: #05161a;
  --ep-color-background-fill-gradients-tertiary-a: #ccff66;
  --ep-color-background-fill-gradients-tertiary-b: #66ff66;
  --ep-color-background-fill-gradients-tertiary-weak-a: #1f3332;
  --ep-color-background-fill-gradients-tertiary-weak-b: #05161a;
  --ep-dynamic-primary: var(--bb888-cta);
  --ep-dynamic-secondary: linear-gradient(180deg, #1f3332, #05161a);
  --ep-dynamic-tertiary: var(--bb888-cta);
  --ep-dynamic-tertiary-weak: linear-gradient(180deg, #1f3332, #05161a);
  --tw-ring-color: rgb(102 255 102 / 0.5);
}

html.house-g8k7.green-dark.g8k7-bb888,
html.house-g8k7.green-dark.g8k7-bb888 body {
  background: #232833 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 body div#app,
html.house-g8k7.green-dark.g8k7-bb888 ion-app,
html.house-g8k7.green-dark.g8k7-bb888 ion-router-outlet {
  width: 100% !important;
  max-width: 527px !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-app {
  background: #05161a !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-router-outlet {
  margin-inline: auto !important;
  background: #05161a !important;
}

@media (min-width: 528px) {
  html.house-g8k7.green-dark.g8k7-bb888 ion-app {
    left: 50% !important;
    right: auto !important;
    width: 527px !important;
    transform: translateX(-50%) !important;
    box-shadow: 0 0 56px rgba(0, 0, 0, 0.58);
  }
}

html.house-g8k7.green-dark.g8k7-bb888 .main-content,
html.house-g8k7.green-dark.g8k7-bb888 .order-container {
  background:
    radial-gradient(circle at 50% -4%, rgba(102, 255, 102, 0.12), transparent 320px),
    radial-gradient(circle at 4% 62%, rgba(31, 51, 50, 0.72), transparent 240px),
    linear-gradient(180deg, #1f3332 0, #05161a 38%, #12151a 100%) !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .ion-color-secondary,
html.house-g8k7.green-dark.g8k7-bb888 .ion-color-tertiary {
  --ion-color-base: #66ff66 !important;
  --ion-color-base-rgb: 102, 255, 102 !important;
  --ion-color-contrast: #12151a !important;
  --ion-color-contrast-rgb: 18, 21, 26 !important;
  --ion-color-shade: #5ae05a !important;
  --ion-color-tint: #75ff75 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 [class*="text-blue-"],
html.house-g8k7.green-dark.g8k7-bb888 [class*="text-purple-"] {
  color: #66ff66 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 [class*="border-blue-"],
html.house-g8k7.green-dark.g8k7-bb888 [class*="border-purple-"] {
  border-color: #66ff66 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 [class*="bg-blue-"],
html.house-g8k7.green-dark.g8k7-bb888 [class*="bg-purple-"] {
  background-color: #1f3332 !important;
}

/* Header proportions retain the original G8K7 logo and actions. */
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header,
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header::part(native) {
  --background: #232833 !important;
  --min-height: 56px !important;
  --padding-start: 10px !important;
  --padding-end: 10px !important;
  min-height: 56px !important;
  background: #232833 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-buttons.g8k7-menu-trigger {
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  background: #1f3332 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.22);
}

/* y29c-overrides pins the logo with position:absolute; keep it in the
   toolbar flex flow so the auth buttons cannot be overlapped. */
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-img[slot="secondary"] {
  position: static !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  pointer-events: auto !important;
  flex: 0 0 143px !important;
  width: 143px !important;
  min-width: 143px !important;
  max-width: 143px !important;
  height: 34px !important;
  max-height: 34px !important;
  margin-left: 7px !important;
  padding: 0 !important;
  object-fit: contain !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-img[slot="secondary"]::part(image) {
  width: 143px !important;
  height: 34px !important;
  object-fit: contain !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header > div.flex[slot="end"] {
  align-items: center;
  gap: 8px;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .register-btn-warpper,
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .register-btn-warper {
  width: 95px !important;
  margin: 0 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .button.login,
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-button.login,
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .first-button.login {
  width: 93px !important;
  min-width: 93px !important;
  height: 31px !important;
  min-height: 31px !important;
  --background: var(--bb888-cta) !important;
  --color: #12151a !important;
  --border-radius: 999px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .button.register,
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-button.register,
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .first-button.register {
  width: 95px !important;
  min-width: 95px !important;
  height: 30px !important;
  min-height: 30px !important;
  --background: transparent !important;
  --color: #66ff66 !important;
  --border-color: #66ff66 !important;
  --border-width: 1px !important;
  --border-style: solid !important;
  --border-radius: 999px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-button.login::part(native),
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .first-button.login::part(native) {
  min-height: 31px !important;
  background: var(--bb888-cta) !important;
  color: #12151a !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-button.register::part(native),
html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .first-button.register::part(native) {
  min-height: 30px !important;
  background: transparent !important;
  color: #66ff66 !important;
  border: 1px solid #66ff66 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

/* Original G8K7 promotional content, resized to BB888 proportions. */
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home {
  --g8k7-home-pad: 21px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-promo {
  width: 100%;
  max-width: 527px;
  padding: 8px 21px 0 !important;
  margin-inline: auto;
  box-sizing: border-box;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-hero {
  width: 100%;
  max-width: 485px;
  aspect-ratio: 485 / 161;
  margin-inline: auto;
  border-radius: 12px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-hero-slide {
  border-radius: 12px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-cards-left a,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-cards-vip {
  border-radius: 10px;
  background: #12151a;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .marquee-wrapper {
  width: calc(100% - 42px) !important;
  max-width: 485px;
  height: 45px !important;
  min-height: 45px !important;
  margin: 9px auto !important;
  padding: 0 9px 0 12px !important;
  border: 1px solid rgba(102, 255, 102, 0.1);
  border-radius: 10px;
  background: #12151a !important;
  box-sizing: border-box;
}

html.house-g8k7.green-dark.g8k7-bb888 .marquee-wrapper .megaphone-wrapper {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
}

html.house-g8k7.green-dark.g8k7-bb888 .marquee.label,
html.house-g8k7.green-dark.g8k7-bb888 .marquee.label .marquee__item {
  color: #66ff66 !important;
  font-weight: 600 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .marquee.label,
html.house-g8k7.green-dark.g8k7-bb888 .marquee__content {
  max-width: 100%;
  overflow: hidden;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-marquee-action {
  flex: 0 0 29px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 29px;
  height: 29px;
  margin-left: 8px;
  border-radius: 50%;
  background: var(--bb888-cta);
  color: #12151a !important;
  font-size: 26px;
  font-weight: 900;
  line-height: 1;
  text-decoration: none;
  box-shadow: 0 0 0 2px rgba(102, 255, 102, 0.12);
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-providers {
  padding-inline: 21px;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-provider {
  border-color: rgba(102, 255, 102, 0.08);
  background: #12151a;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.16);
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-provider.is-active {
  border-color: #66ff66;
  background: #1f3332;
  box-shadow: 0 0 0 1px rgba(102, 255, 102, 0.1);
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .game-head {
  margin-inline: 0 !important;
  border: 1px solid rgba(102, 255, 102, 0.08);
  background: #1f3332;
  box-shadow: 0 9px 22px rgba(0, 0, 0, 0.16);
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-game-lobby {
  border-color: #385048;
  background: #12151a;
  color: #ffffff;
}

html.house-g8k7.green-dark.g8k7-bb888 #inicio .card-container,
html.house-g8k7.green-dark.g8k7-bb888 #inicio .g8k7-bb888-grid,
html.house-g8k7.green-dark.g8k7-bb888 #inicio .platform-game-c .card-container {
  padding-inline: 21px !important;
}

html.house-g8k7.green-dark.g8k7-bb888 #inicio .game-card,
html.house-g8k7.green-dark.g8k7-bb888 #inicio .style1,
html.house-g8k7.green-dark.g8k7-bb888 #inicio .style2,
html.house-g8k7.green-dark.g8k7-bb888 ion-card {
  background: #12151a !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.2);
}

/* Authentication keeps G8K7 fields and actions; only geometry and finish change. */
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-register-modal::part(content) {
  --width: 100%;
  --max-width: 527px;
  width: 100% !important;
  max-width: 527px !important;
  background:
    radial-gradient(circle at 50% 12%, rgba(102, 255, 102, 0.16), transparent 32%),
    linear-gradient(180deg, #1f3332 0, #05161a 58%, #12151a 100%) !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-shell {
  min-height: 100%;
  padding-bottom: 24px;
  background:
    radial-gradient(circle at 12% 68%, rgba(102, 255, 102, 0.08), transparent 30%),
    linear-gradient(180deg, transparent 0 45%, rgba(5, 22, 26, 0.94) 100%);
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-shell > .header {
  height: 170px;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-shell > .header .btn-close {
  top: 18px;
  right: 21px;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(102, 255, 102, 0.38);
  background-color: #12151a !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-card {
  flex-direction: column;
  width: min(calc(100% - 42px), 474px);
  min-height: 454px;
  margin: -10px auto 0;
  padding: 24px 20px 22px;
  overflow: hidden;
  border: 1px solid rgba(102, 255, 102, 0.68);
  border-radius: 23px;
  background:
    radial-gradient(circle at 92% 4%, rgba(102, 255, 102, 0.14), transparent 34%),
    linear-gradient(145deg, #1f3332 0%, #05161a 76%) !important;
  box-shadow:
    0 24px 54px rgba(0, 0, 0, 0.38),
    inset 0 0 38px rgba(102, 255, 102, 0.035);
  backdrop-filter: blur(12px);
  box-sizing: border-box;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-login-mode .g8k7-bb888-register-card,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-login-card {
  height: 424px;
  min-height: 424px;
  max-height: 424px;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-card > .header {
  flex: 0 0 auto;
  padding: 0 0 17px;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-card .title {
  margin: 0 0 8px;
  color: #ffffff !important;
  font-size: 45px;
  font-weight: 850;
  line-height: 1;
  letter-spacing: -0.035em;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-card .login-hint,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-card .register-hint {
  color: #a8b5b0 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-card .login-text,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-card .register-text {
  color: #66ff66 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-card .form-wrapper {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 2px 2px 0;
  scrollbar-color: #385048 transparent;
  scrollbar-width: thin;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-form {
  gap: 10px;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-form > .item-height,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-form .item-height > .relative,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-form .item-height ion-input {
  height: 60px !important;
  min-height: 60px !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-form .item-height ion-input {
  --background: #05161a !important;
  --color: #ffffff !important;
  --placeholder-color: #82928d !important;
  --highlight-color-focused: #66ff66 !important;
  --highlight-color-invalid: #ff5c67 !important;
  --border-radius: 999px !important;
  border-radius: 999px !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-form .item-height ion-input .input-wrapper {
  min-height: 60px !important;
  border: 1px solid #385048 !important;
  border-radius: 999px !important;
  background: #05161a !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal ion-input.has-focus .input-wrapper,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal ion-input.ion-focused .input-wrapper,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .item-height:focus-within .input-wrapper {
  border-color: #66ff66 !important;
  box-shadow: 0 0 0 3px rgba(102, 255, 102, 0.13) !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal ion-input.ion-invalid.ion-touched .input-wrapper,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal [aria-invalid="true"] .input-wrapper {
  border-color: #ff5c67 !important;
  box-shadow: 0 0 0 3px rgba(255, 92, 103, 0.12) !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .error-text {
  color: #ff7b84 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal ion-checkbox,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal input[type="checkbox"] {
  --checkbox-background: #05161a;
  --checkbox-background-checked: #66ff66;
  --border-color: #385048;
  --border-color-checked: #66ff66;
  --checkmark-color: #12151a;
  accent-color: #66ff66;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .btn-login,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-real-register-submit {
  flex: 0 0 auto;
  width: 100%;
  margin-top: 8px;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .btn-login ion-button,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-real-register-submit ion-button {
  width: 100%;
  height: 58px !important;
  min-height: 58px !important;
  margin: 0;
  --background: var(--bb888-cta) !important;
  --background-activated: linear-gradient(180deg, #b9f052, #58eb58) !important;
  --color: #12151a !important;
  --border-radius: 999px !important;
  color: #12151a !important;
  font-size: 18px;
  font-weight: 850;
  border-radius: 999px;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .btn-login ion-button::part(native),
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-real-register-submit ion-button::part(native) {
  min-height: 58px !important;
  padding: 0 18px !important;
  background: var(--bb888-cta) !important;
  color: #12151a !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 9px 22px rgba(102, 255, 102, 0.12);
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal ion-button[disabled],
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal ion-button.button-disabled {
  --background: #1f3332 !important;
  --color: #82928d !important;
  opacity: 0.72 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal ion-button[disabled]::part(native),
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal ion-button.button-disabled::part(native) {
  background: #1f3332 !important;
  color: #82928d !important;
  box-shadow: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-invite-banner {
  width: min(calc(100% - 42px), 474px);
  border: 1px solid rgba(102, 255, 102, 0.12);
  border-radius: 16px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.22);
}

/* Navigation, floating support, footer, and installation prompt. */
html.house-g8k7.green-dark.g8k7-bb888 ion-tab-bar,
html.house-g8k7.green-dark.g8k7-bb888 ion-tab-bar .tab-bar,
html.house-g8k7.green-dark.g8k7-bb888 ion-tab-bar div.tab-bar {
  contain: none !important;
  height: 74px !important;
  min-height: 74px !important;
  background-color: #12151a !important;
  background-size: 100% 74px !important;
  border-top: 1px solid #66ff66 !important;
  box-shadow: 0 -10px 26px rgba(0, 0, 0, 0.28);
}

html.house-g8k7.green-dark.g8k7-bb888 .tab-bar > [tab] {
  flex: 1 1 20%;
  width: 20%;
  max-width: 105.4px;
  min-height: 74px !important;
  padding-top: 8px !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .tab-bar > [tab]:not([tab="entrar"]) > .g8k7-tab-icon {
  width: 84px;
  height: 48px;
  margin-bottom: -20px;
}

html.house-g8k7.green-dark.g8k7-bb888 .tab-bar > [tab]:not([tab="entrar"]) ion-label {
  bottom: 5px;
  font-size: 12px !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .tab-bar > [tab="entrar"] .g8k7-tab-icon {
  top: -25px;
  width: 87px;
  height: 87px;
}

html.house-g8k7.green-dark.g8k7-bb888 .tab-bar > [tab="entrar"] ion-label,
html.house-g8k7.green-dark.g8k7-bb888 .tab-bar > [tab="entrar"] .g8k7-tab-label {
  bottom: 5px;
}

html.house-g8k7.green-dark.g8k7-bb888 .fixed.left-2.z-50 {
  bottom: calc(74px + 18px) !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .fixed.left-2.z-50 .support {
  width: 60px !important;
  height: 60px !important;
  border: 2px solid #66ff66;
  background:
    radial-gradient(circle at 35% 28%, rgba(204, 255, 102, 0.34), transparent 34%),
    #1f3332 !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.32);
}

html.house-g8k7.green-dark.g8k7-bb888 .fixed.left-2.z-50 .support ion-icon {
  color: #ffffff !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .red-packet-rain {
  bottom: calc(74px + 84px) !important;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.25));
}

html.house-g8k7.green-dark.g8k7-bb888 ion-footer,
html.house-g8k7.green-dark.g8k7-bb888 ion-footer ion-toolbar {
  --background: #12151a !important;
  background: #12151a !important;
  border-color: #385048 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .mask.h-full.w-full.flex.justify-center.items-end.fixed {
  background: rgba(5, 22, 26, 0.68) !important;
  backdrop-filter: blur(5px);
}

html.house-g8k7.green-dark.g8k7-bb888 .content_footer_pwa {
  width: min(calc(100% - 28px), 474px) !important;
  max-width: 474px;
  margin: 0 auto;
  padding: 20px !important;
  border: 1px solid rgba(102, 255, 102, 0.34);
  border-radius: 23px 23px 0 0 !important;
  background:
    radial-gradient(circle at 94% 8%, rgba(102, 255, 102, 0.12), transparent 38%),
    linear-gradient(145deg, #1f3332, #05161a) !important;
  box-shadow: 0 -20px 48px rgba(0, 0, 0, 0.38);
}

html.house-g8k7.green-dark.g8k7-bb888 .content_footer_pwa ion-button,
html.house-g8k7.green-dark.g8k7-bb888 .content_footer_pwa button {
  --background: var(--bb888-cta) !important;
  --color: #12151a !important;
  --border-radius: 999px !important;
  color: #12151a !important;
  font-weight: 800 !important;
}

@media (max-width: 430px) {
  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home {
    --g8k7-home-pad: 14px;
  }

  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-promo {
    padding-inline: 14px !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .marquee-wrapper {
    width: calc(100% - 28px) !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-providers,
  html.house-g8k7.green-dark.g8k7-bb888 #inicio .card-container,
  html.house-g8k7.green-dark.g8k7-bb888 #inicio .g8k7-bb888-grid,
  html.house-g8k7.green-dark.g8k7-bb888 #inicio .platform-game-c .card-container {
    padding-inline: 14px !important;
  }
}

@media (max-width: 400px) {
  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header {
    --padding-start: 7px !important;
    --padding-end: 7px !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-img[slot="secondary"] {
    flex-basis: 96px !important;
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
    height: 30px !important;
    margin-left: 4px !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .register-btn-warpper,
  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .register-btn-warper,
  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .button.register,
  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-button.register,
  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .first-button.register {
    width: 77px !important;
    min-width: 77px !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .button.login,
  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-button.login,
  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .first-button.login {
    width: 76px !important;
    min-width: 76px !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .button.login,
  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .button.register,
  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-button.login,
  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-button.register {
    font-size: 13px !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home {
    --g8k7-home-pad: 12px;
  }

  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-home-promo {
    padding-inline: 12px !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .marquee-wrapper {
    width: calc(100% - 24px) !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-home .g8k7-providers,
  html.house-g8k7.green-dark.g8k7-bb888 #inicio .card-container,
  html.house-g8k7.green-dark.g8k7-bb888 #inicio .g8k7-bb888-grid,
  html.house-g8k7.green-dark.g8k7-bb888 #inicio .platform-game-c .card-container {
    padding-inline: 12px !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-shell > .header {
    height: 138px;
  }

  html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-card {
    width: calc(100% - 24px);
    min-height: 430px;
    padding: 22px 16px 20px;
  }

  html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal.g8k7-bb888-login-mode .g8k7-bb888-register-card,
  html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-login-card {
    height: 420px;
    min-height: 420px;
    max-height: 420px;
  }

  html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-card .title {
    font-size: 37px;
  }

  html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-form > .item-height,
  html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-form .item-height > .relative,
  html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-form .item-height ion-input,
  html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-form .item-height ion-input .input-wrapper {
    height: 56px !important;
    min-height: 56px !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .btn-login ion-button,
  html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-real-register-submit ion-button,
  html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .btn-login ion-button::part(native),
  html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-real-register-submit ion-button::part(native) {
    height: 56px !important;
    min-height: 56px !important;
  }
}

@media (max-width: 360px) {
  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-buttons.g8k7-menu-trigger {
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-img[slot="secondary"] {
    flex-basis: 82px !important;
    width: 82px !important;
    min-width: 82px !important;
    max-width: 82px !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .register-btn-warpper,
  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .register-btn-warper,
  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .button.register,
  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-button.register,
  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .first-button.register,
  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .button.login,
  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header ion-button.login,
  html.house-g8k7.green-dark.g8k7-bb888 ion-toolbar.header .first-button.login {
    width: 68px !important;
    min-width: 68px !important;
    font-size: 12px !important;
  }
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-card .form-wrapper {
  padding-right: 0;
  scrollbar-width: none;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-card .form-wrapper::-webkit-scrollbar {
  width: 0;
  height: 0;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-form {
  width: 100% !important;
  padding-bottom: 0 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal form > .w-full.overflow-hidden:has(> #turnstile-global-login:empty),
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal #captcha-element:empty,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal #captcha-button:empty {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .btn-login,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-real-register-submit {
  margin: 0 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-real-register-submit {
  position: sticky;
  z-index: 4;
  bottom: 0;
  padding-top: 8px;
  background: linear-gradient(180deg, rgba(5, 22, 26, 0), #05161a 32%);
}

@media (min-width: 401px) {
  html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-card {
    height: 424px;
    min-height: 424px;
    max-height: 424px;
  }
}

@media (max-width: 400px) {
  html.house-g8k7.green-dark.g8k7-bb888 ion-modal#login-modal .g8k7-bb888-register-card {
    height: 420px;
    min-height: 420px;
    max-height: 420px;
  }
}

/* ---------- Deposit tab ---------- */
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page ion-content {
  --background: #0b1016 !important;
  background: #0b1016 !important;
  color: #fff;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page ion-content::part(scroll) {
  padding-bottom: 190px;
  background:
    radial-gradient(circle at 88% 88%, rgba(102, 255, 102, 0.09), transparent 34%),
    #0b1016;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page ion-header.assets-header,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page ion-header.assets-header .header-wrap {
  background: #12151a !important;
  box-shadow: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .header-wrap {
  min-height: 0 !important;
  height: auto !important;
  padding: 10px 16px 12px !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page ion-header.assets-header {
  min-height: 0 !important;
  height: auto !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .header-wrap .top {
  align-items: center;
  min-height: 40px;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .header-wrap .top > span {
  flex: 1 1 auto;
  color: #fff !important;
  font-size: 19px !important;
  font-weight: 700;
  text-align: center;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .header-wrap .icon-area {
  flex: 0 0 34px;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50%;
  background: #1f3332 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .header-wrap .icon-area .record {
  color: #66ff66 !important;
}

/* Keep the support shortcut, drop the paragraph that padded the header. */
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .header-wrap .text {
  height: 22px !important;
  min-height: 0 !important;
  margin: 4px 0 0 !important;
  padding: 0 !important;
  overflow: hidden;
  font-size: 0 !important;
  line-height: 0 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .header-wrap .text .client ion-icon {
  width: 16px !important;
  height: 16px !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .header-wrap .text .client {
  display: inline-flex !important;
  align-items: center;
  gap: 4px;
  color: #66ff66 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .pay-list.g8k7-single-paytype {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .channel-wrap {
  padding: 14px 16px 0 !important;
  background: transparent !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .channel-wrap .title,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .label-area .title {
  color: #c7d0cb !important;
  font-size: 13px !important;
  font-weight: 500;
}

/* The theme pins this list to a short fixed height with overflow:auto, which
   clipped the taller pills on narrow screens. */
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .channel-list {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  gap: 10px;
  margin: 10px 0 0 !important;
  padding: 0 0 14px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .channel-list li {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 96px;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #262b33 !important;
  color: #cfd6d2 !important;
  font-size: 14px;
  font-weight: 600;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .channel-list li.active {
  background: linear-gradient(180deg, #8dff7a 0%, #4de04d 100%) !important;
  color: #0d1a0d !important;
  box-shadow: 0 4px 14px rgba(77, 224, 77, 0.28);
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .channel-list li[data-g8k7-channel="pix1"] {
  order: 1;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .channel-list li[data-g8k7-channel="pix2"] {
  order: 2;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .channel-list li .tag {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .g8k7-channel-name {
  font: inherit;
  letter-spacing: 0.2px;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .tip-wrap {
  align-items: center;
  margin: 0 !important;
  padding: 14px 16px 0 !important;
  color: #9fb0a6 !important;
  font-size: 12px !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .tip-wrap p {
  color: #9fb0a6 !important;
  font-size: 12px !important;
  line-height: 1.4;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .tip-wrap ion-icon {
  flex: 0 0 14px;
  width: 14px !important;
  height: 14px !important;
  margin-right: 6px !important;
  color: #9fb0a6 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .amount-input-wrap {
  padding: 10px 16px 0 !important;
  background: transparent !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .amount-input-wrap .label-area {
  min-height: 0 !important;
  margin-bottom: 6px;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .input-comp .relative.recharge {
  height: 62px !important;
  padding: 0 18px !important;
  border: 1px solid #66ff66 !important;
  border-radius: 999px !important;
  background: rgba(102, 255, 102, 0.04) !important;
  box-shadow: 0 0 0 3px rgba(102, 255, 102, 0.06);
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .input-comp .relative.recharge {
  display: flex !important;
  align-items: center;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .input-comp .currency {
  margin-right: 10px !important;
  color: #66ff66 !important;
  font-size: 19px !important;
  font-weight: 800 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .input-comp .input-wrapper,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .input-comp .native-wrapper {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .input-comp ion-input {
  --background: transparent !important;
  --color: #ffffff !important;
  --placeholder-color: #7d8a83 !important;
  --placeholder-opacity: 1;
  --padding-start: 0 !important;
  --padding-end: 0 !important;
  flex: 1 1 auto;
  height: auto !important;
  font-size: 18px !important;
  font-weight: 700;
}

/* "GIFT + R$ 0,00" badge inside the field. */
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .input-comp .native-wrapper > .flex {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .AmountBtnList-wrap {
  width: auto !important;
  margin: 0 !important;
  padding: 14px 16px 0 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .first-btn-list-wrap {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  width: 100% !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .btn-wrap {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: auto !important;
  min-width: 0 !important;
  height: 52px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #262b33 !important;
  color: #eaf0ec !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .btn-wrap.active,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .btn-wrap.on,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .btn-wrap.is-active {
  background: #1f3332 !important;
  box-shadow: inset 0 0 0 1px #66ff66;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .btn-wrap.active .amount-text,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .btn-wrap.on .amount-text,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .btn-wrap.is-active .amount-text {
  color: #66ff66 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .btn-wrap .bn-text,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .btn-wrap .amount {
  width: auto !important;
  margin: 0 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .btn-wrap .amount-text {
  color: #eaf0ec !important;
  font-size: 16px !important;
  font-weight: 700;
  white-space: nowrap;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .btn-wrap .amount-text::before {
  content: "R$ ";
  color: inherit;
  font-weight: 700;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .fixedBottom-footer {
  background: transparent !important;
  box-shadow: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .fixedBottom-footer .btn-warp {
  padding: 0 16px !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .fixedBottom-footer ion-button {
  --background: linear-gradient(180deg, #a6f56a 0%, #4fbf4f 100%) !important;
  --background-activated: #4fbf4f !important;
  --background-hover: #8fe85f !important;
  --color: #0d1a0d !important;
  --border-radius: 999px !important;
  --box-shadow: 0 8px 20px rgba(79, 191, 79, 0.24) !important;
  height: 56px !important;
  font-size: 17px !important;
  font-weight: 800;
  text-transform: none;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .fixedBottom-footer ion-button.button-disabled {
  --background: linear-gradient(180deg, #6f9a55 0%, #3d7a44 100%) !important;
  --color: #12181299 !important;
  opacity: 1 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .fixedBottom-footer ion-button p,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .fixedBottom-footer ion-button span {
  color: inherit !important;
  font-size: 17px !important;
  font-weight: 800;
}

@media (max-width: 390px) {
  html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .channel-wrap,
  html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .amount-input-wrap,
  html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .tip-wrap,
  html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .AmountBtnList-wrap,
  html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .fixedBottom-footer .btn-warp {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

  html.house-g8k7.green-dark.g8k7-bb888 .g8k7-withdraw-page .btn-wrap .amount-text {
    font-size: 14px !important;
  }
}


/* ---------- Internal headers (subpages) ---------- */
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-internal-header,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-promo-header {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  min-height: 56px;
  padding: 10px 48px;
  background: #232833 !important;
  border-bottom: 1px solid rgba(102, 255, 102, 0.14);
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-internal-back,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-promo-back {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-internal-title,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-promo-title {
  margin: 0;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em;
  line-height: 1.2;
  text-align: center;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-subpage ion-tab-bar,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-promo-redeem ion-tab-bar {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  height: 0 !important;
  opacity: 0 !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-subpage ion-content,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-promo-redeem ion-content {
  --offset-bottom: 0px !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-has-internal-header .g8k7-native-header-hide,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-page ion-header > ion-toolbar,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-vip-page ion-header > ion-toolbar {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-vip-page ion-content {
  --background: #12151a url("/assets/g8k7/bg-glow.png") center / cover no-repeat !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-vip-page ion-content::part(scroll) {
  padding: 8px 14px 28px !important;
  background:
    url("/assets/g8k7/bg-mesh.png") center top / cover no-repeat,
    #12151a !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-vip-page .my-vip,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-vip-page .vip-info,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-vip-page .vip-compare,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-vip-page .validCondition-list,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-vip-page .validCondition,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-vip-page .relenote,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-vip-page ion-card,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-vip-page .card,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-vip-page .vip-card {
  border-radius: 14px !important;
  border: 1px solid rgba(102, 255, 102, 0.24) !important;
  background: #1a2228 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.28);
  color: #eaf6ea !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-vip-page .vipCardText,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-vip-page .vipCardTextBottom,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-vip-page .normal-text,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-vip-page .progressTextBottom,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-vip-page .progressTextRight {
  color: rgba(234, 246, 234, 0.82) !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-vip-page .color-cls,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-vip-page .current-recharge,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-vip-page .accent,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-vip-page .span-cls {
  color: #ccff66 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-vip-page .progress-wrap,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-vip-page .wrap-mid,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-vip-page .mid-vip-wrap {
  border-radius: 12px;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-vip-page ion-progress-bar,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-vip-page .progress-bar,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-vip-page .progress {
  --background: rgba(255, 255, 255, 0.12) !important;
  --progress-background: var(--bb888-cta) !important;
  height: 8px;
  border-radius: 999px;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-vip-page .vipLevelListHead,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-vip-page .list-wrap .listTitle,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-vip-page .vipLevelListHead .listTitle {
  background: #232833 !important;
  color: #eaf6ea !important;
  border-bottom: 1px solid rgba(102, 255, 102, 0.18);
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-vip-page .list-wrap ion-item,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-vip-page .list-wrap .deposit-cls {
  --background: transparent !important;
  color: #eaf6ea !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-vip-page .ruleTitle,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-vip-page .ruleTitleTableTop,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-vip-page .rule-content,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-vip-page .act-info {
  color: rgba(234, 246, 234, 0.78) !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-vip-page ion-button,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-vip-page .btn-claim ion-button,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-vip-page .receive-btn {
  --background: var(--bb888-cta) !important;
  --color: #12151a !important;
  --border-radius: 999px !important;
  font-weight: 700;
}

/* ---------- Chest / Baú Multinível (Agency + MemberReward) ---------- */
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-page ion-content {
  --background: #12151a !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-page ion-content::part(scroll) {
  padding: 0 0 28px !important;
  background:
    url("/assets/g8k7/bg-mesh.png") center top / cover no-repeat,
    #12151a !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-hero {
  position: relative;
  margin: 0 0 12px;
  overflow: hidden;
  min-height: 168px;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-hero-bg {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 18% 20%, rgba(102, 255, 102, 0.22), transparent 42%),
    radial-gradient(circle at 82% 12%, rgba(204, 255, 102, 0.14), transparent 36%),
    linear-gradient(135deg, #1f3332 0%, #05161a 58%, #12151a 100%);
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-hero-body {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 88px 1fr;
  gap: 12px;
  align-items: center;
  padding: 18px 16px 20px;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-hero-icon {
  width: 88px;
  height: 88px;
  object-fit: contain;
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.35));
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-hero-kicker {
  margin: 0 0 4px;
  color: #ccff66;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-hero-title {
  margin: 0 0 6px;
  color: #fff;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.15;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-hero-desc {
  margin: 0;
  color: rgba(234, 246, 234, 0.78);
  font-size: 13px;
  line-height: 1.45;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-page .share.content-item,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-page .reward-box.content-item,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-page .validCondition-list.content-item,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-page .validCondition.content-item,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-page .rule-text.content-item {
  margin: 12px 14px !important;
  padding: 14px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(102, 255, 102, 0.24) !important;
  background: #1a2228 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.24);
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-page .share.content-item ion-item,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-page .reward-box.content-item ion-item {
  --background: transparent !important;
  --border-color: rgba(102, 255, 102, 0.12) !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-page .share-url {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-page .url-title {
  margin: 0;
  color: rgba(234, 246, 234, 0.82) !important;
  font-size: 13px;
  line-height: 1.4;
  word-break: break-word;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-page .url-link {
  display: block;
  margin-top: 4px;
  color: #ccff66 !important;
  font-size: 12px;
  word-break: break-all;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-page .social-media .title,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-page .social-media .warpper .title {
  margin: 0 0 10px;
  color: #fff !important;
  font-size: 15px;
  font-weight: 700;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-page .social-media ion-segment {
  --background: transparent;
  justify-content: flex-start;
  gap: 8px;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-page .social-media ion-segment-button {
  --background: #232833;
  --background-checked: rgba(102, 255, 102, 0.18);
  --color: #eaf6ea;
  --color-checked: #ccff66;
  --indicator-color: transparent;
  --padding-start: 8px;
  --padding-end: 8px;
  min-width: 44px;
  min-height: 44px;
  border: 1px solid rgba(102, 255, 102, 0.18);
  border-radius: 12px;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-page .social-media ion-segment-button img,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-page .social-media ion-segment-button ion-icon {
  width: 24px;
  height: 24px;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-page .details,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-page .bet-register-count {
  color: rgba(234, 246, 234, 0.86) !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-page .count-text,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-page .valid-text {
  color: #ccff66 !important;
  font-weight: 700;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-page .btn-details {
  color: #66ff66 !important;
  font-weight: 700;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-page .reward-box {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-page .reward-item {
  border-radius: 12px;
  border: 1px solid rgba(102, 255, 102, 0.16);
  background: #232833;
  padding: 10px 8px;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-page .reward-item .i8n-box,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-page .reward-item .text-position {
  color: #eaf6ea !important;
  font-size: 12px;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-page .rule-text,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-page .rule-text .rule-content {
  color: rgba(234, 246, 234, 0.76) !important;
  font-size: 13px;
  line-height: 1.55;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-page .g8k7-chest-copy,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-page ion-button.g8k7-chest-copy {
  --background: var(--bb888-cta) !important;
  --color: #12151a !important;
  --border-radius: 999px !important;
  --padding-start: 12px;
  --padding-end: 12px;
  min-height: 34px;
  font-weight: 700;
  flex: 0 0 auto;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-page .g8k7-chest-copy ion-icon,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-page .g8k7-chest-copy .icon {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-page .g8k7-chest-copy-label {
  font-size: 13px;
  font-weight: 800;
  color: #12151a;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-page ion-button.button-solid,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-page .btn-claim ion-button {
  --background: var(--bb888-cta) !important;
  --color: #12151a !important;
  --border-radius: 999px !important;
  font-weight: 700;
}

@media (max-width: 430px) {
  html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-hero-body {
    grid-template-columns: 72px 1fr;
    padding-inline: 12px;
  }

  html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-hero-icon {
    width: 72px;
    height: 72px;
  }

  html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-hero-title {
    font-size: 20px;
  }
}

@media (max-width: 360px) {
  html.house-g8k7.green-dark.g8k7-bb888 .g8k7-chest-page .reward-box {
    grid-template-columns: 1fr;
  }
}

/* ---------- Report / Support / Security ---------- */
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-internal-page ion-content {
  --background: #12151a !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-internal-page ion-content::part(scroll) {
  padding: 12px 14px 24px !important;
  background:
    url("/assets/g8k7/bg-mesh.png") center top / cover no-repeat,
    #12151a !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-internal-page ion-item,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-internal-page ion-card,
html.house-g8k7.green-dark.g8k7-bb888 .g8k7-internal-page .card {
  --background: #1a2228 !important;
  border-radius: 12px !important;
  margin-bottom: 10px;
  border: 1px solid rgba(102, 255, 102, 0.18);
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-internal-page ion-item::part(native) {
  border-radius: 12px !important;
}

/* ---------- Global modals / alerts / empty ---------- */
html.house-g8k7.green-dark.g8k7-bb888 ion-modal::part(content),
html.house-g8k7.green-dark.g8k7-bb888 ion-alert .alert-wrapper,
html.house-g8k7.green-dark.g8k7-bb888 ion-toast {
  --background: #1a2228;
  --color: #fff;
}

html.house-g8k7.green-dark.g8k7-bb888 .g8k7-bb888-overlay,
html.house-g8k7.green-dark.g8k7-bb888 .empty-wrap,
html.house-g8k7.green-dark.g8k7-bb888 .no-data {
  color: rgba(255, 255, 255, 0.72) !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-loading {
  --background: rgba(5, 22, 26, 0.92);
  --spinner-color: #66ff66;
}

@media (max-width: 430px) {
  html.house-g8k7.green-dark.g8k7-bb888 .g8k7-internal-header,
  html.house-g8k7.green-dark.g8k7-bb888 .g8k7-promo-header {
    min-height: 52px;
    padding-inline: 44px;
  }
}

@media (max-width: 360px) {
  html.house-g8k7.green-dark.g8k7-bb888 .g8k7-internal-title,
  html.house-g8k7.green-dark.g8k7-bb888 .g8k7-promo-title {
    font-size: 16px !important;
  }
}

/* App update / generic overlays (not login/register) */
html.house-g8k7.green-dark.g8k7-bb888 ion-modal:not(#login-modal)::part(content) {
  --background: #1a2228;
  --border-radius: 18px;
  border: 1px solid rgba(102, 255, 102, 0.22);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.55);
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal:not(#login-modal) .modal-wrapper,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal:not(#login-modal) ion-content {
  --background: #1a2228 !important;
  color: #fff !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal:not(#login-modal) ion-button.button-solid,
html.house-g8k7.green-dark.g8k7-bb888 ion-alert .alert-button-group .alert-button:last-child {
  --background: var(--bb888-cta) !important;
  --color: #12151a !important;
  --border-radius: 999px !important;
  font-weight: 700;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-alert .alert-wrapper {
  background: #1a2228 !important;
  border: 1px solid rgba(102, 255, 102, 0.22);
  border-radius: 16px !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-alert .alert-title,
html.house-g8k7.green-dark.g8k7-bb888 ion-alert .alert-message {
  color: #fff !important;
}

/* PWA / update / force-install overlays */
html.house-g8k7.green-dark.g8k7-bb888 .mask.h-full,
html.house-g8k7.green-dark.g8k7-bb888 .compulsory-warp {
  background: rgba(5, 22, 26, 0.88) !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .content_footer_pwa,
html.house-g8k7.green-dark.g8k7-bb888 .compulsory-warp .content {
  background:
    radial-gradient(circle at 92% 8%, rgba(102, 255, 102, 0.14), transparent 38%),
    linear-gradient(145deg, #1f3332 0%, #05161a 100%) !important;
  color: #eaf6ea !important;
  border: 1px solid rgba(102, 255, 102, 0.28) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.55) !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .content_footer_pwa p,
html.house-g8k7.green-dark.g8k7-bb888 .compulsory-warp .version,
html.house-g8k7.green-dark.g8k7-bb888 .compulsory-warp .sub-title,
html.house-g8k7.green-dark.g8k7-bb888 .compulsory-warp .tex-desc,
html.house-g8k7.green-dark.g8k7-bb888 .compulsory-warp .app-name,
html.house-g8k7.green-dark.g8k7-bb888 .compulsory-warp .tips-area,
html.house-g8k7.green-dark.g8k7-bb888 .compulsory-warp .tips-area p {
  color: rgba(234, 246, 234, 0.9) !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .compulsory-warp .accent,
html.house-g8k7.green-dark.g8k7-bb888 .compulsory-warp .sub-title .accent {
  color: #ccff66 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .compulsory-warp .circle,
html.house-g8k7.green-dark.g8k7-bb888 .compulsory-warp .aperture1,
html.house-g8k7.green-dark.g8k7-bb888 .compulsory-warp .aperture2 {
  opacity: 0.12 !important;
  filter: saturate(0.2);
}

html.house-g8k7.green-dark.g8k7-bb888 .content_footer_pwa ion-button,
html.house-g8k7.green-dark.g8k7-bb888 .content_footer_pwa button,
html.house-g8k7.green-dark.g8k7-bb888 .compulsory-warp ion-button.action-btn,
html.house-g8k7.green-dark.g8k7-bb888 .compulsory-warp .action-btn,
html.house-g8k7.green-dark.g8k7-bb888 .compulsory-warp .buttons ion-button.line,
html.house-g8k7.green-dark.g8k7-bb888 .content_footer_pwa .install {
  --background: var(--bb888-cta) !important;
  --color: #12151a !important;
  --border-radius: 999px !important;
  color: #12151a !important;
  font-weight: 800 !important;
}

html.house-g8k7.green-dark.g8k7-bb888 .content_footer_pwa ion-button.cancel,
html.house-g8k7.green-dark.g8k7-bb888 .compulsory-warp .close-icon {
  --color: rgba(234, 246, 234, 0.72) !important;
  color: rgba(234, 246, 234, 0.72) !important;
}

html.house-g8k7.green-dark.g8k7-bb888 ion-modal:not(#login-modal) .modal-wrapper,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal:not(#login-modal) ion-content,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal:not(#login-modal) .ion-page,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal:not(#login-modal) .wrapper,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal:not(#login-modal) .update-content,
html.house-g8k7.green-dark.g8k7-bb888 ion-modal:not(#login-modal) .version-content {
  --background: #1a2228 !important;
  background: #1a2228 !important;
  color: #eaf6ea !important;
}

/* ========== Profile v44 — compact parity (BB888), perfil only ========== */
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil ion-content.mine::part(scroll) {
  background:
    url("/assets/g8k7/bg-mesh.png") center calc(100% + 72px) / 118% auto no-repeat,
    #05161a !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info {
  padding-bottom: 148px !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info > div[style*="height:calc"],
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .card-bg-gradient,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .progress-bot,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .progress-bot-txt,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .progress-img,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .progress-icon-wrap,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .out-info,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .level-point,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .wrap-info .bot,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .bet-wrap .bet-left,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .need-bets > p,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .vip-info-max,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .need-recharge {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .my-vip .progress-wrap .top {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .my-vip .progress-bar {
  height: 8px !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .need-bets {
  color: #b8c4be !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .user-tab-info .need-bets .current-recharge {
  color: #ff6a6a !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .g8k7-profile-menu {
  background: #080c0e !important;
  background-image: none !important;
  box-shadow: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .g8k7-profile-menu > ion-item {
  height: 40px !important;
  min-height: 40px !important;
  --min-height: 40px !important;
  font-size: 14px !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .g8k7-profile-menu > ion-item::part(native) {
  height: 40px !important;
  min-height: 40px !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .g8k7-profile-role-icon {
  width: 23px !important;
  height: 23px !important;
  flex-basis: 23px !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .g8k7-profile-menu .name {
  font-size: 14px !important;
  font-weight: 700 !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil ion-tabs .tab-bar,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil ion-tabs .absolute.-bottom-\[1px\] {
  overflow: hidden !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil .g8k7-tab-agency .g8k7-tab-icon {
  margin-top: 0 !important;
  width: 52px !important;
  height: 52px !important;
  object-position: center center !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-page-perfil ion-tabs::before {
  content: "";
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  width: min(527px, 100vw);
  bottom: 74px;
  height: 58px;
  background: linear-gradient(to bottom, rgba(5, 22, 26, 0) 0%, #05161a 62%, #05161a 100%);
  pointer-events: none;
  z-index: 5;
}

/* ========== Redeem v45 — Troca Recompensas flow parity (BB888) ========== */
html.house-g8k7.green-dark.g8k7-bb888.g8k7-promo-redeem .g8k7-redeem-page > ion-content,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-promo-redeem ion-content {
  --padding-top: 0 !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-promo-redeem .g8k7-redeem-page div.code-input:not(.g8k7-redeem-field div.code-input),
html.house-g8k7.green-dark.g8k7-bb888.g8k7-promo-redeem .g8k7-redeem-page .btn-warpper:not(.g8k7-redeem-card .btn-warpper) {
  display: none !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-promo-redeem .g8k7-redeem-hero,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-promo-redeem .g8k7-redeem-card,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-promo-redeem .social-media-container,
html.house-g8k7.green-dark.g8k7-bb888.g8k7-promo-redeem .rule-text {
  position: static !important;
  top: auto !important;
  bottom: auto !important;
  margin-top: 0 !important;
  transform: none !important;
  z-index: auto !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-promo-redeem .g8k7-redeem-hero {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  margin: 0 0 8px !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-promo-redeem .g8k7-redeem-card {
  margin-top: 0 !important;
}

html.house-g8k7.green-dark.g8k7-bb888.g8k7-promo-redeem .g8k7-promo-title {
  font-size: 24px !important;
  font-weight: 700 !important;
}