/* XA999Z.COM — tema xa999z: laranja #ff2d7a / marrom #262a40 / fundo #0f1220 (derivado do Prime) */
/* ============================================================
   3MM — grafite + laranja #ff2d7a + dourado #ff2d7a
   Tema Prime: slug xa999z (base PhantomBlue).
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

html.prime-xa999z, html.prime-xa999z body, html.prime-xa999z .phantom-blue, html.prime-xa999z [class*="-r2"], html.prime-xa999z ion-app {
  /* ---------- TIPOGRAFIA ---------- */
  --ep-default-font-family: "Poppins", "Prompt", -apple-system, "Roboto", sans-serif;
  --ep-font-weight-medium: 600;
  --ep-font-weight-bold: 700;

  /* ---------- RAIOS (14–18px) ---------- */
  --ep-border-radius-m: .5rem;
  --ep-border-radius-l: .75rem;
  --ep-border-radius-xl: .875rem;
  --ep-border-radius-surface-small: .875rem;
  --ep-border-radius-surface-default: 1rem;
  --ep-border-radius-surface-large: 1.125rem;

  /* ---------- PRIMÁRIA: DOURADO (CTA, abas ativas, seleção) ---------- */
  --ep-primary-primary-900: rgb(95, 0, 38);
  --ep-primary-primary-800: rgb(140, 0, 56);
  --ep-primary-primary-700: rgb(190, 0, 76);
  --ep-primary-primary-600: rgb(230, 0, 92);
  --ep-primary-primary-500: rgb(255, 45, 122);
  --ep-primary-primary-400: rgb(255, 92, 154);
  --ep-primary-primary-300: rgb(255, 127, 179);
  --ep-primary-primary-200: rgb(255, 190, 214);
  --ep-primary-primary-100: rgb(255, 225, 236);
  --ep-primary-primary-Opacity: rgba(255,45,122, .40);

  /* ---------- SECUNDÁRIA: MAGENTA NEON (sobrepõe o ouro do base.css) ---------- */
  --ep-secondary-secondary-900: rgb(70, 0, 30);
  --ep-secondary-secondary-800: rgb(110, 0, 45);
  --ep-secondary-secondary-700: rgb(160, 0, 64);
  --ep-secondary-secondary-600: rgb(210, 0, 84);
  --ep-secondary-secondary-500: rgb(255, 92, 154);
  --ep-secondary-secondary-400: rgb(255, 127, 179);
  --ep-secondary-secondary-300: rgb(255, 120, 170);
  --ep-secondary-secondary-200: rgb(255, 170, 200);
  --ep-secondary-secondary-100: rgb(255, 215, 230);
  --ep-secondary-secondary-Opacity: rgba(255, 92, 154, .40);

  /* ---------- TERCIÁRIA: VIOLETA ELÉTRICO ---------- */
  --ep-tertiary-tertiary-900: rgb(0, 90, 75);
  --ep-tertiary-tertiary-800: rgb(255, 92, 154);
  --ep-tertiary-tertiary-700: rgb(0, 150, 125);
  --ep-tertiary-tertiary-600: rgb(255, 92, 154);
  --ep-tertiary-tertiary-500: rgb(255, 92, 154);
  --ep-tertiary-tertiary-400: rgb(255, 127, 179);
  --ep-tertiary-tertiary-300: rgb(160, 255, 235);
  --ep-tertiary-tertiary-200: rgb(200, 255, 245);
  --ep-tertiary-tertiary-100: rgb(230, 255, 250);
  --ep-tertiary-tertiary-Opacity: rgba(255, 92, 154, .40);

  /* ---------- INVERSE: MAGENTA (glow secundário, ícones de marca) ---------- */
  --ep-inverse-inverse-900: rgb(70, 0, 30);
  --ep-inverse-inverse-800: rgb(110, 0, 45);
  --ep-inverse-inverse-700: rgb(160, 0, 64);
  --ep-inverse-inverse-600: rgb(210, 0, 84);
  --ep-inverse-inverse-500: rgb(255, 92, 154);
  --ep-inverse-inverse-400: rgb(255, 127, 179);
  --ep-inverse-inverse-300: rgb(255, 120, 170);
  --ep-inverse-inverse-200: rgb(255, 170, 200);
  --ep-inverse-inverse-100: rgb(255, 215, 230);
  --ep-inverse-inverse-Opacity: rgba(255, 92, 154, .40);

  /* ---------- NEUTRA: ROXO-ESCURO / PRETO ----------
     L01 barra inferior · L02 corpo · L03 cabeçalho · L04 card
     L05 divisor · L06–L08 texto fraco · L09–L10 texto */
  --ep-neutral-gray-gray-L01: rgb(11, 13, 24);
  --ep-neutral-gray-gray-L02: rgb(15, 18, 32);
  --ep-neutral-gray-gray-L03: rgb(38, 42, 64);
  --ep-neutral-gray-gray-L04: rgb(48, 53, 80);
  --ep-neutral-gray-gray-L05: rgb(58, 63, 92);
  --ep-neutral-gray-gray-L06: rgb(120, 120, 120);
  --ep-neutral-gray-gray-L07: rgb(150, 150, 150);
  --ep-neutral-gray-gray-L08: rgb(185, 185, 185);
  --ep-neutral-gray-gray-L09: rgb(220, 220, 220);
  --ep-neutral-gray-gray-L10: rgb(245, 245, 245);
  --ep-neutral-gary-gary-L01: rgb(11, 13, 24);
  --ep-neutral-gary-gary-L02: rgb(15, 18, 32);
  --ep-neutral-gary-gary-L03: rgb(38, 42, 64);
  --ep-neutral-gary-gary-L04: rgb(48, 53, 80);
  --ep-neutral-gary-gary-L06: rgb(120, 120, 120);

  /* ---------- GRADIENTES ----------
     Entrar/Registro/CTA: dourado claro -> dourado profundo.
     Secundário: magenta. Terciário: violeta -> magenta. */
  --ep-color-background-fill-gradients-primary-a: rgb(255, 127, 179);
  --ep-color-background-fill-gradients-primary-b: rgb(230, 0, 92);
  --ep-color-background-fill-gradients-secondary-a: rgb(255, 127, 179);
  --ep-color-background-fill-gradients-secondary-b: rgb(255, 45, 122);
  --ep-color-background-fill-gradients-tertiary-a: rgb(255, 92, 154);
  --ep-color-background-fill-gradients-tertiary-b: rgb(255, 92, 154);
  --ep-color-background-fill-gradients-tertiary-weak-a: rgb(48, 53, 80);
  --ep-color-background-fill-gradients-tertiary-weak-b: rgb(255, 92, 154);
  --ep-color-background-fill-tips: rgb(255, 92, 154);
  --ep-color-background-fill-glow-secondary-opacity-40: rgba(255, 92, 154, .40);
  --ep-color-background-fill-glow-secondary-opacity-100: rgb(255, 92, 154);

  /* Texto sobre dourado precisa ser escuro */
  --ep-color-text-inverse: rgb(255, 255, 255);
  --ep-color-icon-inverse: rgb(255, 255, 255);
  --ep-color-text-inverse-disabled: rgba(255, 255, 255, .45);
  --ep-color-icon-inverse-disabled: rgba(255, 255, 255, .45);
  --ep-color-btn-level-2-text: rgb(255, 255, 255);
  --ep-color-text-navigation-default: rgba(255, 255, 255, .55);
  --ep-color-text-weak: rgba(255, 255, 255, .68);
  --ep-color-text-weaker: rgba(255, 255, 255, .45);

  /* Variáveis Ionic globais */
  --ion-font-family: var(--ep-default-font-family);
  --ion-background-color: rgb(15, 18, 32);
  --ion-toolbar-background: rgba(21, 24, 42, .92);
  --ion-tab-bar-background: rgba(15, 18, 32, .92);
  --ion-color-primary: rgb(255, 45, 122);
  --ion-color-primary-contrast: rgb(255, 255, 255);

  color-scheme: dark;
}

/* ============================================================
   FUNDO — gradiente profundo com "auroras" douradas/magenta
   ============================================================ */
html.prime-xa999z body,
html.prime-xa999z ion-app,
html.prime-xa999z ion-content {
  --background: transparent;
  background:
    radial-gradient(900px 500px at 8% -10%, rgba(255, 92, 154, .16), rgba(255, 92, 154, 0) 60%),
    radial-gradient(800px 480px at 100% 12%, rgba(255,45,122, .10), rgba(255,45,122, 0) 60%),
    linear-gradient(180deg, #0E1410 0%, #080C09 55%, #0f1220 100%);
}
html.prime-xa999z ion-content::part(background) { background: transparent; }
/* Os "blobs" desfocados do bundle (.main-page::before/::after, filter: blur ~90px)
   viram anéis duros em renderização por software; o brilho fica a cargo dos
   radial-gradients acima, que renderizam igual em qualquer GPU. */
html.prime-xa999z .main-page::before,
html.prime-xa999z .main-page::after { display: none !important; }

/* ============================================================
   HEADER — glassmorphism + linha dourada
   ============================================================ */
html.prime-xa999z ion-header ion-toolbar {
  --background: rgba(61, 46, 34, .86);
  --border-width: 0 0 1px 0;
  --border-color: rgba(255,45,122, .22);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  backdrop-filter: blur(14px) saturate(140%);
  box-shadow: 0 6px 24px rgba(0, 0, 0, .35);
}
html.prime-xa999z ion-header { box-shadow: none; }
html.prime-xa999z .logo-wrap ion-img.logo::part(image),
html.prime-xa999z .logo-wrap .logo img {
  filter: drop-shadow(0 0 10px rgba(255,45,122, .35));
}

/* Botões Entrar / Registro do cabeçalho */
html.prime-xa999z .btn-default,
html.prime-xa999z .login .btn-default,
html.prime-xa999z .register-btn-warper,
html.prime-xa999z .register-btn-warper ion-button::part(native) {
  background: linear-gradient(135deg, #ff5c9a 0%, #ff2d7a 45%, #262a40 100%) !important;
  color: #FFFFFF !important;
  border-radius: 12px !important;
  font-weight: 700;
  box-shadow: 0 0 16px rgba(255,45,122, .40), inset 0 1px 0 rgba(255, 255, 255, .35);
  text-shadow: none;
}
html.prime-xa999z .register-btn-warper,
html.prime-xa999z .register {
  background: linear-gradient(135deg, #ff5c9a 0%, #ff2d7a 50%, #B05C22 100%) !important;
  color: #FFFFFF !important;
  box-shadow: 0 0 16px rgba(255, 92, 154, .45), inset 0 1px 0 rgba(255, 255, 255, .28);
}
html.prime-xa999z .register-btn-warper .register,
html.prime-xa999z .register-btn-warper ion-button,
html.prime-xa999z .register-btn-warper ion-button::part(native) {
  background: transparent !important;
  box-shadow: none !important;
  color: #FFFFFF !important;
}
html.prime-xa999z .btn-default .btn-text,
html.prime-xa999z .btn-default span { color: #FFFFFF !important; }
/* "Entrar" é um ion-button.login: o fundo fica no ::part(native) */
html.prime-xa999z ion-button.login,
html.prime-xa999z ion-button.login::part(native) {
  --background: linear-gradient(135deg, #ff5c9a 0%, #ff2d7a 45%, #262a40 100%);
  --background-hover: linear-gradient(135deg, #B9FFC8 0%, #ff2d7a 45%, #262a40 100%);
  --background-activated: #262a40;
  --color: #FFFFFF;
  --border-radius: 12px;
  background: linear-gradient(135deg, #ff5c9a 0%, #ff2d7a 45%, #262a40 100%) !important;
  color: #FFFFFF !important;
  border-radius: 12px !important;
  font-weight: 700;
  box-shadow: 0 0 16px rgba(255,45,122, .40), inset 0 1px 0 rgba(255, 255, 255, .35);
}

/* Barra PWA "Baixe nosso APP" */
html.prime-xa999z .pwa-header-wrap {
  background: linear-gradient(90deg, rgba(74, 56, 40, .96), rgba(61, 46, 34, .96)) !important;
  border-bottom: 1px solid rgba(255, 92, 154, .25);
}
html.prime-xa999z .pwa-header-wrap .btn-default {
  background: linear-gradient(135deg, #ff5c9a, #262a40) !important;
}
html.prime-xa999z .pwa-header-wrap .btn-default .btn-text { color: #FFFFFF !important; }

/* ============================================================
   TAB BAR INFERIOR — glass, ícone ativo destacado com glow
   ============================================================ */
html.prime-xa999z ion-tab-bar,
html.prime-xa999z ion-tabs ion-tab-bar {
  --background: transparent;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0, rgba(0,0,0,0) calc(100% - 62px), rgba(39, 25, 13, .92) calc(100% - 62px)) !important;
  border-top: 0;
}
html.prime-xa999z ion-tab-bar::before {
  content: "";
  position: absolute; left: 0; right: 0; bottom: 0; height: 62px;
  background: rgba(39, 25, 13, .90);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-top: 1px solid rgba(255,45,122, .20);
  box-shadow: 0 -8px 28px rgba(0, 0, 0, .45);
  pointer-events: none;
  z-index: 0;
}
html.prime-xa999z ion-tab-bar > * { position: relative; z-index: 1; }
html.prime-xa999z .tab-btn .tab-label,
html.prime-xa999z .tab-btn ion-label {
  font-weight: 600;
  letter-spacing: .1px;
}
html.prime-xa999z .tab-btn.tab-selected .tab-label,
html.prime-xa999z .tab-btn[aria-selected="true"] .tab-label,
html.prime-xa999z .tab-btn.active .tab-label {
  color: #ff2d7a !important;
  text-shadow: 0 0 10px rgba(255,45,122, .55);
}
html.prime-xa999z .tab-btn.tab-selected .tab-img,
html.prime-xa999z .tab-btn.active .tab-img,
html.prime-xa999z .tab-btn[aria-selected="true"] .tab-img {
  filter: drop-shadow(0 0 10px rgba(255,45,122, .65));
  transform: translateY(-2px) scale(1.06);
}
html.prime-xa999z .tab-btn .tab-img { transition: transform .2s ease, filter .2s ease; }
html.prime-xa999z .tab-btn:active .tab-img { transform: scale(.92); }
/* botão central (convidar/baú) com anel dourado */
html.prime-xa999z .tab-btn.floating .tab-img,
html.prime-xa999z .tab-btn .floating {
  filter: drop-shadow(0 0 14px rgba(255,45,122, .6));
}

/* ============================================================
   CARROSSEL / BANNERS
   ============================================================ */
html.prime-xa999z .swiper-poster,
html.prime-xa999z .poster-img,
html.prime-xa999z .swiper-slide .type-img,
html.prime-xa999z .activity-img,
html.prime-xa999z .hot-img,
html.prime-xa999z .social-img {
  border-radius: 16px !important;
  overflow: hidden;
}
html.prime-xa999z .swiper-slide.type-img,
html.prime-xa999z .activity-box {
  border-radius: 16px;
  box-shadow: 0 8px 26px rgba(0, 0, 0, .45), 0 0 0 1px rgba(255, 255, 255, .06);
}
html.prime-xa999z .swiper-pagination-bullet {
  background: rgba(255, 255, 255, .35);
  opacity: 1;
  width: 7px; height: 7px;
  transition: all .25s ease;
}
html.prime-xa999z .swiper-pagination-bullet-active {
  width: 22px;
  border-radius: 6px;
  background: linear-gradient(90deg, #ff5c9a, #ff2d7a);
  box-shadow: 0 0 10px rgba(255,45,122, .7);
}

/* Faixa de avisos (megafone) */
html.prime-xa999z .marquee-wrapper,
html.prime-xa999z .megaphone-wrapper {
  background: rgba(74, 56, 40, .70) !important;
  border: 1px solid rgba(255,45,122, .18);
  border-radius: 999px !important;
}

/* ============================================================
   ABAS DE PROVEDORES (Popular / PG / SPRIBE …)
   ============================================================ */
html.prime-xa999z ion-segment {
  --background: transparent;
  background: transparent;
}
html.prime-xa999z ion-segment-button {
  --background: rgba(74, 56, 40, .62);
  --background-checked: linear-gradient(180deg, rgba(255,45,122, .22), rgba(255, 92, 154, .18));
  --border-radius: 16px;
  --indicator-color: transparent;
  --color: rgba(255, 255, 255, .72);
  --color-checked: #FFFFFF;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, .06);
  margin: 0 3px;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
html.prime-xa999z ion-segment-button.segment-button-checked {
  border-color: rgba(255,45,122, .65);
  box-shadow: 0 0 18px rgba(255,45,122, .28), inset 0 0 0 1px rgba(255,45,122, .25);
  transform: translateY(-2px);
}
html.prime-xa999z ion-segment-button.segment-button-checked .label,
html.prime-xa999z ion-segment-button.segment-button-checked ion-label {
  color: #ff2d7a !important;
  text-shadow: 0 0 10px rgba(255,45,122, .5);
}
html.prime-xa999z ion-segment-button .sub-label { color: rgba(255, 255, 255, .55); }
html.prime-xa999z ion-segment-button:active { transform: scale(.96); }
html.prime-xa999z .platform-item-icon-wrapper,
html.prime-xa999z .img-box {
  border-radius: 14px;
}
html.prime-xa999z ion-segment-button.segment-button-checked .platform-item-icon,
html.prime-xa999z ion-segment-button.segment-button-checked .img-box img {
  filter: drop-shadow(0 0 8px rgba(255,45,122, .55));
}

/* Barra de busca */
html.prime-xa999z .search-container,
html.prime-xa999z .search-box,
html.prime-xa999z ion-searchbar {
  --background: rgba(74, 56, 40, .70);
  --border-radius: 999px;
  --color: #FFFFFF;
  --icon-color: #ff2d7a;
  --placeholder-color: rgba(255, 255, 255, .5);
  background: rgba(74, 56, 40, .70);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 999px;
}

/* ============================================================
   CARDS DE JOGOS — raio 16px, glow no hover, press
   ============================================================ */
html.prime-xa999z .game-card {
  border-radius: 16px !important;
  background: rgb(48, 53, 80) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .40), 0 0 0 1px rgba(255, 255, 255, .05);
  transition: transform .2s ease, box-shadow .2s ease;
  overflow: hidden;
}
html.prime-xa999z .game-card .game-img,
html.prime-xa999z .game-card .game-img img,
html.prime-xa999z .game-card ion-img::part(image),
html.prime-xa999z .game-card .img {
  border-radius: 16px 16px 0 0 !important;
  transition: transform .35s ease;
}
html.prime-xa999z .game-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 32px rgba(0, 0, 0, .55), 0 0 22px rgba(255,45,122, .35), 0 0 0 1px rgba(255,45,122, .55);
}
html.prime-xa999z .game-card:hover .game-img img,
html.prime-xa999z .game-card:hover ion-img::part(image) { transform: scale(1.05); }
html.prime-xa999z .game-card:active { transform: scale(.97); }
html.prime-xa999z .game-card .game-name {
  font-weight: 600;
  color: #FFFFFF;
}
html.prime-xa999z .game-card .favorite,
html.prime-xa999z .game-card .platform-icon {
  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .6));
}
/* Título de seção + "Todos" */
html.prime-xa999z .onMore,
html.prime-xa999z .card-container .onMore {
  background: rgba(255,45,122, .16) !important;
  border: 1px solid rgba(255,45,122, .45);
  border-radius: 999px !important;
  color: #ff2d7a !important;
}

/* ============================================================
   BOTÕES GERAIS (Ionic)
   ============================================================ */
html.prime-xa999z ion-button {
  --border-radius: 14px;
  --box-shadow: none;
  font-weight: 700;
  letter-spacing: .2px;
  text-transform: none;
}
html.prime-xa999z ion-button.button-solid:not([color]),
html.prime-xa999z ion-button.primary::part(native),
html.prime-xa999z ion-button[color="primary"]::part(native) {
  --background: linear-gradient(135deg, #ff5c9a 0%, #ff2d7a 45%, #262a40 100%);
  --background-hover: linear-gradient(135deg, #B9FFC8, #ff2d7a);
  --background-activated: linear-gradient(135deg, #15D64A, #0A9A38);
  --color: #FFFFFF;
  box-shadow: 0 0 18px rgba(255,45,122, .38), inset 0 1px 0 rgba(255, 255, 255, .35);
}
html.prime-xa999z ion-button[fill="outline"] {
  --border-color: rgba(255,45,122, .7);
  --color: #ff2d7a;
}
html.prime-xa999z ion-button[expand="block"],
html.prime-xa999z ion-button[expand="full"] {
  border-radius: 14px;
  min-height: 46px;
}
html.prime-xa999z .unset-btn,
html.prime-xa999z .button-box {
  border-radius: 14px;
}

/* ============================================================
   MODAIS (login, registro, depósito, saque, VIP, perfil, histórico…)
   ============================================================ */
html.prime-xa999z ion-modal {
  --background: rgba(61, 46, 34, .96);
  --border-radius: 18px;
  --box-shadow: 0 24px 60px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255,45,122, .22);
  --backdrop-opacity: .72;
}
html.prime-xa999z ion-modal::part(content) {
  border-radius: 18px;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}
html.prime-xa999z ion-modal ion-header ion-toolbar {
  --background: transparent;
  --border-color: rgba(255,45,122, .18);
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
html.prime-xa999z ion-modal ion-content {
  --background: transparent;
  background: transparent;
}
html.prime-xa999z ion-modal ion-title,
html.prime-xa999z ion-modal .title {
  font-weight: 700;
  color: #FFFFFF;
}
html.prime-xa999z ion-modal .close,
html.prime-xa999z ion-modal .close-btn-bg {
  background: rgba(255, 255, 255, .08);
  border-radius: 999px;
}
html.prime-xa999z ion-popover {
  --background: rgba(61, 46, 34, .97);
  --box-shadow: 0 16px 40px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255,45,122, .22);
}
html.prime-xa999z ion-popover::part(content) { border-radius: 16px; }
html.prime-xa999z ion-alert .alert-wrapper,
html.prime-xa999z ion-action-sheet .action-sheet-group {
  background: rgb(38, 42, 64);
  border-radius: 16px;
}
html.prime-xa999z ion-toast {
  --background: rgba(74, 56, 40, .96);
  --color: #FFFFFF;
  --border-radius: 14px;
  --box-shadow: 0 10px 30px rgba(0,0,0,.5), 0 0 0 1px rgba(255,45,122,.3);
}

/* Campos de formulário */
html.prime-xa999z ion-item,
html.prime-xa999z ion-input,
html.prime-xa999z ion-textarea,
html.prime-xa999z ion-select,
html.prime-xa999z .input-wrapper,
html.prime-xa999z .ep-input,
html.prime-xa999z input:not([type="checkbox"]):not([type="radio"]) {
  --background: rgba(39, 25, 13, .85);
  --border-radius: 14px;
  --border-color: rgba(255, 255, 255, .10);
  --highlight-color-focused: #ff2d7a;
  --color: #FFFFFF;
  --placeholder-color: rgba(255, 255, 255, .45);
  --padding-start: 14px;
  border-radius: 14px;
}
html.prime-xa999z ion-item {
  --inner-border-width: 0;
  --border-width: 1px;
  --border-style: solid;
  margin-bottom: 4px;
}
html.prime-xa999z ion-item.item-has-focus,
html.prime-xa999z ion-item.ion-focused {
  --border-color: rgba(255,45,122, .75);
  box-shadow: 0 0 0 3px rgba(255,45,122, .16);
}
html.prime-xa999z ion-checkbox {
  --checkbox-background-checked: #ff2d7a;
  --border-color-checked: #ff2d7a;
  --checkmark-color: #FFFFFF;
  --border-radius: 6px;
}
html.prime-xa999z ion-toggle {
  --track-background-checked: rgba(255,45,122, .55);
  --handle-background-checked: #ff2d7a;
}

/* Cards/superfícies genéricas (perfil, saldo, VIP, depósito) */
html.prime-xa999z .card,
html.prime-xa999z .card-wrapper,
html.prime-xa999z .wrapper.item-image,
html.prime-xa999z ion-card,
html.prime-xa999z .content-box,
html.prime-xa999z .balance-box,
html.prime-xa999z .vip-card,
html.prime-xa999z .amount-item,
html.prime-xa999z .pay-item,
html.prime-xa999z .list-item {
  border-radius: 16px;
}
html.prime-xa999z ion-card {
  --background: rgba(74, 56, 40, .75);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .40), 0 0 0 1px rgba(255, 255, 255, .06);
}
html.prime-xa999z .amount-item.active,
html.prime-xa999z .amount-item.selected,
html.prime-xa999z .pay-item.active,
html.prime-xa999z .pay-item.selected,
html.prime-xa999z .selected-item {
  border-color: #ff2d7a !important;
  box-shadow: 0 0 14px rgba(255,45,122, .40);
}

/* Segmentos secundários (abas dentro de modais: Depósito/Saque, Histórico…) */
html.prime-xa999z ion-modal ion-segment-button {
  --background: rgba(39, 25, 13, .6);
  --background-checked: linear-gradient(135deg, #ff5c9a, #262a40);
  --color-checked: #FFFFFF;
  border-radius: 12px;
}
html.prime-xa999z ion-modal ion-segment-button.segment-button-checked .label,
html.prime-xa999z ion-modal ion-segment-button.segment-button-checked ion-label {
  color: #FFFFFF !important;
  text-shadow: none;
}

/* Etiquetas de valores (R$ +99, tags) */
html.prime-xa999z .rewardTag,
html.prime-xa999z .reward-amount {
  background: linear-gradient(90deg, #ff2d7a, #ff5c9a) !important;
  border-radius: 6px;
}
html.prime-xa999z .merchantCy {
  background: linear-gradient(90deg, #262a40, #ff2d7a) !important;
  color: #FFFFFF !important;
}
html.prime-xa999z .red-point,
html.prime-xa999z .badge { box-shadow: 0 0 8px rgba(255, 92, 154, .8); }

/* Menu lateral */
html.prime-xa999z ion-menu {
  --background: rgba(39, 25, 13, .97);
}
html.prime-xa999z .menu-content {
  background: rgba(39, 25, 13, .97);
  border-right: 1px solid rgba(255,45,122, .18);
}

/* Rodapé */
html.prime-xa999z .footer,
html.prime-xa999z ion-footer,
html.prime-xa999z .footer-wrap {
  background: rgb(11, 13, 24);
  border-top: 1px solid rgba(255, 255, 255, .06);
}

/* Suporte flutuante */
html.prime-xa999z .floating,
html.prime-xa999z .service-btn {
  filter: drop-shadow(0 0 12px rgba(255, 92, 154, .55));
}

/* ============================================================
   SCROLLBAR
   ============================================================ */
html.prime-xa999z ::-webkit-scrollbar { width: 8px; height: 8px; }
html.prime-xa999z ::-webkit-scrollbar-track { background: rgba(26, 17, 10, .8); }
html.prime-xa999z ::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #ff2d7a, #ff2d7a);
  border-radius: 8px;
  border: 2px solid rgba(26, 17, 10, .8);
}
html.prime-xa999z ::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, #ff5c9a, #ff5c9a); }
html.prime-xa999z * { scrollbar-color: #ff2d7a rgba(26, 17, 10, .8); scrollbar-width: thin; }

/* ============================================================
   LOADING (splash e spinners)
   ============================================================ */
html.prime-xa999z .fade-in-loading-main-tree,
html.prime-xa999z .loading-wrap,
html.prime-xa999z #loading,
html.prime-xa999z .splash {
  background: radial-gradient(600px 400px at 50% 30%, rgba(255, 92, 154, .18), transparent 70%),
              linear-gradient(180deg, #0E1410, #0f1220) !important;
}
html.prime-xa999z ion-spinner,
html.prime-xa999z ion-loading ion-spinner {
  --color: #ff2d7a;
  color: #ff2d7a;
  filter: drop-shadow(0 0 8px rgba(255,45,122, .6));
}
html.prime-xa999z ion-loading {
  --background: rgba(61, 46, 34, .96);
  --spinner-color: #ff2d7a;
}
html.prime-xa999z ion-loading .loading-wrapper { border-radius: 16px; box-shadow: 0 0 0 1px rgba(255,45,122,.3), 0 12px 40px rgba(0,0,0,.6); }
html.prime-xa999z ion-progress-bar {
  --progress-background: linear-gradient(90deg, #ff2d7a, #ff2d7a);
  --background: rgba(255, 255, 255, .10);
  border-radius: 999px;
}
html.prime-xa999z ion-skeleton-text {
  --background: rgba(255, 255, 255, .06);
  --background-rgb: 255, 255, 255;
  border-radius: 12px;
}

/* ============================================================
   DESKTOP (≥ 1024px): moldura central do app + hover de cards
   ============================================================ */
@media (min-width: 1024px) {
  html.prime-xa999z ion-app,
  html.prime-xa999z .main-page {
    box-shadow: none;
  }
  html.prime-xa999z .mx-auto.overflow-hidden,
  html.prime-xa999z .main-content {
    box-shadow: 0 0 60px rgba(0, 0, 0, .55), 0 0 0 1px rgba(255,45,122, .10);
  }
}

/* ============================================================
   ACESSIBILIDADE / MOVIMENTO REDUZIDO
   ============================================================ */
@media (prefers-reduced-motion: reduce) {
  html.prime-xa999z .game-card,
  html.prime-xa999z ion-segment-button,
  html.prime-xa999z .tab-btn .tab-img { transition: none; }
}

/* ===== XA999Z · layout ===== */
html.prime-xa999z body, html.prime-xa999z #app { background:#0f1220 url('/assets/xa999z/main_bg.png') center top / 390px auto repeat !important; font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,"Segoe UI",Arial,Roboto,sans-serif !important; }
html.prime-xa999z .van-tabbar, html.prime-xa999z [class*="tabbar"] { background:#262a40 !important; }
html.prime-xa999z .van-tabbar-item--active, html.prime-xa999z .van-tabbar-item--active .van-tabbar-item__text { color:#ff2d7a !important; }
html.prime-xa999z .van-button--primary, html.prime-xa999z .btn-primary, html.prime-xa999z [class*="login-btn"], html.prime-xa999z [class*="btn-login"] { background:linear-gradient(#ff7fb3 0%,#ff5c9a 100%) !important; color:#ffffff !important; border:0 !important; border-radius:15.6px !important; }
html.prime-xa999z [class*="btn-register"], html.prime-xa999z [class*="register-btn"] { background:transparent !important; color:#ff2d7a !important; border:1px solid #ff2d7a !important; border-radius:15.6px !important; }
html.prime-xa999z .van-notice-bar, html.prime-xa999z [class*="marquee"], html.prime-xa999z [class*="notice"] { background:#262a40 !important; color:rgba(255,255,255,.85) !important; }
html.prime-xa999z [class*="header"], html.prime-xa999z .van-nav-bar { background:#0f1220 !important; }
@media (min-width: 768px) { html.prime-xa999z #app { max-width:486px; margin:0 auto; min-height:100vh; background-size:486px auto !important; } }

/* ===== XA999Z · layout · HOME (mobile-first, 390px) ===== */
:root{--t88-orange:#ff2d7a;--t88-bg:#0f1220;--t88-bar:#262a40;--t88-grad:linear-gradient(#ff7fb3 0%,#ff5c9a 100%);--t88-assets:'/assets/xa999z/';}
html.prime-xa999z body,html.prime-xa999z #app,html.prime-xa999z ion-app,html.prime-xa999z ion-content.main-content,html.prime-xa999z div.main-page,html.prime-xa999z ion-router-outlet{background:#0f1220 url('/assets/xa999z/main_bg.png') center top / 390px auto repeat !important;--background:transparent !important;--ion-background-color:transparent;}
html.prime-xa999z ion-content.rounded-t{--background:transparent !important;background:transparent !important;background-image:none !important;border-radius:0 !important;}
/* header */
html.prime-xa999z div.pwa-header-wrap{display:none !important;}
html.prime-xa999z ion-header,html.prime-xa999z ion-header.header-ios{background:#0f1220 !important;--background:#0f1220;box-shadow:none !important;}
html.prime-xa999z ion-toolbar.toolbar{--background:#0f1220 !important;background:#0f1220 !important;--min-height:50px;height:50px !important;--padding-start:0;--padding-end:0;--padding-top:0;--padding-bottom:0;}
html.prime-xa999z ion-buttons.menu-btn{width:47px !important;min-width:47px !important;height:50px !important;margin:0 !important;justify-content:flex-start !important;padding-left:17px !important;}
html.prime-xa999z ion-buttons.menu-btn ion-icon{width:25px !important;height:25px !important;background:url('/assets/xa999z/homev2_icon_topleftmenu.png') center/contain no-repeat !important;color:transparent !important;--ionicon-stroke-width:0;}
html.prime-xa999z div.logo-wrap{margin:0 !important;padding:0 !important;}
html.prime-xa999z ion-img.logo{width:118px !important;height:31px !important;}
html.prime-xa999z div.button-box{flex-direction:row-reverse !important;gap:8px !important;margin-right:16px !important;align-items:center !important;height:50px !important;background:none !important;border-radius:0 !important;}
html.prime-xa999z div.button-box ion-button.unset-btn{margin:0 !important;height:23px !important;font-size:12.48px !important;font-weight:400 !important;--padding-start:0;--padding-end:0;--box-shadow:none;text-transform:none !important;letter-spacing:0 !important;}
html.prime-xa999z ion-button.login{width:69px !important;--background:linear-gradient(#ff7fb3 0%,#ff5c9a 100%) !important;background:linear-gradient(#ff7fb3 0%,#ff5c9a 100%) !important;--color:#ffffff !important;color:#ffffff !important;--border-radius:15.6px !important;border-radius:15.6px !important;}
html.prime-xa999z div.register-btn-warper{width:71px !important;height:23px !important;border:1px solid #ff2d7a !important;border-radius:15.6px !important;background:transparent !important;padding:0 !important;margin:0 !important;display:flex;align-items:center;justify-content:center;}
html.prime-xa999z ion-button.register{width:69px !important;height:21px !important;--background:transparent !important;background:transparent !important;--color:#ff2d7a !important;color:#ff2d7a !important;font-size:11.7px !important;}
html.prime-xa999z div.rewardTag{display:none !important;}
/* slider topo */
html.prime-xa999z img.badge-img{display:none !important;}
html.prime-xa999z div.swiper-poster{width:359px !important;height:119px !important;margin:0 auto !important;padding:0 !important;border-radius:8.58px !important;overflow:hidden;}
html.prime-xa999z div.swiper-poster .swiper,html.prime-xa999z div.swiper-poster .swiper-slide{height:119px !important;}
html.prime-xa999z div.swiper-poster img.poster-img{width:100% !important;height:119px !important;object-fit:cover;border-radius:8.58px !important;}
html.prime-xa999z div.swiper-poster .swiper-pagination{position:absolute !important;bottom:6px !important;left:0;right:0;width:100% !important;height:8px !important;display:flex;justify-content:center;gap:4px;z-index:2;}
html.prime-xa999z div.swiper-poster .swiper-pagination-bullet{width:6px !important;height:6px !important;border-radius:50% !important;background:rgba(255,255,255,.5) !important;opacity:1 !important;margin:0 !important;display:block;}
html.prime-xa999z div.swiper-poster .swiper-pagination-bullet-active{background:#fff !important;width:12px !important;border-radius:3px !important;}
/* 3 banners pequenos */
html.prime-xa999z ion-content.rounded-t > div.wrapper.layout1:not(.segment-c){display:flex !important;flex-direction:row-reverse !important;gap:5px !important;width:359px !important;height:108px !important;margin:5px auto 0 !important;padding:0 !important;}
html.prime-xa999z ion-content.rounded-t > div.wrapper.layout1:not(.segment-c) ion-img.item-image{animation:none !important;transform:none !important;border-radius:8.58px !important;overflow:hidden;}
html.prime-xa999z ion-content.rounded-t > div.wrapper.layout1:not(.segment-c) > ion-img.item-image.floating{width:177px !important;height:108px !important;flex:0 0 177px !important;margin:0 !important;}
html.prime-xa999z ion-content.rounded-t > div.wrapper.layout1:not(.segment-c) div.column-wrap{width:177px !important;height:108px !important;display:flex !important;flex-direction:column !important;justify-content:space-between !important;gap:4px !important;margin:0 !important;}
html.prime-xa999z ion-content.rounded-t > div.wrapper.layout1:not(.segment-c) div.column-wrap ion-img{width:177px !important;height:52px !important;margin:0 !important;}
/* marquee */
html.prime-xa999z div.marquee-wrapper{height:33px !important;margin:9px 0 0 !important;padding:0 16px !important;background:#262a40 !important;border:0 !important;border-radius:0 !important;display:flex !important;align-items:center !important;box-shadow:none !important;}
html.prime-xa999z div.megaphone-wrapper{flex:1 1 auto !important;height:33px !important;margin:0 !important;padding:0 !important;background:transparent !important;border:0 !important;border-radius:0 !important;display:flex !important;align-items:center !important;box-shadow:none !important;}
html.prime-xa999z div.wall.megaphone{width:20px !important;height:20px !important;margin:0 8px 0 0 !important;background:url('/assets/xa999z/0091_xiaoxi_zi.png') center/contain no-repeat !important;flex:0 0 20px;}
html.prime-xa999z div.wall.megaphone ion-img{opacity:0 !important;}
html.prime-xa999z div.marquee.label,html.prime-xa999z div.marquee__content,html.prime-xa999z label.marquee__item{background:transparent !important;color:rgba(255,255,255,.85) !important;font-size:12.87px !important;font-weight:400 !important;}
html.prime-xa999z div.marquee-wrapper ion-button.icon-btn{width:23px !important;height:23px !important;min-width:23px !important;margin:0 0 0 10px !important;--background:#ff5c9a !important;background:#ff5c9a !important;--border-radius:50% !important;border-radius:50% !important;--padding-start:0;--padding-end:0;--box-shadow:none;flex:0 0 23px;}
html.prime-xa999z div.marquee-wrapper ion-button.icon-btn ion-icon{width:23px !important;height:23px !important;background:url('/assets/xa999z/home_email_2.png') center/15px 15px no-repeat !important;color:transparent !important;}
/* chips de categoria */
html.prime-xa999z #stickyElement.segment-c{background:#0f1220 url('/assets/xa999z/main_bg.png') center top / 390px auto repeat !important;padding:9px 0 !important;height:auto !important;border:0 !important;box-shadow:none !important;}
html.prime-xa999z ion-segment.segment-scrollable{margin:0 !important;padding:0 11px !important;width:100% !important;height:59px !important;border-radius:0 !important;background:transparent !important;gap:0 !important;}
html.prime-xa999z ion-segment-button{width:57px !important;min-width:57px !important;max-width:57px !important;height:59px !important;min-height:59px !important;margin:0 2.5px !important;padding:0 !important;flex:0 0 57px !important;border:1px solid #ff2d7a !important;border-radius:12.87px !important;background:rgba(38,42,64,1) !important;--background:transparent !important;--background-checked:transparent !important;--indicator-color:transparent !important;--indicator-box-shadow:none;--color:rgba(255,255,255,.45);--color-checked:#fff;box-shadow:none !important;overflow:hidden;}
html.prime-xa999z ion-segment-button::part(indicator),html.prime-xa999z ion-segment-button::part(indicator-background){display:none !important;}
html.prime-xa999z ion-segment-button div.btn-wall{width:100% !important;height:100% !important;margin:0 !important;padding:4px 0 2px !important;background:none !important;border-radius:12.87px !important;border:0 !important;box-shadow:none !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:flex-start !important;}
html.prime-xa999z ion-segment-button div.btn-wall div.img-box{width:37px !important;height:37px !important;margin:0 !important;border-radius:0 !important;background-color:transparent !important;flex:0 0 37px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
html.prime-xa999z ion-segment-button div.btn-wall div.img-box > *{max-width:37px;max-height:37px;}
html.prime-xa999z ion-segment-button div.btn-wall div.img-box.xz-icon > *{display:none !important;}
html.prime-xa999z ion-segment-button div.btn-wall div.label-box{height:auto !important;margin:0 !important;padding:0 !important;}
html.prime-xa999z ion-segment-button div.btn-wall ion-label.label{font-size:10.53px !important;line-height:14px !important;color:rgba(255,255,255,.45) !important;font-weight:400 !important;width:55px !important;text-align:center;}
html.prime-xa999z ion-segment-button.segment-button-checked div.btn-wall ion-label.label,html.prime-xa999z ion-segment-button.active div.btn-wall ion-label.label{color:#ff2d7a !important;}
html.prime-xa999z ion-segment-button div.btn-wall ion-label.sub-label{display:none !important;}
html.prime-xa999z ion-segment-button.xz-hide{display:none !important;}
/* cabeçalho de seção */
html.prime-xa999z div.game-wrapper div.bonus{display:none !important;}
html.prime-xa999z div.game-wrapper{padding-top:0 !important;}
html.prime-xa999z div.tabbar-tabs-inicio-components-GameWrapper-index{padding-top:0 !important;margin-top:0 !important;}
html.prime-xa999z div.game-head{height:37px !important;min-height:37px !important;margin:0 auto 5px !important;width:359px !important;display:flex !important;align-items:center !important;justify-content:flex-start !important;gap:10px;}
html.prime-xa999z div.game-head div.logo-c{flex:0 0 auto !important;width:auto !important;display:flex;align-items:center;gap:8px;}
html.prime-xa999z div.game-head div.wall.logo{width:23px !important;height:23px !important;}
html.prime-xa999z div.game-head span.label{font-size:14.5px !important;font-weight:700 !important;color:#fff !important;line-height:23px;}
html.prime-xa999z div.game-head div.total{display:flex !important;align-items:center !important;gap:10px !important;margin:0 auto 0 0 !important;flex:0 0 auto !important;}
html.prime-xa999z div.game-head ion-label.number{order:1;background:transparent !important;border:1px solid #ff2d7a !important;color:#ff2d7a !important;font-weight:700 !important;font-size:12.48px !important;border-radius:4.29px !important;padding:1px 6px !important;height:auto !important;line-height:16px !important;}
html.prime-xa999z div.game-head ion-label.label{order:2;color:#fff !important;font-weight:700 !important;font-size:12.48px !important;}
html.prime-xa999z .xz-lobby{margin-left:auto;display:flex;align-items:center;justify-content:center;gap:6px;height:22px;padding:0 10px;border:1px solid rgba(255,255,255,.35);border-radius:4.29px;color:rgba(255,255,255,.65);font-size:11.7px;font-weight:500;white-space:nowrap;cursor:pointer;}
html.prime-xa999z .xz-lobby img{width:12px;height:12px;}
/* grid de jogos */
html.prime-xa999z div.game-content{width:359px !important;margin:0 auto !important;}
html.prime-xa999z div.game-content .swiper-slide{background:transparent !important;border:0 !important;border-radius:0 !important;color:inherit !important;}
html.prime-xa999z div.style1.game-card{width:81px !important;height:108px !important;border-radius:8.58px !important;background:#262a40 !important;overflow:hidden;box-shadow:none !important;}
html.prime-xa999z div.game-card ion-img.game-img{border-radius:8.58px !important;}
html.prime-xa999z div.game-card ion-icon.platform-icon{display:none !important;}
html.prime-xa999z div.game-card ion-icon.favorite{width:26px !important;height:26px !important;top:5px !important;right:5px !important;left:auto !important;border-radius:50% !important;background:rgba(0,0,0,.65) url('/assets/xa999z/collection_m1.svg') center/14px 14px no-repeat !important;color:transparent !important;}
html.prime-xa999z div.game-content .onMore,html.prime-xa999z div.game-content [class*="more"],html.prime-xa999z .xz-more{color:rgb(138,153,152) !important;font-size:12.48px !important;}
html.prime-xa999z .xz-more{text-align:center;padding:10px 0 4px;}
/* tabbar */
html.prime-xa999z ion-tab-bar.tab-bar{height:55px !important;bottom:0 !important;background:#262a40 !important;--background:#262a40 !important;background-image:none !important;border:0 !important;box-shadow:none !important;contain:none !important;overflow:visible !important;}
html.prime-xa999z ion-tab-bar div.inner-wrap{height:55px !important;display:flex !important;align-items:stretch !important;position:relative;}
html.prime-xa999z ion-tab-bar div.wall.background-img{background:url('/assets/xa999z/menu_bg.png') center top / 390px 43px no-repeat !important;height:43px !important;top:-14px !important;}
html.prime-xa999z ion-tab-bar div.wall.background-img > *{display:none !important;}
html.prime-xa999z ion-tab-bar div.inner-wrap > div:nth-child(2){order:1;}
html.prime-xa999z ion-tab-bar div.inner-wrap > div:nth-child(5){order:2;}
html.prime-xa999z ion-tab-bar div.inner-wrap > div:nth-child(4){order:3;}
html.prime-xa999z ion-tab-bar div.inner-wrap > div:nth-child(3){order:4;}
html.prime-xa999z ion-tab-bar div.inner-wrap > div:nth-child(6){order:5;}
html.prime-xa999z ion-tab-bar div.tab-btn,html.prime-xa999z ion-tab-bar div.flexible-tab{width:78px !important;height:55px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:flex-end !important;padding-bottom:4px !important;}
html.prime-xa999z ion-tab-bar ion-img.tab-img{width:46px !important;height:27px !important;margin:0 !important;}
html.prime-xa999z ion-tab-bar ion-label.tab-label{font-size:10.5px !important;line-height:12px !important;color:rgba(255,255,255,.55) !important;margin-top:2px !important;}
html.prime-xa999z ion-tab-bar div.active-tab ion-label.tab-label{color:#ff2d7a !important;}
html.prime-xa999z ion-tab-bar div.flexible-tab-box{width:65px !important;height:65px !important;top:-30px !important;left:50% !important;margin-left:-32.5px !important;background:none !important;border-radius:50% !important;box-shadow:none !important;}
html.prime-xa999z ion-tab-bar ion-img.flexible-img-ring{display:none !important;}
html.prime-xa999z ion-tab-bar ion-img.flexible-img-main{width:65px !important;height:65px !important;position:absolute !important;top:0 !important;left:0 !important;}
/* flutuantes */
html.prime-xa999z div.support.layout3{left:18px !important;right:auto !important;bottom:69px !important;top:auto !important;width:52px !important;height:52px !important;background:url('/assets/xa999z/service.png') center/contain no-repeat !important;border-radius:0 !important;box-shadow:none !important;}
html.prime-xa999z div.support.layout3 > *{opacity:0 !important;}
html.prime-xa999z div.red-packet-rain{top:440px !important;}
html.prime-xa999z .xz-float-r{position:fixed;right:1px;top:auto;bottom:calc(55px + 40px + env(safe-area-inset-bottom,0px));z-index:999;display:flex;flex-direction:column;gap:0;pointer-events:none;}
html.prime-xa999z .xz-float-r a{pointer-events:auto;}
html.prime-xa999z .xz-float-r a{display:block;width:69px;height:69px;border-radius:50%;overflow:hidden;}
html.prime-xa999z .xz-float-r img{width:69px;height:69px;object-fit:cover;display:block;}
html.prime-xa999z .xz-float-l{position:fixed;left:18px;top:659px;z-index:999;width:52px;height:52px;border-radius:50%;overflow:hidden;}
html.prime-xa999z .xz-float-l img{width:52px;height:52px;display:block;}
/* desktop: mesma coluna centralizada (486px) */
@media (min-width:768px){
  html.prime-xa999z body{background:#0f1220 url('/assets/xa999z/main_bg.png') center top / 486px auto repeat !important;}
  html.prime-xa999z #app,html.prime-xa999z ion-app{max-width:486px !important;margin:0 auto !important;left:0 !important;right:0 !important;background-size:486px auto !important;}
  html.prime-xa999z ion-tab-bar.tab-bar{width:486px !important;left:50% !important;transform:translateX(-50%);}
  html.prime-xa999z ion-tab-bar div.wall.background-img{background-size:486px 43px !important;}
  html.prime-xa999z div.support.layout3{left:calc(50% - 243px + 18px) !important;}
  html.prime-xa999z .xz-float-l{left:calc(50% - 243px + 18px);}
  html.prime-xa999z .xz-float-r{right:calc(50% - 243px + 1px);}
  html.prime-xa999z div.red-packet-rain{right:calc(50% - 243px + 8px) !important;left:auto !important;}
  html.prime-xa999z div.swiper-poster,html.prime-xa999z div.game-head,html.prime-xa999z div.game-content{width:454px !important;}
  html.prime-xa999z ion-content.rounded-t > div.wrapper.layout1:not(.segment-c){width:454px !important;}
  html.prime-xa999z ion-content.rounded-t > div.wrapper.layout1:not(.segment-c) > ion-img.item-image.floating,html.prime-xa999z ion-content.rounded-t > div.wrapper.layout1:not(.segment-c) div.column-wrap,html.prime-xa999z ion-content.rounded-t > div.wrapper.layout1:not(.segment-c) div.column-wrap ion-img{width:224px !important;flex-basis:224px !important;}
}
/* --- rodada 2 --- */
html.prime-xa999z ion-buttons.menu-btn{position:relative !important;}
html.prime-xa999z ion-buttons.menu-btn ion-icon{opacity:0 !important;background:none !important;}
html.prime-xa999z ion-buttons.menu-btn::after{content:'';position:absolute;left:17px;top:12px;width:25px;height:25px;background:url('/assets/xa999z/homev2_icon_topleftmenu.png') center/contain no-repeat;pointer-events:none;}
html.prime-xa999z ion-toolbar.toolbar div.button-box ion-button.unset-btn.login,html.prime-xa999z ion-toolbar.toolbar div.button-box ion-button.unset-btn.login::part(native){width:69px !important;height:23px !important;min-height:23px !important;--background:linear-gradient(#ff7fb3 0%,#ff5c9a 100%) !important;background:linear-gradient(#ff7fb3 0%,#ff5c9a 100%) !important;--color:#ffffff !important;color:#ffffff !important;--border-radius:15.6px !important;border-radius:15.6px !important;box-shadow:none !important;--box-shadow:none !important;font-weight:500 !important;font-size:12.48px !important;--padding-start:0 !important;--padding-end:0 !important;margin:0 !important;}
html.prime-xa999z ion-toolbar.toolbar div.button-box ion-button.unset-btn.register,html.prime-xa999z ion-toolbar.toolbar div.button-box ion-button.unset-btn.register::part(native){width:69px !important;height:21px !important;min-height:21px !important;--background:transparent !important;background:transparent !important;--color:#ff2d7a !important;color:#ff2d7a !important;box-shadow:none !important;--box-shadow:none !important;font-weight:500 !important;font-size:11.7px !important;--padding-start:0 !important;--padding-end:0 !important;margin:0 !important;}
html.prime-xa999z ion-toolbar.toolbar div.button-box div.register-btn-warper{margin:0 !important;}
html.prime-xa999z div.marquee.label{flex:1 1 auto !important;min-width:0 !important;width:auto !important;overflow:hidden !important;text-align:left !important;}
html.prime-xa999z div.game-card ion-icon.favorite{opacity:0 !important;background:none !important;z-index:3;}
html.prime-xa999z div.style1.game-card::after{content:'';position:absolute;top:5px;right:5px;width:26px;height:26px;border-radius:50%;background:rgba(0,0,0,.65) url('/assets/xa999z/collection_m1.svg') center/14px 14px no-repeat;pointer-events:none;z-index:2;}
html.prime-xa999z .xz-lobby img{transform:scaleX(-1);}
html.prime-xa999z ion-tab-bar.tab-bar{background:transparent !important;--background:transparent !important;--ion-tab-bar-background:transparent !important;}
html.prime-xa999z ion-tab-bar.tab-bar::before,html.prime-xa999z ion-tab-bar.tab-bar::after{display:none !important;content:none !important;}
html.prime-xa999z ion-tab-bar div.inner-wrap{background:#262a40 !important;}
html.prime-xa999z ion-tab-bar div.tab-btn,html.prime-xa999z ion-tab-bar div.flexible-tab{justify-content:center !important;padding:0 !important;background:transparent !important;}
html.prime-xa999z ion-tab-bar div.tab-btn ion-label.tab-label{display:none !important;}
html.prime-xa999z ion-tab-bar ion-img.tab-img{width:65px !important;height:38px !important;}
html.prime-xa999z ion-tab-bar div.flexible-tab ion-label.tab-label{display:block !important;margin-top:36px !important;color:rgba(255,255,255,.55) !important;font-size:10.5px !important;}
html.prime-xa999z ion-tab-bar div.flexible-tab-box::before,html.prime-xa999z ion-tab-bar div.flexible-tab-box::after,html.prime-xa999z ion-tab-bar div.flexible-tab::before,html.prime-xa999z ion-tab-bar div.flexible-tab::after{display:none !important;content:none !important;}
html.prime-xa999z ion-tab-bar div.flexible-tab-box{background:transparent !important;--background:transparent !important;}
/* --- rodada 3 --- */
html.prime-xa999z ion-tab-bar ion-label.tab-label,html.prime-xa999z ion-tab-bar div.flexible-tab ion-label.tab-label{display:none !important;}
html.prime-xa999z ion-toolbar.toolbar div.button-box div.register-btn-warper{overflow:hidden !important;}
html.prime-xa999z ion-toolbar.toolbar div.button-box ion-button.unset-btn.register,html.prime-xa999z ion-toolbar.toolbar div.button-box ion-button.unset-btn.register::part(native){width:100% !important;}
@media (min-width:768px){
  html.prime-xa999z ion-tab-bar div.tab-btn,html.prime-xa999z ion-tab-bar div.flexible-tab{width:auto !important;flex:1 1 0 !important;}
}

/* ===== XA999Z · rodada 4 (grid 4 colunas em 359px) ===== */
html.prime-xa999z div.game-content div.card-container{column-gap:11.6px !important;row-gap:12px !important;justify-content:flex-start !important;}
html.prime-xa999z div.game-content .swiper-slide{margin-right:0 !important;}

/* ===== XA999Z · rodada 5 (paleta marrom xa999z em todas as rotas + tabbar central) ===== */
html.prime-xa999z ion-tab-bar div.flexible-tab{position:relative !important;}
html.prime-xa999z ion-tab-bar div.flexible-tab-box{position:absolute !important;left:50% !important;margin-left:-32.5px !important;top:-26px !important;width:65px !important;height:65px !important;}
html.prime-xa999z ion-modal,html.prime-xa999z ion-modal::part(content),html.prime-xa999z ion-modal .modal-wrapper,html.prime-xa999z ion-modal ion-content,html.prime-xa999z ion-modal .ion-page{--background:#0f1220 !important;background:#0f1220 !important;}
html.prime-xa999z ion-modal#pwa-compulsory-modal,html.prime-xa999z ion-modal#pwa-compulsory-modal::part(content){--background:transparent !important;background:transparent !important;}
html.prime-xa999z ion-header,html.prime-xa999z ion-header ion-toolbar,html.prime-xa999z ion-toolbar{--background:#262a40 !important;--ion-toolbar-background:#262a40 !important;}
html.prime-xa999z ion-content{--background:#0f1220 !important;}
html.prime-xa999z ion-item,html.prime-xa999z ion-input,html.prime-xa999z .input-wrapper,html.prime-xa999z .native-input{--background:#262a40 !important;--ion-item-background:#262a40 !important;}
html.prime-xa999z ion-segment{--background:#262a40 !important;background:#262a40 !important;}
html.prime-xa999z ion-segment-button{--background-checked:#ff2d7a !important;--color-checked:#ffffff !important;--indicator-color:#ff2d7a !important;}
html.prime-xa999z ion-modal ion-button[type=submit]::part(native),html.prime-xa999z ion-modal ion-button.login-btn::part(native),html.prime-xa999z ion-modal ion-button.submit::part(native){background:linear-gradient(180deg,#ff5c9a,#ff2d7a) !important;color:#ffffff !important;}
html.prime-xa999z ion-tab-bar div.flexible-tab-box{transform:none !important;}
html.prime-xa999z ion-modal#login-modal .header,html.prime-xa999z ion-modal#login-modal .content{background:#262a40 !important;}
html.prime-xa999z ion-modal label.input-wrapper,html.prime-xa999z ion-modal .input-wrapper span,html.prime-xa999z ion-modal ion-input,html.prime-xa999z ion-item{border-color:#3a3f5c !important;--border-color:#3a3f5c !important;--background:transparent !important;}
html.prime-xa999z, html.prime-xa999z body, html.prime-xa999z .phantom-blue, html.prime-xa999z ion-app{--color-line:#3a3f5c !important;--line-color:#3a3f5c !important;--ep-color-border-default:#3a3f5c !important;}

/* ===== XA999Z · rodada 6 (login/cadastro/perfil iguais ao xa999z) ===== */
/* --- modal de login/cadastro: fundo com arte + card com borda laranja --- */
html.prime-xa999z ion-modal#login-modal,html.prime-xa999z ion-modal#login-modal::part(content){--background:#0f1220 !important;background:#0f1220 !important;}
html.prime-xa999z ion-modal#login-modal .ion-page{background:#0f1220 url(/assets/xa999z/homev2_Login_bg.png) center top/100% auto no-repeat !important;display:block !important;overflow-y:auto !important;}
html.prime-xa999z ion-modal#login-modal .warpper{position:relative !important;background:transparent !important;min-height:100% !important;display:block !important;}
html.prime-xa999z ion-modal#login-modal .warpper>.header{background:transparent !important;height:0 !important;min-height:0 !important;padding:0 !important;margin:0 !important;border:0 !important;position:static !important;}
html.prime-xa999z ion-modal#login-modal .warpper>.header .header-content{background:transparent !important;height:0 !important;position:static !important;}
html.prime-xa999z ion-modal#login-modal .warpper>.header ion-img.logo{display:none !important;}
html.prime-xa999z ion-modal#login-modal span.btn-close{position:absolute !important;top:4px !important;right:22px !important;width:34px !important;height:34px !important;border-radius:50% !important;background:rgba(0,0,0,.45) url(/assets/xa999z/0008_Close_bai.png) center/17px 17px no-repeat !important;z-index:20 !important;margin:0 !important;}
html.prime-xa999z ion-modal#login-modal span.btn-close ion-icon{opacity:0 !important;}
html.prime-xa999z ion-modal#login-modal .content{position:relative !important;flex:0 0 auto !important;height:auto !important;min-height:0 !important;width:auto !important;margin:199px 20px 40px !important;padding:0 0 28px !important;box-sizing:border-box !important;border-radius:17px !important;border:1px solid #ff2d7a !important;background:linear-gradient(180deg,rgba(70,40,110,.55) 0%,rgba(15,18,32,.75) 100%) !important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow:visible !important;}
html.prime-xa999z ion-modal#login-modal .content>.header{background:transparent !important;width:auto !important;margin:0 !important;padding:24px 15px 0 !important;height:auto !important;}
html.prime-xa999z ion-modal#login-modal .content>.header p.title{font-size:0 !important;line-height:0 !important;margin:0 !important;height:auto !important;}
html.prime-xa999z ion-modal#login-modal .content>.header p.title::before{content:'Entrar';display:block;font-size:33px;line-height:40px;font-weight:600;color:#fff;letter-spacing:0;}
html.prime-xa999z ion-modal#login-modal .content:has(ion-label.login-text)>.header p.title::before{content:'Registro';}
html.prime-xa999z ion-modal#login-modal .content>.header p.title+span{display:block !important;margin-top:10px !important;width:auto !important;height:auto !important;white-space:nowrap;}
html.prime-xa999z ion-modal#login-modal span.register-hint,html.prime-xa999z ion-modal#login-modal span.login-hint{font-size:0 !important;color:#E4E4E4 !important;}
html.prime-xa999z ion-modal#login-modal span.register-hint::before{content:'Ainda não tens uma conta? ';font-size:12.5px;font-weight:600;color:#E4E4E4;}
html.prime-xa999z ion-modal#login-modal span.login-hint::before{content:'Registro Já tem uma conta? ';font-size:12.5px;font-weight:600;color:#E4E4E4;}
html.prime-xa999z ion-modal#login-modal ion-label.register-text,html.prime-xa999z ion-modal#login-modal ion-label.login-text{font-size:0 !important;color:#19f5c8 !important;}
html.prime-xa999z ion-modal#login-modal ion-label.register-text::before{content:'Registre-se agora';font-size:12.5px;font-weight:600;color:#19f5c8;}
html.prime-xa999z ion-modal#login-modal ion-label.login-text::before{content:'Entrar agora';font-size:12.5px;font-weight:600;color:#19f5c8;}
html.prime-xa999z ion-modal#login-modal .content>.header div.tag{display:none !important;}
html.prime-xa999z ion-modal#login-modal div.remember-account{display:none !important;}
html.prime-xa999z ion-modal#login-modal .form-wrapper{width:auto !important;height:auto !important;min-height:0 !important;margin:0 !important;padding:30px 15px 0 !important;}
html.prime-xa999z ion-modal#login-modal .form-wrapper form{width:auto !important;height:auto !important;}
html.prime-xa999z ion-modal#login-modal div.item-height{height:54px !important;min-height:54px !important;width:auto !important;}
html.prime-xa999z ion-modal#login-modal div.phantom-blue{width:auto !important;height:45px !important;}
html.prime-xa999z ion-modal#login-modal ion-input{--background:transparent !important;background:transparent !important;height:45px !important;min-height:45px !important;--border-radius:23px !important;border-radius:23px !important;}
html.prime-xa999z ion-modal#login-modal label.input-wrapper{height:45px !important;min-height:45px !important;background:#1a1e30 !important;--background:#1a1e30 !important;border:1px solid rgba(255,45,122,.5) !important;border-radius:23px !important;padding-left:14px !important;box-shadow:none !important;}
html.prime-xa999z ion-modal#login-modal .input-wrapper .label-text-wrapper,html.prime-xa999z ion-modal#login-modal .input-wrapper .native-wrapper{background:transparent !important;}
html.prime-xa999z ion-modal#login-modal input.native-input{background:transparent !important;color:#fff !important;font-size:14.5px !important;caret-color:#ff5c9a;}
html.prime-xa999z ion-modal#login-modal input.native-input::placeholder{color:rgba(255,255,255,.85) !important;font-family:'Courier New',Courier,monospace !important;font-size:14.5px !important;opacity:1 !important;}
html.prime-xa999z ion-modal#login-modal span.fi.fi-br{background:url(/assets/xa999z/guoqi_brazil.png) center/cover no-repeat !important;width:26px !important;height:26px !important;font-size:26px !important;border-radius:50% !important;}
html.prime-xa999z ion-modal#login-modal .input-wrapper span.border-r-2{border-color:rgba(255,255,255,.7) !important;color:#fff !important;font-size:14.5px !important;}
html.prime-xa999z ion-modal#login-modal ion-icon.input-icon{width:24px !important;height:24px !important;color:transparent !important;background:url(/assets/xa999z/0206_suoding_hui.png) center/21px 21px no-repeat !important;}
html.prime-xa999z ion-modal#login-modal ion-icon.password-icon{width:26px !important;height:26px !important;font-size:26px !important;color:transparent !important;background:url(/assets/xa999z/0014_quxiaoyulan_bai.png) center/24px 24px no-repeat !important;}
html.prime-xa999z ion-modal#login-modal div.btn-login,html.prime-xa999z ion-modal#login-modal div.submit.register-btn-warpper{width:auto !important;height:43px !important;margin:44px 0 0 !important;border:0 !important;border-radius:27px !important;background:linear-gradient(180deg,#ff7fb3 0%,#ff5c9a 100%) !important;overflow:hidden !important;box-shadow:none !important;}
html.prime-xa999z ion-modal#login-modal div.submit.register-btn-warpper div.button{height:43px !important;width:100% !important;}
html.prime-xa999z ion-modal#login-modal ion-button.first-button{height:43px !important;width:100% !important;margin:0 !important;opacity:1 !important;--background:transparent !important;--background-hover:transparent !important;--background-activated:transparent !important;--background-focused:transparent !important;--box-shadow:none !important;--color:#ffffff !important;--border-radius:27px !important;}
html.prime-xa999z ion-modal#login-modal ion-button.first-button::part(native){background:transparent !important;color:#ffffff !important;box-shadow:none !important;}
html.prime-xa999z ion-modal#login-modal ion-button.first-button p,html.prime-xa999z ion-modal#login-modal ion-button.first-button span{color:#ffffff !important;opacity:1 !important;font-size:16.6px !important;font-weight:700 !important;}
html.prime-xa999z ion-modal#login-modal ion-button.first-button.button-disabled{opacity:1 !important;}
html.prime-xa999z ion-modal#login-modal div.content:has(ion-label.login-text) div.submit.register-btn-warpper{margin-top:96px !important;}
/* --- perfil (/main/perfil) --- */
html.prime-xa999z ion-content.mine div.user-base-info{position:relative !important;width:auto !important;margin:12px 12px 0 !important;padding:14px 12px 16px !important;box-sizing:border-box !important;border:1px solid #ff2d7a !important;border-radius:16px !important;background:#262a40 !important;overflow:hidden !important;}
html.prime-xa999z ion-content.mine div.user-base-info div.bg-img{display:none !important;}
html.prime-xa999z ion-content.mine div.user-base-info div.user-info,html.prime-xa999z ion-content.mine div.user-base-info div.balance-info,html.prime-xa999z ion-content.mine div.user-base-info div.recharge-withdraw{margin-left:0 !important;margin-right:0 !important;width:auto !important;padding-left:0 !important;padding-right:0 !important;}
html.prime-xa999z ion-content.mine ion-thumbnail.avatar-info{width:64px !important;height:64px !important;--size:64px !important;--border-radius:12px !important;border-radius:12px !important;border:1px solid #ff5c9a !important;overflow:hidden !important;}
html.prime-xa999z ion-content.mine ion-thumbnail.avatar-info img{border-radius:12px !important;}
html.prime-xa999z ion-content.mine div.user-id{color:#fff !important;font-size:13px !important;}
html.prime-xa999z ion-content.mine div.user-id ion-icon.copy-icon{color:#fff !important;}
html.prime-xa999z ion-content.mine div.balances span.color-text-currency{color:#ff5c9a !important;}
html.prime-xa999z ion-content.mine div.recharge-withdraw{display:flex !important;flex-direction:row-reverse !important;gap:10px !important;margin-top:8px !important;}
html.prime-xa999z ion-content.mine div.recharge-info,html.prime-xa999z ion-content.mine div.withdraw-info{flex:1 1 0 !important;width:auto !important;height:44px !important;border-radius:12px !important;font-size:15px !important;}
html.prime-xa999z ion-content.mine div.withdraw-info{background:#1a1e30 !important;color:#fff !important;}
html.prime-xa999z ion-content.mine div.recharge-info{background:linear-gradient(180deg,#ff7fb3 0%,#ff5c9a 100%) !important;color:#ffffff !important;font-weight:600 !important;}
html.prime-xa999z ion-content.mine div.recharge-info ion-icon.icon{color:#0f1220 !important;}
html.prime-xa999z ion-content.mine section.user-tab-info{background:#0f1220 !important;}
html.prime-xa999z ion-content.mine div.my-vip{background:#262a40 !important;background-image:none !important;border-radius:16px !important;border:0 !important;}
html.prime-xa999z ion-content.mine div.my-vip div.vip-detail{filter:sepia(1) saturate(2.2) hue-rotate(-18deg) brightness(.95);}
html.prime-xa999z ion-content.mine div.my-vip ion-progress-bar{--progress-background:#ff2d7a !important;--background:#0b0d18 !important;}
html.prime-xa999z ion-content.mine div.kf-nav,html.prime-xa999z ion-content.mine div.feature-tab{background:#262a40 !important;border-radius:16px !important;}
html.prime-xa999z ion-content.mine ion-icon.card-icon-color{color:#ff5c9a !important;}
html.prime-xa999z ion-content.mine div.feature-tab ion-item,html.prime-xa999z ion-content.mine div.kf-nav ion-item{position:relative !important;--inner-padding-end:26px !important;--background:transparent !important;}
html.prime-xa999z ion-content.mine div.feature-tab ion-item::after,html.prime-xa999z ion-content.mine div.kf-nav ion-item::after{content:'';position:absolute;right:14px;top:50%;width:9px;height:9px;border-right:1.5px solid rgba(255,255,255,.55);border-bottom:1.5px solid rgba(255,255,255,.55);transform:translateY(-50%) rotate(-45deg);pointer-events:none;z-index:2;}
/* --- rodada 6b: perfil sem espaço vazio + sem seta duplicada --- */
html.prime-xa999z ion-content.mine div.user-base-info{position:relative !important;top:auto !important;left:auto !important;z-index:1 !important;}
html.prime-xa999z ion-content.mine section.user-tab-info{margin-top:0 !important;padding-top:16px !important;}
html.prime-xa999z ion-content.mine div.feature-tab ion-item::after,html.prime-xa999z ion-content.mine div.kf-nav ion-item::after{content:none !important;display:none !important;}


/* ===== XA999Z · rodada final (réplica xa888: tabbar com rótulos, Registro verde-água, Entrar rosa, menu roxo) ===== */
html.prime-xa999z ion-img.logo{width:118px !important;height:44px !important;}
html.prime-xa999z ion-buttons.menu-btn::after{left:14px;top:9px;width:32px;height:32px;border-radius:9px;background:#7b61ff url('/assets/xa999z/menu_icon.svg') center/18px 18px no-repeat;}
html.prime-xa999z ion-toolbar.toolbar div.button-box ion-button.unset-btn.login,html.prime-xa999z ion-toolbar.toolbar div.button-box ion-button.unset-btn.login::part(native),html.prime-xa999z ion-button.login{--background:linear-gradient(180deg,#ff2d7a 0%,#c8004f 100%) !important;background:linear-gradient(180deg,#ff2d7a 0%,#c8004f 100%) !important;--color:#fff !important;color:#fff !important;width:72px !important;height:28px !important;min-height:28px !important;--border-radius:16px !important;border-radius:16px !important;font-weight:600 !important;}
html.prime-xa999z div.register-btn-warper,html.prime-xa999z ion-toolbar.toolbar div.button-box div.register-btn-warper{width:76px !important;height:28px !important;border:0 !important;border-radius:16px !important;background:#19f5c8 !important;}
html.prime-xa999z ion-toolbar.toolbar div.button-box ion-button.unset-btn.register,html.prime-xa999z ion-toolbar.toolbar div.button-box ion-button.unset-btn.register::part(native),html.prime-xa999z ion-button.register{--color:#0f1220 !important;color:#0f1220 !important;font-weight:600 !important;font-size:12.5px !important;height:28px !important;min-height:28px !important;}
html.prime-xa999z div.swiper-poster,html.prime-xa999z div.swiper-poster img.poster-img{border-radius:14px !important;}
html.prime-xa999z div.marquee-wrapper{background:#3a1f3a !important;border-radius:0 !important;}
html.prime-xa999z div.marquee-wrapper ion-button.icon-btn{--background:#ff2d7a !important;background:#ff2d7a !important;--border-radius:6px !important;border-radius:6px !important;}
html.prime-xa999z ion-segment-button{border:0 !important;background:#262a40 !important;border-radius:14px !important;}
html.prime-xa999z ion-segment-button div.btn-wall ion-label.label{color:rgba(255,255,255,.7) !important;}
html.prime-xa999z div.game-head span.label{color:#ff2d7a !important;}
html.prime-xa999z div.game-head ion-label.number{background:#4a1f3a !important;border:0 !important;color:#ff7fb3 !important;}
html.prime-xa999z .xz-lobby{background:#262a40;border:0;color:#fff;border-radius:16px;height:26px;}
html.prime-xa999z div.style1.game-card{border-radius:14px !important;}
html.prime-xa999z div.game-card ion-img.game-img{border-radius:14px !important;}
html.prime-xa999z div.style1.game-card::after{background:rgba(0,0,0,.35) url('/assets/xa999z/heart.svg') center/14px 14px no-repeat;border:1.5px solid #fff;}
/* tabbar: degradê rosa -> azul -> verde, cantos superiores arredondados, rótulos visíveis */
html.prime-xa999z ion-tab-bar.tab-bar{height:62px !important;}
html.prime-xa999z ion-tab-bar div.inner-wrap{height:62px !important;background:linear-gradient(90deg,#5a2a5a 0%,#2a3a6a 50%,#1f6a5a 100%) !important;border-radius:20px 20px 0 0 !important;}
html.prime-xa999z ion-tab-bar div.wall.background-img{display:none !important;}
html.prime-xa999z ion-tab-bar div.tab-btn,html.prime-xa999z ion-tab-bar div.flexible-tab{height:62px !important;justify-content:center !important;}
html.prime-xa999z ion-tab-bar ion-img.tab-img{width:28px !important;height:28px !important;}
html.prime-xa999z ion-tab-bar ion-label.tab-label,html.prime-xa999z ion-tab-bar div.tab-btn ion-label.tab-label,html.prime-xa999z ion-tab-bar div.flexible-tab ion-label.tab-label{display:block !important;margin-top:3px !important;font-size:12px !important;line-height:14px !important;color:rgba(255,255,255,.75) !important;font-weight:500 !important;}
html.prime-xa999z ion-tab-bar div.active-tab ion-label.tab-label{color:#ff2d7a !important;}
html.prime-xa999z ion-tab-bar div.flexible-tab-box{position:static !important;width:28px !important;height:28px !important;margin:0 !important;left:auto !important;top:auto !important;}
html.prime-xa999z ion-tab-bar ion-img.flexible-img-main{width:28px !important;height:28px !important;position:static !important;}
html.prime-xa999z .xz-float-r{bottom:calc(62px + 24px + env(safe-area-inset-bottom,0px));}
html.prime-xa999z div.support.layout3{bottom:76px !important;}
html.prime-xa999z ion-modal#login-modal .content{border-color:#ff2d7a !important;}
html.prime-xa999z ion-modal#login-modal div.btn-login,html.prime-xa999z ion-modal#login-modal div.submit.register-btn-warpper{background:linear-gradient(180deg,#ff2d7a 0%,#c8004f 100%) !important;}
html.prime-xa999z ion-modal#login-modal ion-button.first-button p,html.prime-xa999z ion-modal#login-modal ion-button.first-button span{color:#fff !important;}
html.prime-xa999z ion-content.mine div.recharge-info{background:linear-gradient(180deg,#ff2d7a 0%,#c8004f 100%) !important;color:#fff !important;}
html.prime-xa999z ion-content.mine div.user-base-info{border-color:#ff2d7a !important;}
html.prime-xa999z ion-content.mine div.my-vip div.vip-detail{filter:none;}
@media (prefers-reduced-motion:reduce){html.prime-xa999z *{animation:none !important;transition:none !important;}}
html.prime-xa999z a:focus-visible,html.prime-xa999z button:focus-visible,html.prime-xa999z [tabindex]:focus-visible{outline:2px solid #19f5c8 !important;outline-offset:2px;}
/* ===== FASE 2 — banners/promoções/menu/perfil da referência xa888z1.com ===== */
.xz-hide{display:none !important;}
/* home: hero (imagem trocada via JS) proporção da referência */
html.prime-xa999z div.swiper-poster,html.prime-xa999z div.swiper-poster .swiper,html.prime-xa999z div.swiper-poster .swiper-slide{height:124px !important;}
html.prime-xa999z div.swiper-poster img.poster-img{height:124px !important;}
/* home: jackpot + 3 mini-banners (substituem os mini-banners da 79i) */
html.prime-xa999z ion-content.rounded-t > div.wrapper.layout1:not(.segment-c).xz-jackwrap,html.prime-xa999z div.xz-jackwrap-new{display:flex !important;flex-direction:row !important;gap:6px !important;width:359px !important;height:auto !important;margin:6px auto 0 !important;padding:0 !important;align-items:stretch !important;}
html.prime-xa999z div.xz-jackwrap > ion-img.item-image.floating,html.prime-xa999z div.xz-jackwrap > div.column-wrap{display:none !important;}
html.prime-xa999z .xz-jack{flex:0 0 52% !important;width:52% !important;border-radius:10px;overflow:hidden;cursor:pointer;background:#1b1430;}
html.prime-xa999z .xz-jack img{display:block;width:100%;height:100%;object-fit:cover;}
html.prime-xa999z .xz-minis{flex:1 1 auto !important;display:flex !important;flex-direction:column !important;gap:6px !important;}
html.prime-xa999z .xz-mini{display:block;flex:1 1 0;border-radius:10px;overflow:hidden;}
html.prime-xa999z .xz-mini img{display:block;width:100%;height:100%;object-fit:cover;}
/* marquee rosa->verde como na referência */
html.prime-xa999z div.marquee-wrapper{background:linear-gradient(90deg,#7a1848 0%,#2a1f40 55%,#0f3a3a 100%) !important;}
html.prime-xa999z div.marquee-wrapper,html.prime-xa999z div.marquee-wrapper *{color:#ff6fa8 !important;}
/* flutuante "tesouro R$9.999" */
html.prime-xa999z .xz-float-gift{position:fixed;right:6px;bottom:calc(62px + 18px + env(safe-area-inset-bottom,0px));z-index:999;width:84px;text-decoration:none;display:flex;flex-direction:column;align-items:center;}
html.prime-xa999z .xz-float-gift img{width:66px;height:66px;object-fit:cover;border-radius:16px;border:2px solid #ffd54a;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6));}
html.prime-xa999z .xz-float-gift span{margin-top:-14px;background:linear-gradient(180deg,#ff3b3b,#b80000);color:#ffe25a;font-weight:800;font-size:14px;line-height:22px;padding:0 10px;border-radius:999px;border:2px solid #ffd54a;text-shadow:0 1px 1px rgba(0,0,0,.6);}
@media (min-width:600px){html.prime-xa999z .xz-float-gift{right:calc(50% - 243px + 6px);}}
/* pop-up de anúncio */
html.prime-xa999z ion-modal .announcement-wrapper .content.hide-bg{background-image:url('/assets/xa999z/ref/jackpot.jpg') !important;background-size:cover !important;background-position:center !important;border-radius:14px !important;}
/* aba Promoção: cards da referência */
html.prime-xa999z div.activity-wrap{background:#1a1e32 !important;border-radius:16px !important;overflow:hidden !important;margin:0 12px 12px !important;}
html.prime-xa999z div.activity-wrap .rounded-top{min-height:0 !important;aspect-ratio:973/257 !important;background-size:100% 100% !important;background-position:center !important;border-radius:14px !important;margin:6px !important;}
html.prime-xa999z div.activity-wrap .rounded-top[data-xz-n="1"]{background-image:url('/assets/xa999z/ref/promo_1.jpg') !important;}
html.prime-xa999z div.activity-wrap .rounded-top[data-xz-n="2"]{background-image:url('/assets/xa999z/ref/promo_2.jpg') !important;}
html.prime-xa999z div.activity-wrap .rounded-top[data-xz-n="3"]{background-image:url('/assets/xa999z/ref/promo_3.jpg') !important;}
html.prime-xa999z div.activity-wrap .rounded-top[data-xz-n="4"]{background-image:url('/assets/xa999z/ref/promo_4.jpg') !important;}
html.prime-xa999z div.activity-wrap .activity-bottom{background:transparent !important;}
html.prime-xa999z div.activity-wrap .activity-bottom-content{display:flex !important;align-items:center !important;gap:10px !important;padding:8px 12px 12px !important;}
html.prime-xa999z div.activity-wrap .activity-info-details{display:flex !important;align-items:center !important;gap:12px !important;flex:1 1 auto !important;min-width:0 !important;}
html.prime-xa999z .xz-pico{flex:0 0 56px;width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,#7b61ff,#5a3fd6);display:flex;align-items:center;justify-content:center;}
html.prime-xa999z .xz-pico img{width:44px;height:44px;object-fit:contain;}
html.prime-xa999z div.activity-wrap p.activity-name{color:#fff !important;font-weight:700 !important;font-size:15px !important;line-height:1.2 !important;margin:0 !important;}
html.prime-xa999z div.activity-wrap div.in-progress{background:#ff2d7a !important;color:#fff !important;border:0 !important;border-radius:999px !important;padding:0 18px !important;height:40px !important;line-height:40px !important;font-size:15px !important;white-space:nowrap !important;flex:0 0 auto !important;}
html.prime-xa999z ion-toolbar.promo-toolbar-first ion-segment-button{background:transparent !important;}
html.prime-xa999z ion-toolbar.promo-toolbar-first ion-segment-button.segment-button-checked ion-label,html.prime-xa999z ion-toolbar.promo-toolbar-first ion-segment-button.segment-button-checked{color:#ff2d7a !important;}
/* menu lateral */
html.prime-xa999z ion-menu[menu-id="main-menu"] ion-content{--background:linear-gradient(180deg,#7a1848 0%,#2a1838 28%,#161a2b 60%,#0f2a2a 100%) !important;}
html.prime-xa999z ion-menu[menu-id="main-menu"] ion-toolbar.header-logo{--background:#0f1220 !important;}
html.prime-xa999z ion-menu[menu-id="main-menu"] .hot-game-box,html.prime-xa999z ion-menu[menu-id="main-menu"] .drop-down-box{display:none !important;}
html.prime-xa999z ion-menu[menu-id="main-menu"] .button-box.layout1 ion-button,html.prime-xa999z ion-menu[menu-id="main-menu"] .button-box.layout1 div[class*=btn]{--border-radius:999px !important;border-radius:999px !important;}
html.prime-xa999z ion-menu[menu-id="main-menu"] .button-box.layout1 > :first-child{--background:#ff2d7a !important;background:#ff2d7a !important;color:#fff !important;}
html.prime-xa999z ion-menu[menu-id="main-menu"] .button-box.layout1 > :last-child{--background:transparent !important;background:transparent !important;border:1.5px solid #ff2d7a !important;color:#ff2d7a !important;}
html.prime-xa999z .xz-menu-banner{margin:10px 12px 8px;border-radius:10px;overflow:hidden;cursor:pointer;}
html.prime-xa999z .xz-menu-banner img{display:block;width:100%;height:auto;}
html.prime-xa999z ion-menu[menu-id="main-menu"] section.activity-container{padding:0 12px !important;}
html.prime-xa999z ion-menu[menu-id="main-menu"] section.activity-container.line-before::before{display:none !important;}
html.prime-xa999z ion-menu[menu-id="main-menu"] ul.activity-list.layout1{display:block !important;background:#1c2033 !important;border-radius:16px !important;padding:6px 0 !important;margin:0 !important;}
html.prime-xa999z ion-menu[menu-id="main-menu"] li.activity-box{display:flex !important;flex-direction:row !important;align-items:center !important;gap:12px !important;width:100% !important;height:auto !important;padding:11px 16px !important;margin:0 !important;background:transparent !important;border:0 !important;}
html.prime-xa999z ion-menu[menu-id="main-menu"] li.activity-box ion-img.activity-img{width:40px !important;height:40px !important;margin:0 !important;}
html.prime-xa999z ion-menu[menu-id="main-menu"] li.activity-box ion-label.label{font-size:17px !important;color:#e6e6f0 !important;text-align:left !important;margin:0 !important;}
/* perfil (logado): card VIP cinza-claro com texto escuro, lista escura com ícones rosa */
html.prime-xa999z ion-content.mine div.user-base-info,html.prime-xa999z ion-content.mine .user-info{background:linear-gradient(135deg,#7a1848 0%,#3a1f3a 45%,#0f3a3a 100%) !important;border-radius:16px !important;border:0 !important;}
html.prime-xa999z ion-content.mine .vip.card-bg-gradient,html.prime-xa999z ion-content.mine div.my-vip{background:linear-gradient(180deg,#f4f6fa 0%,#d9dde6 100%) !important;border-radius:16px !important;}
html.prime-xa999z ion-content.mine .vip.card-bg-gradient *,html.prime-xa999z ion-content.mine div.my-vip *{color:#333a4a !important;}
html.prime-xa999z ion-content.mine .progress-wrap ion-progress-bar,html.prime-xa999z ion-content.mine div.my-vip ion-progress-bar{--background:#fff !important;--progress-background:#7a8299 !important;border-radius:999px;}
html.prime-xa999z ion-content.mine .kf-nav.card-bg-gradient,html.prime-xa999z ion-content.mine .feature-tab.card-bg-gradient{background:#1c2033 !important;border-radius:16px !important;}
html.prime-xa999z ion-content.mine .feature-tab ion-img,html.prime-xa999z ion-content.mine .kf-nav ion-img{filter:hue-rotate(300deg) saturate(1.4);}

/* FASE 2b: esconder mini-banners antigos da 79i sem depender da classe xz-jackwrap */
html.prime-xa999z ion-content.rounded-t > div.wrapper.layout1:not(.segment-c) > ion-img.item-image.floating,
html.prime-xa999z ion-content.rounded-t > div.wrapper.layout1:not(.segment-c) > div.column-wrap{display:none!important}