/*
 * Tema mobile inspirado no modelo enviado pelo cliente.
 * Mantido em um arquivo separado para nao alterar os bundles compilados.
 */
:root {
  color-scheme: dark;
  --cms-primary-color: #efff19;
  --cms-secondary-color: #18d493;
  --cms-theme-text-color-primary: #11120f;
  --cms-theme-text-color-secondary: #efff19;
  --cms-theme-divider-color: #44473f;
  --cms-background-color-primary: #0d0e0f;
  --cms-background-color-secondary: #1b1c18;
  --cms-divider-color: #383b35;
  --cms-text-color-primary: #f7f7f3;
  --cms-text-color-secondary: #9b9d96;
  --cms-color-help: #ff594f;
  --cms-top-background-color: #171812;
  --cms-top-money-color: #efff19;
  --cms-top-btn-color: #efff19;
  --cms-top-text-color: #11120f;
  --cms-top-download-bg-color: #164739;
  --cms-top-download-btn-color: #20d8b5;
  --cms-top-download-btn-text-color: #0b1713;
  --cms-top-download-close-color: #ffffff;
  --cms-bottom-nav-bg-color: #1b1c18;
  --cms-bottom-nav-svg-color: #aaa99f;
  --cms-grey-secondary-color: #888a84;
  --cms-global-secondary1-color: #18d493;
  --cms-global-secondary2-color: #efff19;
  --cms-global-secondary3-color: #ff594f;
  --cms-global-secondary4-color: #24e59f;
  --cms-global-spare-color: #9b9d96;
  --cms-global-spare1-color: #20211d;
  --cms-global-spare2-color: #262820;
  --cms-global-spare3-color: #efff19;
  --cms-global-spare4-color: #34372f;
  --cms-global-spare5-color: #efff19;
  --cms-global-spare6-color: #ffffff;
  --cms-global-spare7-color: #9b9d96;
  --cms-global-spare8-color: #efff19;
  --cms-global-spare9-color: #1b1c18;
  --cms-global-spare10-color: #20d8b5;
  --cms-global-spare11-color: #ffffff12;
  --cms-global-spare12-color: #91928c;
  --cms-global-spare13-color: #efff19;
  --cms-global-spare14-color: #efff19;
  --cms-global-spare15-color: #18d493;
  --cms-global-spare19-color: #efff19;
  --cms-global-spare20-color: #9b9d96;
  --cms-mango-primary-color: #efff19;
  --cms-mango-background-color: #11120f;
  --cms-mango-background-color2: #23241f;
  --cms-mango-text-color: #f7f7f3;
  --cms-mango-text-color2: #a4a69f;
}

html,
body,
#app,
.mango-loading-wrap {
  background-color: #0d0e0f !important;
}

body {
  color: #f7f7f3;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

/* Barra de instalacao com o degradê azul/verde/dourado da referencia. */
.topDownload-ibgjX,
[class*="topDownload-"][class*="topDownload-"] {
  background: linear-gradient(100deg, #03657d 0%, #175345 52%, #645000 100%) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.topDownload-ibgjX .button-dGuV9,
[class*="topDownload-"] [class*="button-"] {
  background: linear-gradient(135deg, #1ed9b1, #34d7d9) !important;
  color: #08100d !important;
  border-radius: 0.14rem !important;
  box-shadow: 0 0.08rem 0.22rem rgba(28, 218, 180, 0.2);
}

/* Cabecalho principal escuro e botoes de acesso amarelos. */
.header-k9x_e,
.header-yXmYl,
.headerGj-krY63,
[class*="homeHeader-"] > [class*="header-"] {
  background: #171812 !important;
  border-bottom: 1px solid #292b25 !important;
  box-shadow: 0 0.08rem 0.22rem rgba(0, 0, 0, 0.28);
}

[class*="header-"] [class*="login-"],
[class*="header-"] [class*="register-"],
[class*="header-"] [class*="deposit-btn-text-"] {
  border-radius: 0.12rem !important;
}

[class*="header-"] [class*="register-"],
[class*="header-"] [class*="deposit-btn-text-"] {
  background: #efff19 !important;
  border-color: #efff19 !important;
  color: #10110e !important;
  box-shadow: 0 0 0.18rem rgba(239, 255, 25, 0.16);
}

[class*="header-"] [class*="login-"] {
  background: transparent !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

/* Banners, avisos e blocos com cantos arredondados. */
[class*="homeGj-banner-"] img,
.banner-En5i6 img,
.van-swipe,
.van-swipe-item {
  border-radius: 0.18rem;
}

[class*="homeGj-notice-"],
[class*="notice-"] {
  border-radius: 0.14rem;
}

[class*="homeGj-nav-"] {
  background: #11120f !important;
  border: 1px solid #2d3029 !important;
  border-radius: 0.18rem !important;
  margin-left: 0.2rem;
  margin-right: 0.2rem;
}

/* Navegacao horizontal de categorias/provedores em cards. */
.game-Ogk7M {
  display: block !important;
  background: #0d0e0f;
  padding: 0 0.2rem 0.2rem !important;
  overflow: hidden;
}

.game-left-UQtzk {
  position: static !important;
  left: auto !important;
  width: 100% !important;
  display: flex !important;
  overflow-x: auto;
  gap: 0.12rem;
  margin-bottom: 0.24rem;
}

.game-left-UQtzk .item {
  flex: 0 0 1.32rem;
  height: 1.34rem;
  margin: 0 !important;
  background: #121310 !important;
  border: 0.02rem solid #40423c !important;
  border-radius: 0.14rem !important;
  color: #a4a59f !important;
}

.game-left-UQtzk .item.is-active {
  background: linear-gradient(145deg, #26271f, #171812) !important;
  border-color: #686b5e !important;
  box-shadow: inset 0 0 0.18rem rgba(239, 255, 25, 0.06);
}

.game-left-UQtzk .item.is-active span {
  color: #efff19 !important;
}

.game-right-HArc2 {
  display: block !important;
  flex: none !important;
  min-width: 0;
  width: 100% !important;
}

.game-Ogk7M .van-tabs__nav {
  gap: 0.12rem;
  padding: 0.12rem 0.2rem 0.16rem;
  background: #0d0e0f !important;
}

.game-Ogk7M .van-tab {
  flex: 0 0 1.32rem !important;
  width: 1.32rem !important;
  min-height: 1.28rem;
  padding: 0.12rem 0.06rem !important;
  background: #121310;
  border: 0.02rem solid #40423c;
  border-radius: 0.14rem;
}

.game-Ogk7M .van-tabs__line {
  display: none;
}

.game-Ogk7M .van-tab--active {
  border-color: #efff19;
  background: linear-gradient(145deg, #25271e, #141510);
}

/* Cabecalho de cada sessao de jogos. */
.game-con-title-vsSH9 {
  min-height: 0.82rem;
  height: auto !important;
  padding: 0.12rem 0.16rem;
  margin: 0.18rem 0 0.16rem !important;
  border: 1px solid #292c26;
  border-radius: 0.18rem;
  background:
    radial-gradient(circle at 12% 50%, rgba(182, 139, 0, 0.25), transparent 35%),
    radial-gradient(circle at 92% 50%, rgba(14, 121, 78, 0.25), transparent 35%),
    #121310;
}

.game-con-title-name-lEQ7K {
  font-size: 0.3rem !important;
  font-weight: 700;
  color: #f7f7f3 !important;
}

.game-con-title-more-eZST0,
.game-con-title-btn-all-ak_05 {
  color: #efff19 !important;
}

.game-con-title-btn-RDdds div {
  border: 1px solid #464940;
  border-radius: 0.14rem !important;
  background: #171914 !important;
}

/* Grade principal: quatro cards verticais por linha no celular. */
.game-con-wrap-PfoxD {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.18rem 0.14rem !important;
  align-items: start;
}

.game-con-XhJnv .game-con-item,
.game-con-XhJnv .game-con-wrap1 .game-con-item {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
}

.game-con-XhJnv .game-con-wrap-img,
.game-con-XhJnv .game-con-wrap1 .game-con-wrap-img {
  width: 100% !important;
  min-height: 0 !important;
  aspect-ratio: 0.735;
  border-radius: 0.16rem !important;
  background: #1b1c18 !important;
  box-shadow: 0 0.08rem 0.2rem rgba(0, 0, 0, 0.35);
}

/* As secoes inferiores usam artes horizontais (520x203).
   Exibe a imagem inteira em dois cards por linha, sem o recorte vertical. */
.game-con-XhJnv .game-con-item2 {
  grid-column: span 2;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
}

.game-con-XhJnv .game-con-item2 .game-con-wrap-img {
  width: 100% !important;
  min-height: 0 !important;
  aspect-ratio: 520 / 203;
  border-radius: 0.16rem !important;
  background: #1b1c18 !important;
  box-shadow: 0 0.08rem 0.2rem rgba(0, 0, 0, 0.35);
}

.game-con-XhJnv .game-con-wrap-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  border-radius: inherit;
}

.game-con-XhJnv .game-con-wrap-name {
  display: none !important;
}

.game-con-XhJnv .game-con-item-sc {
  width: 0.4rem;
  height: 0.4rem;
  top: 0.08rem;
  right: 0.08rem;
}

/* Tela de todos os jogos. */
.page-wrap-game-list-OGdrB,
.page-wrap-game-list-Z0hWs {
  gap: 0.18rem 0.14rem;
  padding: 0.18rem;
  background: #11120f;
  border-radius: 0.18rem;
}

.page-wrap-game-list-item-knb5t,
.page-wrap-game-list-item-OqcL7 {
  width: calc((100% - 0.42rem) / 4) !important;
  min-height: 0 !important;
  margin: 0 !important;
  border-radius: 0.16rem !important;
  overflow: hidden;
}

.page-wrap-game-list-item-con-u5Zd_,
.page-wrap-game-list-item-con-euYaA {
  aspect-ratio: 0.735;
  border-radius: 0.16rem !important;
  background: #1b1c18 !important;
  box-shadow: 0 0.08rem 0.2rem rgba(0, 0, 0, 0.35);
}

.page-wrap-game-list-item-con-u5Zd_ img,
.page-wrap-game-list-item-con-euYaA img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

.page-wrap-game-list-item-con-gamename-fLoEX {
  display: none;
}

/* Barra inferior fixa, escura, com acento luminoso central. */
.tabbar-YbfK5,
.tabbar-special-bg-dfMRx:after,
[class*="tabbar-"][class*="Show"] {
  background: rgba(27, 28, 24, 0.98) !important;
  border-top: 1px solid #30322c;
  box-shadow: 0 -0.14rem 0.3rem rgba(0, 0, 0, 0.48) !important;
  backdrop-filter: blur(12px);
}

.tabbar-item-special-g7avw,
.tabbar-item-cz-lG5YN,
.tabbar-YbfK5 .shareContainer-GFklY {
  background: linear-gradient(145deg, #fff57c, #d89d16) !important;
  border-color: #292a24 !important;
  box-shadow: 0 0 0.3rem rgba(255, 210, 45, 0.55) !important;
}

.tabbar-active-bCn_V > div,
.tabbar-active-bCn_V [class*="text-"] {
  color: #efff19 !important;
}

/* Modais e formularios seguem o mesmo tema, sem fundos verdes residuais. */
.van-popup,
.ant-modal-content,
.ant-modal-header,
.ant-drawer-content,
.ant-popover-inner,
.van-dialog,
.van-cell,
.van-tabs__nav {
  background-color: #1b1c18 !important;
  color: #f7f7f3 !important;
}

input,
textarea,
select {
  color: #f7f7f3 !important;
}

@media (max-width: 360px) {
  .game-con-wrap-PfoxD,
  .page-wrap-game-list-OGdrB,
  .page-wrap-game-list-Z0hWs {
    gap: 0.12rem 0.1rem !important;
  }

  .game-con-title-name-lEQ7K {
    font-size: 0.27rem !important;
  }
}



.game-Ogk7M .van-sticky,
.game-Ogk7M .van-sticky--fixed {
  position: static !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  width: 100% !important;
  height: auto !important;
  transform: none !important;
  z-index: auto !important;
}

.game-Ogk7M .game-left-UQtzk,
.game-Ogk7M .game-left-active-spxQR,
.game-Ogk7M .game-left-activeTopDownload-IHhmT,
.game-Ogk7M .game-left-activeTopDownload1-qbdeF,
.game-Ogk7M .game-left-bottom-T029O {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  z-index: auto !important;
}