/* gold, red, black, silver — overrides the template accents */
:root {
  --banner-bg: #070707;
  --banner-carousel-indicators-active-bg: #c9a227;
  --banner-carousel-indicators-active-border: #c9a227;
  --download-apk-details-btn-bg: linear-gradient(to bottom, #f3e6c4 0%, #c9a227 100%);
  --download-apk-btn-bg: linear-gradient(to bottom, #f3e6c4 0%, #8a1c1c 100%);
}
body { background: #0a0a0a; color: #f3f3f3; }
body .slot-btn-register,
body .register-button,
body .nexus-cta-bar a {
  background: linear-gradient(180deg, #f3e6c4, #c9a227) !important;
  color: #1a0a0a !important;
  border-color: #e4e4e4 !important;
}
body .slot-btn-login,
body .login-button {
  background: linear-gradient(180deg, #a32020, #4a0d0d) !important;
  color: #f5f5f5 !important;
}
body .slot-game { border-color: #3a3a3a; }
body .slot-game:hover { border-color: #c9a227; }
body .slot-chip { background: #141414; border-color: #c0c0c0; color: #f3e6c4; }
body .fx-deposit-strip, body .fx-ds-lead { color: #f3e6c4; }
.site-header .logo { overflow: hidden; }
body .site-header .logo > img {
  background: transparent;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 48px;
  margin: auto;
  transform: none;
  object-fit: contain;
  object-position: center;
}

.top-menu > li:hover > a > img,
.top-menu > li[data-active="true"] > a > img {
  content: normal !important;
  width: 30px !important;
  height: 30px !important;
  object-fit: contain !important;
  filter: brightness(1.35);
}

:root {
  --body-theme-bg: #120c07;
  --banner-bg: #120c07;
  --site-header-bg: #4a2a0a;
  --site-header-border: 4px solid #e8a317;
  --top-menu-li-a-color: #f8fafc;
  --top-menu-li-true-hover-a-color: #fde68a;
  --a-color: #f0b429;
  --a-focus-hover-color: #fde68a;
  --menu-slide-i-color: #f0b429;
}
body { background: #120c07; }
.site-header { background: #4a2a0a; border-bottom: 4px solid #e8a317; }
body .slot-btn-register,
body .register-button,
body .nexus-cta-bar a {
  background: linear-gradient(180deg, #f8e7b0, #c9a227) !important;
  color: #1a0a0a !important;
  border-color: #e8a317 !important;
}
body .slot-btn-login,
body .login-button {
  background: linear-gradient(180deg, #c2410c, #7c2d12) !important;
  color: #fff7ed !important;
}

.age-gate { display: none; }
@media (max-width: 768px) {
  .age-gate {
    display: flex;
    position: fixed;
    inset: 0;
    z-index: 2000000;
    align-items: center;
    justify-content: center;
    padding: 24px 18px;
    background: rgba(17, 17, 17, .78);
  }
  html:has(.age-gate),
  body:has(.age-gate) { overflow: hidden; }
}
.age-gate-card {
  width: 100%;
  max-width: 340px;
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 16px 50px rgba(0, 0, 0, .35);
}
.age-gate-bar {
  background: #ff7a18;
  color: #fff;
  text-align: center;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .04em;
  padding: 9px 12px;
}
.age-gate-body { padding: 18px 22px 22px; text-align: center; }
.age-gate-body h2 {
  margin: 0 0 8px;
  color: #111;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.25;
}
.age-gate-q {
  margin: 0 0 18px;
  color: #4b5563;
  font-size: 15px;
  line-height: 1.5;
}
.age-gate-yes,
.age-gate-no {
  display: block;
  width: 100%;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 800;
  padding: 13px 12px;
  cursor: pointer;
}
.age-gate-yes {
  border: 0;
  background: #ff7a18;
  color: #fff;
  margin: 0 0 10px;
}
.age-gate-no {
  background: #fff;
  color: #111;
  border: 1px solid #d1d5db;
}
.age-gate-note {
  margin: 14px 0 0;
  color: #6b7280;
  font-size: 12px;
  line-height: 1.55;
}
