.site-theme-picker {
  display: inline-flex;
  align-items: center;
  gap: 8rem;
  height: 40rem;
  padding: 4rem 6rem 4rem 12rem;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 999px;
  background: rgba(255, 255, 255, .055);
  color: rgba(255, 255, 255, .62);
  font-size: 10rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
}

.site-theme-picker select {
  height: 30rem;
  max-width: 126rem;
  padding: 0 28rem 0 10rem;
  border: 0;
  border-radius: 999px;
  outline: 0;
  background: #0c1630;
  color: #fff;
  font: 600 12rem/1 Inter, sans-serif;
  cursor: pointer;
}

html[data-site-theme="reelgate"] {
  color-scheme: dark;
  --primary-rgb: 231, 191, 104;
  --sec-rgb: 155, 109, 41;
  --blue-rgb: 143, 96, 33;
  --yellow-rgb: 231, 191, 104;
  --bg1-rgb: 3, 11, 27;
  --bg2-rgb: 4, 14, 32;
  --bg3-rgb: 8, 22, 45;
  --default-rgb: 248, 245, 237;
  --btn-blue-gradient: linear-gradient(180deg, #1c4067, #0c2039);
  --home-bg: #030b1b;
  --home-surface: rgba(9, 24, 48, .84);
  --home-border: rgba(218, 179, 94, .18);
  --home-glow: rgba(193, 143, 48, .18);
}

html[data-site-theme="reelgate"] body {
  color: #f8f5ed;
  background: #030b1b;
}

html[data-site-theme="reelgate"] .site-bg {
  background:
    radial-gradient(ellipse 52% 42% at 48% -8%, rgba(37, 84, 139, .24), transparent 66%),
    radial-gradient(ellipse 42% 34% at 90% 24%, rgba(187, 135, 40, .10), transparent 60%),
    linear-gradient(180deg, #07162c 0%, #030b1b 56%, #020714 100%);
}

html[data-site-theme="reelgate"] .site-bg::after {
  background:
    radial-gradient(ellipse 55% 45% at 50% -5%, rgba(41, 86, 142, .18), transparent 60%),
    radial-gradient(ellipse 45% 35% at 85% 25%, rgba(193, 143, 48, .12), transparent 55%);
}

html[data-site-theme="reelgate"] .site-bg__orb--1 {
  background: rgba(32, 79, 136, .20);
}

html[data-site-theme="reelgate"] .site-bg__orb--2 {
  background: rgba(176, 126, 37, .10);
}

html[data-site-theme="reelgate"] .site-bg__orb--3 {
  background: rgba(217, 177, 91, .07);
}

html[data-site-theme="reelgate"] .home,
html[data-site-theme="reelgate"] main {
  --home-bg: #030b1b;
  --home-surface: rgba(9, 24, 48, .84);
  --home-border: rgba(218, 179, 94, .18);
  --home-glow: rgba(193, 143, 48, .18);
  color: #f8f5ed;
}

html[data-site-theme="reelgate"] .site-header {
  border-bottom-color: rgba(218, 179, 94, .17);
  background: rgba(2, 8, 23, .92);
  box-shadow: 0 14rem 42rem rgba(0, 4, 16, .40);
}

html[data-site-theme="reelgate"] .site-logo__badge {
  display: inline-flex;
  padding: 4px 5px;
  border: 1px solid rgba(228, 197, 107, .55);
  border-radius: 9px;
  background: linear-gradient(180deg, #173a60, #0b1e37);
  box-shadow: inset 0 1px 0 rgba(255, 231, 180, .14);
}

html[data-site-theme="reelgate"] .site-logo img {
  filter: brightness(0) invert(0.82) sepia(0.12) hue-rotate(178deg) saturate(1.6);
}

html[data-site-theme="reelgate"] .site-logo__text {
  color: #f6f0df !important;
}

html[data-site-theme="reelgate"] .site-nav__link,
html[data-site-theme="reelgate"] .mobile-nav__link,
html[data-site-theme="reelgate"] .site-footer__link {
  color: rgba(236, 231, 218, .72);
}

html[data-site-theme="reelgate"] .site-nav__link:hover {
  color: #f0d58c;
  background: rgba(218, 179, 94, .08);
}

html[data-site-theme="reelgate"] .mobile-nav__panel {
  border-color: rgba(218, 179, 94, .18);
  background: #061226;
}

html[data-site-theme="reelgate"] .site-theme-picker {
  border-color: rgba(218, 179, 94, .20);
  background: rgba(218, 179, 94, .05);
  color: #b8aa8b;
}

html[data-site-theme="reelgate"] .site-theme-picker select {
  background: #0a1932;
  color: #ead49d;
}

html[data-site-theme="reelgate"] .btn-fill.btn-blue {
  color: #f3e6c2;
  border-color: rgba(228, 197, 107, .5);
  background: var(--btn-blue-gradient);
  text-shadow: none;
  box-shadow:
    inset 0 1rem rgba(255, 231, 180, .12),
    0 8rem 22rem rgba(0, 5, 20, .5);
}

html[data-site-theme="reelgate"] .btn-contur.btn-white {
  color: #f3e6c3;
  border-color: rgba(218, 179, 94, .24);
  background: rgba(7, 21, 43, .72);
}

html[data-site-theme="reelgate"] .hero__gradient,
html[data-site-theme="reelgate"] .meeting-notice__highlight {
  background: linear-gradient(100deg, #fbf3d6 0%, #e6cd8a 52%, #cfaa62 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

html[data-site-theme="reelgate"] .hero__badge,
html[data-site-theme="reelgate"] .about-kicker {
  color: #e8ca7b;
  border-color: rgba(218, 179, 94, .22);
}

html[data-site-theme="reelgate"] .hero__badge .icon,
html[data-site-theme="reelgate"] .feature-card__icon,
html[data-site-theme="reelgate"] .stats-bar__icon,
html[data-site-theme="reelgate"] .widget-chart,
html[data-site-theme="reelgate"] .about-card__icon,
html[data-site-theme="reelgate"] .method-card__icon,
html[data-site-theme="reelgate"] .meeting-field__icon,
html[data-site-theme="reelgate"] .meeting-notice__icon {
  color: #ddb65e;
  filter: drop-shadow(0 0 12rem rgba(193, 143, 48, .26));
}

html[data-site-theme="reelgate"] .feature-card__link,
html[data-site-theme="reelgate"] .site-footer__link:hover,
html[data-site-theme="reelgate"] .games-status,
html[data-site-theme="reelgate"] .api-access-card__label,
html[data-site-theme="reelgate"] .about-panel__number {
  color: #e3c16d;
}

html[data-site-theme="reelgate"] .widget-card,
html[data-site-theme="reelgate"] .stats-bar__inner,
html[data-site-theme="reelgate"] .feature-card,
html[data-site-theme="reelgate"] .cta__inner,
html[data-site-theme="reelgate"] .about-card,
html[data-site-theme="reelgate"] .about-hero__panel,
html[data-site-theme="reelgate"] .api-access-card,
html[data-site-theme="reelgate"] .api-section-card,
html[data-site-theme="reelgate"] .bonus-card,
html[data-site-theme="reelgate"] .bonus-rules__panel,
html[data-site-theme="reelgate"] .jackpot-card,
html[data-site-theme="reelgate"] .jackpot-rules__panel,
html[data-site-theme="reelgate"] .math-visual__card,
html[data-site-theme="reelgate"] .method-card,
html[data-site-theme="reelgate"] .meeting-form__panel,
html[data-site-theme="reelgate"] .meeting-notice__inner,
html[data-site-theme="reelgate"] .game-card {
  border-color: rgba(218, 179, 94, .17);
  background: linear-gradient(145deg, rgba(10, 27, 52, .86), rgba(5, 15, 33, .90));
  box-shadow: inset 0 1rem rgba(255, 239, 192, .04), 0 20rem 56rem rgba(0, 5, 20, .20);
}

html[data-site-theme="reelgate"] .games-nav__item.is-active,
html[data-site-theme="reelgate"] .bonus-card__tag,
html[data-site-theme="reelgate"] .jackpot-card__tag {
  border-color: rgba(234, 203, 124, .34);
  background: rgba(183, 132, 42, .16);
  color: #f0d58c;
}

html[data-site-theme="reelgate"] .games-nav__item:hover,
html[data-site-theme="reelgate"] .games-nav__item.is-active {
  background:
    radial-gradient(circle at 50% 0%, rgba(224, 184, 92, .26), transparent 64%),
    rgba(128, 88, 28, .16);
}

html[data-site-theme="reelgate"] .games-nav__item.is-active::after {
  background: #d8ad58;
  box-shadow: 0 0 18rem rgba(216, 173, 88, .64);
}

html[data-site-theme="reelgate"] .api-section-card__head span {
  color: #091326;
  background: var(--btn-blue-gradient);
  box-shadow: 0 8rem 24rem rgba(145, 98, 28, .24);
}

html[data-site-theme="reelgate"] .api-list li::before {
  background: #d8ad58;
  box-shadow: 0 0 12rem rgba(216, 173, 88, .48);
}

html[data-site-theme="reelgate"] .games-toolbar,
html[data-site-theme="reelgate"] .games-nav,
html[data-site-theme="reelgate"] .bonuses-visual,
html[data-site-theme="reelgate"] .jackpots-visual,
html[data-site-theme="reelgate"] .math-visual {
  border-color: rgba(218, 179, 94, .16);
}

html[data-site-theme="reelgate"] .jackpots-hero {
  padding-top: 30rem;
}

html[data-site-theme="reelgate"] .jackpots-hero__inner {
  position: relative;
  min-height: 650rem;
  overflow: hidden;
  align-items: center;
  padding: clamp(34rem, 5vw, 70rem);
  border: 1rem solid rgba(71, 147, 255, .26);
  border-radius: 24rem;
  background:
    linear-gradient(90deg, rgba(1, 11, 31, .99) 0%, rgba(2, 18, 49, .94) 39%, rgba(2, 18, 49, .38) 57%, rgba(2, 18, 49, .04) 76%),
    url("../img/hero.png") right center / 59% auto no-repeat,
    #020d22;
  box-shadow:
    0 28rem 90rem rgba(0, 5, 24, .46),
    inset 0 1rem rgba(125, 201, 255, .12);
}

html[data-site-theme="reelgate"] .jackpots-hero__inner > div:first-child {
  position: relative;
  z-index: 2;
  max-width: 680rem;
  padding-right: 24rem;
}

html[data-site-theme="reelgate"] .jackpots-hero__title {
  max-width: 650rem;
  font-size: clamp(48rem, 5.2vw, 78rem);
  line-height: 1;
  letter-spacing: -.035em;
  text-shadow: 0 5rem 30rem rgba(0, 4, 24, .78);
}

html[data-site-theme="reelgate"] .jackpots-hero__text {
  max-width: 610rem;
  color: rgba(222, 237, 255, .74);
  text-shadow: 0 2rem 14rem rgba(0, 4, 24, .88);
}

html[data-site-theme="reelgate"] .meeting-hero {
  --section-gap-top: 24rem;
  --section-gap-bottom: 24rem;
}

html[data-site-theme="reelgate"] .meeting-hero__inner {
  position: relative;
  overflow: hidden;
  min-height: 380rem;
  padding: clamp(34rem, 4vw, 62rem);
  border: 1rem solid rgba(75, 159, 255, .28);
  border-radius: 20rem;
  background:
    linear-gradient(90deg, rgba(1, 13, 38, .99) 0%, rgba(3, 22, 58, .93) 39%, rgba(3, 19, 48, .20) 69%),
    url("../img/hero.png") right top / 52% auto no-repeat,
    #020d22;
  box-shadow:
    0 24rem 70rem rgba(0, 8, 34, .46),
    inset 0 1rem rgba(151, 207, 255, .10);
}

html[data-site-theme="reelgate"] .meeting-hero__content {
  position: relative;
  z-index: 2;
  max-width: 560rem;
}

html[data-site-theme="reelgate"] .meeting-hero__title {
  text-shadow: 0 5rem 30rem rgba(0, 4, 24, .78);
}

html[data-site-theme="reelgate"] .meeting-hero__text {
  color: rgba(222, 237, 255, .74);
  text-shadow: 0 2rem 14rem rgba(0, 4, 24, .88);
}

@media (min-width: 1200px) {
  html[data-site-theme="reelgate"] .jackpots-visual {
    position: absolute;
    right: clamp(24px, 1.6vw, 44px);
    bottom: clamp(22px, 1.5vw, 40px);
    z-index: 3;
    width: clamp(460px, 27vw, 680px);
    gap: clamp(12px, .75vw, 20px);
    padding: clamp(16px, 1vw, 26px);
    border-color: rgba(86, 169, 255, .35);
    border-radius: clamp(16px, 1vw, 24px);
    background: rgba(3, 15, 42, .84);
    box-shadow: 0 18rem 54rem rgba(0, 5, 24, .56);
    backdrop-filter: blur(14rem);
  }

  html[data-site-theme="reelgate"] .jackpots-visual__status {
    padding: clamp(8px, .55vw, 14px) clamp(12px, .8vw, 20px);
    font-size: clamp(12px, .68vw, 17px);
  }

  html[data-site-theme="reelgate"] .jackpots-visual__meter {
    padding: clamp(16px, 1vw, 26px);
  }

  html[data-site-theme="reelgate"] .jackpots-visual__meter strong {
    margin-bottom: 5px;
    font-size: clamp(40px, 2.45vw, 62px);
    line-height: 1.02;
  }

  html[data-site-theme="reelgate"] .jackpots-visual__meter span {
    font-size: clamp(13px, .75vw, 19px);
  }

  html[data-site-theme="reelgate"] .jackpots-visual__grid {
    gap: clamp(8px, .55vw, 14px);
  }

  html[data-site-theme="reelgate"] .jackpots-visual__grid a {
    min-height: clamp(40px, 2.5vw, 56px);
    padding: clamp(9px, .65vw, 16px);
    font-size: clamp(12px, .72vw, 18px);
  }
}

@media (max-width: 1199.98px) {
  html[data-site-theme="reelgate"] .jackpots-hero__inner {
    grid-template-columns: 1fr;
    background-size: auto, auto 100%, auto;
  }

  html[data-site-theme="reelgate"] .jackpots-visual {
    position: relative;
    right: auto;
    bottom: auto;
    width: min(100%, 620rem);
  }
}

@media (max-width: 609.98px) {
  html[data-site-theme="reelgate"] .jackpots-hero__inner {
    min-height: 720rem;
    align-content: end;
    padding: 310rem 20rem 24rem;
    background:
      linear-gradient(0deg, rgba(1, 10, 29, .99) 0%, rgba(2, 15, 42, .84) 57%, rgba(2, 15, 42, .06) 100%),
      url("../img/hero.png") 66% top / auto 390rem no-repeat,
      #020d22;
  }

  html[data-site-theme="reelgate"] .jackpots-hero__title {
    font-size: 46rem;
  }

  html[data-site-theme="reelgate"] .jackpots-visual {
    width: 100%;
    margin-top: 18rem;
    padding: 16rem;
    border-radius: 16rem;
  }

  html[data-site-theme="reelgate"] .jackpots-visual__meter strong {
    font-size: 32rem;
  }

  html[data-site-theme="reelgate"] .jackpots-visual__grid a {
    min-height: 42rem;
    font-size: 12rem;
  }
}

html[data-site-theme="red"] {
  color-scheme: dark;
  --btn-blue-gradient: linear-gradient(135deg, #ffd979 0%, #e98a1a 48%, #bd230a 100%);
  --home-border: rgba(255, 207, 102, .20);
  --home-surface: rgba(255, 214, 123, .055);
  --home-glow: rgba(255, 109, 22, .42);
}

html[data-site-theme="red"] body {
  color: #fff7e8;
  background: #210200;
}

html[data-site-theme="red"] .site-bg {
  background:
    radial-gradient(ellipse 56% 48% at 46% -5%, rgba(255, 122, 18, .26), transparent 62%),
    radial-gradient(ellipse 42% 36% at 88% 28%, rgba(221, 20, 4, .27), transparent 60%),
    linear-gradient(180deg, #510703 0%, #280200 54%, #130100 100%);
}

html[data-site-theme="red"] .site-bg::before {
  opacity: .55;
  background-image:
    radial-gradient(circle at center, transparent 0 20rem, rgba(255, 213, 123, .045) 21rem 22rem, transparent 23rem),
    linear-gradient(rgba(255, 222, 151, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 222, 151, .035) 1px, transparent 1px);
  background-size: 64rem 64rem;
}

html[data-site-theme="red"] .site-bg::after {
  background:
    radial-gradient(ellipse 55% 45% at 50% -5%, rgba(255, 155, 35, .25), transparent 60%),
    radial-gradient(ellipse 45% 35% at 85% 25%, rgba(214, 21, 7, .22), transparent 55%);
}

html[data-site-theme="red"] .site-bg__orb--1 {
  background: rgba(255, 114, 16, .24);
}

html[data-site-theme="red"] .site-bg__orb--2 {
  background: rgba(205, 18, 3, .28);
}

html[data-site-theme="red"] .site-bg__orb--3 {
  background: rgba(255, 195, 74, .12);
}

html[data-site-theme="red"] .home,
html[data-site-theme="red"] main {
  --home-bg: #210200;
  --home-surface: rgba(255, 214, 123, .055);
  --home-border: rgba(255, 207, 102, .20);
  --home-glow: rgba(255, 109, 22, .42);
  color: #fff7e8;
}

html[data-site-theme="red"] .site-header {
  border-bottom-color: rgba(255, 207, 102, .22);
  background: rgba(54, 4, 2, .78);
  box-shadow: 0 12rem 40rem rgba(24, 0, 0, .30);
}

html[data-site-theme="red"] .site-logo img {
  filter: sepia(1) saturate(1.25) hue-rotate(350deg) brightness(1.32);
}

html[data-site-theme="red"] .site-logo__text {
  color: #ffd981 !important;
  text-shadow: 0 0 28rem rgba(255, 169, 41, .28);
}

html[data-site-theme="red"] .site-nav__link,
html[data-site-theme="red"] .mobile-nav__link,
html[data-site-theme="red"] .site-footer__link {
  color: rgba(255, 239, 210, .75);
}

html[data-site-theme="red"] .site-nav__link:hover {
  color: #ffe7aa;
  background: rgba(255, 210, 112, .10);
}

html[data-site-theme="red"] .mobile-nav__panel {
  border-color: rgba(255, 207, 102, .20);
  background: #360402;
}

html[data-site-theme="red"] .btn-fill.btn-blue {
  color: #3d0b00;
  border-color: rgba(255, 225, 154, .28);
  background: var(--btn-blue-gradient);
  box-shadow: 0 8rem 30rem rgba(255, 130, 15, .25);
}

html[data-site-theme="red"] .btn-contur.btn-white {
  color: #ffe9ba;
  border-color: rgba(255, 213, 120, .28);
}

html[data-site-theme="red"] .hero__gradient,
html[data-site-theme="red"] .meeting-notice__highlight {
  background: linear-gradient(90deg, #fff0b6, #ffc65a 52%, #ff7c2d);
  -webkit-background-clip: text;
  background-clip: text;
}

html[data-site-theme="red"] .hero__badge {
  color: #ffe8ba;
  border-color: rgba(255, 210, 112, .22);
  background: rgba(104, 8, 3, .42);
}

html[data-site-theme="red"] .hero__badge .icon,
html[data-site-theme="red"] .feature-card__icon,
html[data-site-theme="red"] .stats-bar__icon,
html[data-site-theme="red"] .widget-chart,
html[data-site-theme="red"] .meeting-hero__calendar .icon,
html[data-site-theme="red"] .meeting-notice__icon {
  color: #ffc75b;
  filter: drop-shadow(0 0 12rem rgba(255, 142, 26, .52));
}

html[data-site-theme="red"] .widget-card,
html[data-site-theme="red"] .stats-bar__inner,
html[data-site-theme="red"] .feature-card,
html[data-site-theme="red"] .cta__inner,
html[data-site-theme="red"] .method-card,
html[data-site-theme="red"] .meeting-form__panel,
html[data-site-theme="red"] .meeting-notice__inner {
  border-color: rgba(255, 207, 102, .18);
  background: linear-gradient(145deg, rgba(106, 8, 4, .72), rgba(49, 2, 1, .80));
  box-shadow: inset 0 1px rgba(255, 231, 174, .06), 0 20rem 56rem rgba(25, 0, 0, .26);
}

html[data-site-theme="red"] .site-theme-picker {
  border-color: rgba(255, 210, 112, .24);
  background: rgba(255, 214, 123, .07);
  color: #dcb98a;
}

html[data-site-theme="red"] .site-theme-picker select {
  background: #4a0602;
  color: #ffe9bc;
}

html[data-site-theme="red"] .site-header {
  min-height: 80rem;
  border-bottom: 2rem solid rgba(188, 64, 14, .82);
  background:
    linear-gradient(180deg, rgba(111, 10, 4, .97), rgba(48, 2, 1, .96));
  box-shadow:
    0 14rem 46rem rgba(27, 0, 0, .46),
    inset 0 -1rem rgba(255, 210, 105, .36);
}

html[data-site-theme="red"] .site-logo::before {
  content: "福";
  width: 46rem;
  height: 46rem;
  display: inline-grid;
  place-items: center;
  margin-right: 10rem;
  border: 2rem solid #ffd574;
  border-radius: 50%;
  background: linear-gradient(145deg, #a71809, #4c0301);
  color: #ffd574;
  font-family: Georgia, serif;
  font-size: 25rem;
  box-shadow: 0 0 26rem rgba(255, 171, 40, .24);
}

html[data-site-theme="red"] .site-logo img {
  display: none;
}

html[data-site-theme="red"] .site-nav {
  justify-content: center;
}

html[data-site-theme="red"] .site-nav__link {
  border-radius: 8rem;
  font-family: Georgia, serif;
}

html[data-site-theme="red"] .home .hero {
  padding-top: 24rem;
}

html[data-site-theme="red"] .home .hero__inner {
  min-height: 650rem;
  align-content: center;
  overflow: hidden;
  padding: clamp(28rem, 5vw, 68rem);
  border: 2rem solid rgba(186, 68, 18, .92);
  border-radius: 20rem;
  background:
    linear-gradient(90deg, rgba(37, 0, 0, .96) 0%, rgba(47, 0, 0, .78) 35%, rgba(47, 0, 0, .12) 68%),
    linear-gradient(0deg, rgba(35, 0, 0, .62), transparent 55%),
    url("../img/themes/red/hero.jpg") 68% center / cover no-repeat;
  box-shadow:
    0 30rem 90rem rgba(32, 0, 0, .58),
    inset 0 0 0 1rem rgba(255, 221, 132, .12);
}

html[data-site-theme="red"] .home .hero__inner::before {
  content: "";
  position: absolute;
  inset: 10rem;
  z-index: 0;
  border: 1rem solid rgba(255, 211, 106, .16);
  border-radius: 14rem;
  pointer-events: none;
}

html[data-site-theme="red"] .home .hero__content {
  width: min(610rem, 52%);
}

html[data-site-theme="red"] .home .hero__visual {
  display: none;
}

html[data-site-theme="red"] .home .hero__badge {
  background: rgba(83, 4, 1, .75);
  box-shadow: 0 8rem 24rem rgba(39, 0, 0, .32);
}

html[data-site-theme="red"] .home .hero__title {
  color: #fff0ba;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(48rem, 6.3vw, 92rem);
  line-height: .94;
  text-shadow: 0 5rem 28rem rgba(39, 0, 0, .84);
}

html[data-site-theme="red"] .home .hero__subtitle {
  color: #f7d89f;
  font-family: Georgia, serif;
}

html[data-site-theme="red"] .home .hero__text {
  color: rgba(255, 231, 190, .76);
  text-shadow: 0 2rem 12rem rgba(29, 0, 0, .85);
}

html[data-site-theme="red"] .home .dashboard {
  position: absolute;
  z-index: 4;
  right: calc(var(--section-padding-x) + 28rem);
  bottom: 78rem;
  width: 310rem;
}

html[data-site-theme="red"] .home .dashboard .widget-card {
  border-color: rgba(255, 207, 98, .34);
  background: rgba(65, 3, 1, .78);
  backdrop-filter: blur(12rem);
}

html[data-site-theme="red"] .home .stats-bar__inner {
  border: 1rem solid rgba(170, 54, 14, .82);
  background:
    linear-gradient(180deg, rgba(122, 13, 5, .92), rgba(52, 2, 1, .96));
}

html[data-site-theme="red"] .home .feature-card {
  min-height: 258rem;
  border-color: rgba(166, 55, 15, .72);
  background:
    radial-gradient(circle at 82% 8%, rgba(255, 193, 55, .13), transparent 110rem),
    linear-gradient(145deg, rgba(119, 12, 5, .92), rgba(45, 2, 1, .97));
}

html[data-site-theme="red"] .home .feature-card:nth-child(3) {
  background:
    linear-gradient(90deg, rgba(63, 2, 1, .90), rgba(63, 2, 1, .42)),
    url("../img/themes/red/dragon.jpg") center / cover no-repeat;
}

html[data-site-theme="red"] .home .feature-card:nth-child(4) {
  background:
    linear-gradient(90deg, rgba(63, 2, 1, .88), rgba(63, 2, 1, .26)),
    url("../img/themes/red/lucky-cat.jpg") center / cover no-repeat;
}

html[data-site-theme="red"] .home .feature-card:nth-child(3)::after,
html[data-site-theme="red"] .home .feature-card:nth-child(4)::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  padding: 0;
  border-radius: inherit;
  background: linear-gradient(0deg, rgba(42, 1, 0, .88), transparent 70%);
  opacity: 1;
  -webkit-mask: none;
  mask: none;
}

html[data-site-theme="red"] .home .feature-card__title,
html[data-site-theme="red"] .home .cta__title {
  color: #ffe8aa;
  font-family: Georgia, serif;
}

html[data-site-theme="red"] .home .feature-card__text,
html[data-site-theme="red"] .home .cta__text {
  color: rgba(255, 230, 190, .72);
}

html[data-site-theme="red"] .home .feature-card__link {
  color: #ffd16a;
}

html[data-site-theme="red"] .home .cta__inner {
  position: relative;
  overflow: hidden;
  min-height: 380rem;
  align-items: flex-start;
  justify-content: center;
  padding-right: 48%;
  text-align: left;
  background:
    linear-gradient(90deg, rgba(55, 1, 0, .98), rgba(55, 1, 0, .70) 48%, rgba(55, 1, 0, .12)),
    url("../img/themes/red/dragon.jpg") 85% 42% / 54% auto no-repeat,
    #4b0301;
}

html[data-site-theme="red"] .home .cta__text {
  max-width: 620rem;
}

@media (max-width: 1199.98px) {
  html[data-site-theme="red"] .home .hero__inner {
    min-height: 620rem;
    background-position: 64% center;
  }

  html[data-site-theme="red"] .home .hero__content {
    width: min(640rem, 68%);
  }

  html[data-site-theme="red"] .home .dashboard {
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
    flex-direction: row;
    padding: 0;
  }

  html[data-site-theme="red"] .home .dashboard .widget-card {
    flex: 1;
  }
}

@media (max-width: 609.98px) {
  html[data-site-theme="red"] .site-logo::before {
    width: 38rem;
    height: 38rem;
    font-size: 20rem;
  }

  html[data-site-theme="red"] .home .hero__inner {
    min-height: 470rem;
    justify-content: flex-end;
    padding: 185rem 22rem 26rem;
    background:
      linear-gradient(0deg, rgba(38, 0, 0, .98) 0%, rgba(45, 0, 0, .82) 52%, rgba(45, 0, 0, .06) 100%),
      url("../img/themes/red/hero.jpg") 69% top / auto 300rem no-repeat,
      #3d0201;
  }

  html[data-site-theme="red"] .home .hero__content {
    width: 100%;
  }

  html[data-site-theme="red"] .home .hero__title {
    font-size: 48rem;
  }

  html[data-site-theme="red"] .home .dashboard {
    flex-direction: column;
  }

  html[data-site-theme="red"] .home .cta__inner {
    min-height: 540rem;
    justify-content: flex-end;
    padding: 260rem 24rem 30rem;
    background:
      linear-gradient(0deg, rgba(52, 1, 0, .98) 0%, rgba(52, 1, 0, .70) 58%, rgba(52, 1, 0, .10)),
      url("../img/themes/red/dragon.jpg") center top / 100% auto no-repeat,
      #4b0301;
  }
}

html[data-site-theme="red"] .about-hero__inner,
html[data-site-theme="red"] .api-hero__inner,
html[data-site-theme="red"] .bonuses-hero__inner,
html[data-site-theme="red"] .games-hero__inner,
html[data-site-theme="red"] .jackpots-hero__inner,
html[data-site-theme="red"] .math-hero__inner,
html[data-site-theme="red"] .meeting-hero__inner {
  position: relative;
  overflow: hidden;
  min-height: 520rem;
  align-items: center;
  padding: clamp(28rem, 4vw, 62rem);
  border: 2rem solid rgba(181, 64, 17, .86);
  border-radius: 20rem;
  box-shadow:
    0 28rem 84rem rgba(28, 0, 0, .46),
    inset 0 0 0 1rem rgba(255, 220, 128, .10);
}

html[data-site-theme="red"] .about-hero__inner > *,
html[data-site-theme="red"] .api-hero__inner > *,
html[data-site-theme="red"] .bonuses-hero__inner > *,
html[data-site-theme="red"] .games-hero__inner > *,
html[data-site-theme="red"] .jackpots-hero__inner > *,
html[data-site-theme="red"] .math-hero__inner > *,
html[data-site-theme="red"] .meeting-hero__inner > * {
  position: relative;
  z-index: 2;
}

html[data-site-theme="red"] .about-hero__inner {
  background:
    linear-gradient(90deg, rgba(43, 0, 0, .97) 0%, rgba(53, 1, 0, .82) 42%, rgba(53, 1, 0, .14) 72%),
    url("../img/themes/red/hero.jpg") right center / auto 100% no-repeat,
    #470301;
}

html[data-site-theme="red"] .api-hero__inner {
  background:
    linear-gradient(90deg, rgba(42, 0, 0, .98), rgba(55, 1, 0, .79) 48%, rgba(55, 1, 0, .12)),
    url("../img/themes/red/dragon.jpg") right 42% / 50% auto no-repeat,
    #490301;
}

html[data-site-theme="red"] .bonuses-hero__inner {
  background:
    linear-gradient(90deg, rgba(42, 0, 0, .98), rgba(58, 1, 0, .80) 50%, rgba(58, 1, 0, .16)),
    url("../img/themes/red/lucky-cat.jpg") right 48% / 46% auto no-repeat,
    #4b0301;
}

html[data-site-theme="red"] .games-hero__inner {
  min-height: 440rem;
  background:
    linear-gradient(90deg, rgba(43, 0, 0, .98), rgba(52, 1, 0, .77) 44%, rgba(52, 1, 0, .10)),
    url("../img/themes/red/hero.jpg") right 38% / auto 125% no-repeat,
    #470301;
}

html[data-site-theme="red"] .jackpots-hero__inner {
  background:
    linear-gradient(90deg, rgba(42, 0, 0, .98), rgba(54, 1, 0, .77) 46%, rgba(54, 1, 0, .09)),
    url("../img/themes/red/dragon.jpg") right 46% / 49% auto no-repeat,
    #450201;
}

html[data-site-theme="red"] .math-hero__inner {
  background:
    linear-gradient(90deg, rgba(42, 0, 0, .98), rgba(53, 1, 0, .79) 47%, rgba(53, 1, 0, .10)),
    url("../img/themes/red/dragon.jpg") right 52% / 48% auto no-repeat,
    #460201;
}

html[data-site-theme="red"] .meeting-hero__inner {
  min-height: 380rem;
  background:
    linear-gradient(90deg, rgba(42, 0, 0, .98), rgba(55, 1, 0, .72) 45%, rgba(55, 1, 0, .08)),
    url("../img/themes/red/lucky-cat.jpg") right 46% / 43% auto no-repeat,
    #480201;
}

html[data-site-theme="red"] .meeting-hero {
  --section-gap-top: 24rem;
  --section-gap-bottom: 24rem;
}

html[data-site-theme="red"] .about-hero__content,
html[data-site-theme="red"] .api-hero__inner > div:first-child,
html[data-site-theme="red"] .bonuses-hero__inner > div:first-child,
html[data-site-theme="red"] .games-hero__inner,
html[data-site-theme="red"] .jackpots-hero__inner > div:first-child,
html[data-site-theme="red"] .math-hero__inner > div:first-child,
html[data-site-theme="red"] .meeting-hero__content {
  max-width: 680rem;
}

html[data-site-theme="red"] .about-hero__title,
html[data-site-theme="red"] .api-hero__title,
html[data-site-theme="red"] .bonuses-hero__title,
html[data-site-theme="red"] .games-hero__title,
html[data-site-theme="red"] .jackpots-hero__title,
html[data-site-theme="red"] .math-hero__title,
html[data-site-theme="red"] .meeting-hero__title,
html[data-site-theme="red"] .bonus-programs__head h2,
html[data-site-theme="red"] .jackpot-section__head h2,
html[data-site-theme="red"] .games-lobby h2 {
  color: #fff0bb;
  font-family: Georgia, "Times New Roman", serif;
  text-shadow: 0 4rem 24rem rgba(38, 0, 0, .72);
}

html[data-site-theme="red"] .about-kicker {
  color: #ffd16b;
  text-shadow: 0 2rem 12rem rgba(31, 0, 0, .72);
}

html[data-site-theme="red"] .about-hero__text,
html[data-site-theme="red"] .api-hero__note,
html[data-site-theme="red"] .bonuses-hero__text,
html[data-site-theme="red"] .games-hero__text,
html[data-site-theme="red"] .jackpots-hero__text,
html[data-site-theme="red"] .math-hero__lead,
html[data-site-theme="red"] .meeting-hero__text {
  color: rgba(255, 231, 192, .78);
  text-shadow: 0 2rem 12rem rgba(30, 0, 0, .72);
}

html[data-site-theme="red"] .about-hero__panel,
html[data-site-theme="red"] .api-access-card,
html[data-site-theme="red"] .bonuses-visual,
html[data-site-theme="red"] .jackpots-visual,
html[data-site-theme="red"] .math-visual {
  align-self: end;
  border-color: rgba(255, 210, 105, .36);
  background: rgba(63, 3, 1, .76);
  box-shadow:
    0 18rem 52rem rgba(29, 0, 0, .44),
    inset 0 1rem rgba(255, 225, 154, .10);
  backdrop-filter: blur(12rem);
}

html[data-site-theme="red"] .about-panel__number,
html[data-site-theme="red"] .api-access-card strong,
html[data-site-theme="red"] .jackpots-visual__meter strong,
html[data-site-theme="red"] .math-visual__card strong {
  color: #ffe29a;
  font-family: Georgia, serif;
}

html[data-site-theme="red"] .about-panel__grid span,
html[data-site-theme="red"] .bonuses-visual__grid a,
html[data-site-theme="red"] .bonuses-toc a,
html[data-site-theme="red"] .jackpots-visual__grid a,
html[data-site-theme="red"] .math-visual__grid a {
  border-color: rgba(255, 211, 105, .25);
  background: rgba(85, 6, 2, .70);
  color: #ffe6ae;
}

html[data-site-theme="red"] .api-section-card,
html[data-site-theme="red"] .bonus-card,
html[data-site-theme="red"] .bonus-rules__panel,
html[data-site-theme="red"] .jackpot-card,
html[data-site-theme="red"] .jackpot-rules__panel,
html[data-site-theme="red"] .math-advantage,
html[data-site-theme="red"] .games-toolbar,
html[data-site-theme="red"] .games-card,
html[data-site-theme="red"] .meeting-form__panel,
html[data-site-theme="red"] .method-card {
  border-color: rgba(167, 55, 14, .70);
  background:
    radial-gradient(circle at 88% 5%, rgba(255, 192, 54, .12), transparent 130rem),
    linear-gradient(145deg, rgba(116, 12, 5, .93), rgba(44, 2, 1, .97));
  box-shadow:
    0 20rem 58rem rgba(27, 0, 0, .30),
    inset 0 1rem rgba(255, 224, 148, .06);
}

html[data-site-theme="red"] .bonus-card:nth-child(1) {
  background:
    linear-gradient(0deg, rgba(45, 1, 0, .94), rgba(61, 2, 0, .44)),
    url("../img/themes/red/lucky-cat.jpg") 88% 36% / 44% auto no-repeat,
    #4d0301;
}

html[data-site-theme="red"] .bonus-card:nth-child(2) {
  background:
    linear-gradient(0deg, rgba(45, 1, 0, .94), rgba(61, 2, 0, .42)),
    url("../img/themes/red/hero.jpg") 84% 38% / 58% auto no-repeat,
    #4d0301;
}

html[data-site-theme="red"] .jackpot-card:nth-child(1),
html[data-site-theme="red"] .jackpot-card:nth-child(4) {
  background:
    linear-gradient(0deg, rgba(43, 1, 0, .96), rgba(57, 2, 0, .34)),
    url("../img/themes/red/dragon.jpg") 88% 40% / 50% auto no-repeat,
    #470201;
}

html[data-site-theme="red"] .api-section-card--wide {
  background:
    linear-gradient(90deg, rgba(65, 3, 1, .97), rgba(65, 3, 1, .73) 62%, rgba(65, 3, 1, .28)),
    url("../img/themes/red/hero.jpg") right center / 42% auto no-repeat,
    #4a0201;
}

html[data-site-theme="red"] .math-advantage:nth-child(2),
html[data-site-theme="red"] .meeting-form__panel {
  background:
    linear-gradient(90deg, rgba(68, 3, 1, .97), rgba(68, 3, 1, .78) 68%, rgba(68, 3, 1, .34)),
    url("../img/themes/red/dragon.jpg") right center / 34% auto no-repeat,
    #4a0201;
}

html[data-site-theme="red"] .games-lobby {
  position: relative;
}

html[data-site-theme="red"] .games-nav {
  border-color: rgba(179, 64, 16, .72);
  background: linear-gradient(180deg, rgba(111, 10, 4, .96), rgba(48, 2, 1, .96));
}

html[data-site-theme="red"] .games-nav__item {
  color: #ddb982;
}

html[data-site-theme="red"] .games-nav__item.is-active {
  color: #401000;
  background: linear-gradient(180deg, #ffe18e, #eb8d24);
}

@media (min-width: 1200px) {
  html[data-site-theme="red"] .jackpots-hero__inner {
    min-height: 650rem;
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
    background:
      linear-gradient(90deg, rgba(42, 0, 0, .98) 0%, rgba(54, 1, 0, .82) 42%, rgba(54, 1, 0, .04) 67%),
      url("../img/themes/red/dragon.jpg") right center / 58% auto no-repeat,
      #450201;
  }

  html[data-site-theme="red"] .jackpots-hero__inner > div:first-child {
    max-width: 650rem;
    padding-right: 24rem;
  }

  html[data-site-theme="red"] .jackpots-visual {
    position: absolute;
    right: clamp(24px, 1.6vw, 44px);
    bottom: clamp(22px, 1.5vw, 40px);
    width: clamp(460px, 27vw, 680px);
    gap: clamp(12px, .75vw, 20px);
    padding: clamp(16px, 1vw, 26px);
    border-radius: clamp(16px, 1vw, 24px);
    background: rgba(54, 2, 1, .80);
  }

  html[data-site-theme="red"] .jackpots-visual__status {
    padding: clamp(8px, .55vw, 14px) clamp(12px, .8vw, 20px);
    font-size: clamp(12px, .68vw, 17px);
  }

  html[data-site-theme="red"] .jackpots-visual__meter {
    padding: clamp(16px, 1vw, 26px);
  }

  html[data-site-theme="red"] .jackpots-visual__meter strong {
    margin-bottom: 5px;
    font-size: clamp(40px, 2.45vw, 62px);
    line-height: 1.02;
  }

  html[data-site-theme="red"] .jackpots-visual__meter span {
    font-size: clamp(13px, .75vw, 19px);
  }

  html[data-site-theme="red"] .jackpots-visual__grid {
    gap: clamp(8px, .55vw, 14px);
  }

  html[data-site-theme="red"] .jackpots-visual__grid a {
    min-height: clamp(40px, 2.5vw, 56px);
    padding: clamp(9px, .65vw, 16px);
    font-size: clamp(12px, .72vw, 18px);
  }
}

@media (max-width: 1199.98px) {
  html[data-site-theme="red"] .about-hero__inner,
  html[data-site-theme="red"] .api-hero__inner,
  html[data-site-theme="red"] .bonuses-hero__inner,
  html[data-site-theme="red"] .jackpots-hero__inner,
  html[data-site-theme="red"] .math-hero__inner {
    grid-template-columns: 1fr;
    background-size: auto, auto 100%, auto;
  }

  html[data-site-theme="red"] .about-hero__panel,
  html[data-site-theme="red"] .api-access-card,
  html[data-site-theme="red"] .bonuses-visual,
  html[data-site-theme="red"] .jackpots-visual,
  html[data-site-theme="red"] .math-visual {
    position: relative;
    right: auto;
    bottom: auto;
    width: min(100%, 620rem);
  }
}

@media (max-width: 609.98px) {
  html[data-site-theme="reelgate"] .meeting-hero__inner {
    min-height: 560rem;
    align-content: end;
    padding: 270rem 20rem 24rem;
    background:
      linear-gradient(0deg, rgba(1, 10, 29, .99) 0%, rgba(2, 15, 42, .84) 55%, rgba(2, 15, 42, .04) 100%),
      url("../img/hero.png") 65% top / auto 330rem no-repeat,
      #020d22;
  }

  html[data-site-theme="red"] .about-hero__inner,
  html[data-site-theme="red"] .api-hero__inner,
  html[data-site-theme="red"] .bonuses-hero__inner,
  html[data-site-theme="red"] .games-hero__inner,
  html[data-site-theme="red"] .jackpots-hero__inner,
  html[data-site-theme="red"] .math-hero__inner,
  html[data-site-theme="red"] .meeting-hero__inner {
    min-height: 680rem;
    align-content: end;
    padding: 300rem 20rem 24rem;
    background-position: center, center top, center;
    background-size: auto, auto 360rem, auto;
  }

  html[data-site-theme="red"] .about-hero__panel,
  html[data-site-theme="red"] .api-access-card,
  html[data-site-theme="red"] .bonuses-visual,
  html[data-site-theme="red"] .jackpots-visual,
  html[data-site-theme="red"] .math-visual {
    margin-top: 18rem;
  }

  html[data-site-theme="red"] .meeting-hero__inner {
    min-height: 540rem;
    padding-top: 260rem;
    background:
      linear-gradient(0deg, rgba(52, 1, 0, .99) 0%, rgba(52, 1, 0, .78) 56%, rgba(52, 1, 0, .05) 100%),
      url("../img/themes/red/lucky-cat.jpg") center top / auto 320rem no-repeat,
      #480201;
  }

  html[data-site-theme="red"] .jackpots-visual {
    width: 100%;
    padding: 16rem;
    border-radius: 16rem;
  }

  html[data-site-theme="red"] .jackpots-visual__meter strong {
    font-size: 32rem;
  }

  html[data-site-theme="red"] .jackpots-visual__grid a {
    min-height: 42rem;
    font-size: 12rem;
  }
}

html[data-site-theme="white"] {
  color-scheme: light;
  --btn-blue-gradient: linear-gradient(135deg, #7b52f5 0%, #4f1edc 100%);
  --home-border: rgba(52, 37, 104, .10);
  --home-surface: rgba(255, 255, 255, .92);
  --home-glow: rgba(102, 61, 230, .18);
}

html[data-site-theme="white"] body {
  color: #171329;
  background: #f6f5fa;
}

html[data-site-theme="white"] .site-bg {
  background:
    radial-gradient(ellipse 52% 42% at 55% -7%, rgba(106, 65, 232, .10), transparent 65%),
    radial-gradient(ellipse 42% 34% at 90% 24%, rgba(181, 66, 222, .08), transparent 60%),
    linear-gradient(180deg, #fff 0%, #f8f7fc 56%, #f1f0f7 100%);
}

html[data-site-theme="white"] .site-bg::before {
  background-image:
    linear-gradient(rgba(63, 43, 125, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(63, 43, 125, .035) 1px, transparent 1px);
}

html[data-site-theme="white"] .site-bg__orb--1 {
  background: rgba(116, 74, 238, .08);
}

html[data-site-theme="white"] .site-bg__orb--2 {
  background: rgba(181, 66, 222, .07);
}

html[data-site-theme="white"] .site-bg__orb--3 {
  background: rgba(74, 134, 238, .05);
}

html[data-site-theme="white"] .home,
html[data-site-theme="white"] main {
  --home-bg: #f6f5fa;
  --home-surface: rgba(255, 255, 255, .92);
  --home-border: rgba(52, 37, 104, .10);
  --home-glow: rgba(102, 61, 230, .18);
  color: #171329;
}

html[data-site-theme="white"] .site-header {
  margin: 10rem;
  border: 1px solid rgba(47, 32, 96, .08);
  border-radius: 22rem;
  background: rgba(255, 255, 255, .88);
  box-shadow: 0 14rem 46rem rgba(45, 29, 93, .09);
}

html[data-site-theme="white"] .site-logo__text {
  color: #18132c !important;
}

html[data-site-theme="white"] .site-logo img {
  filter: hue-rotate(28deg) saturate(1.16);
}

html[data-site-theme="white"] .site-nav__link,
html[data-site-theme="white"] .mobile-nav__link,
html[data-site-theme="white"] .site-footer__link {
  color: rgba(36, 29, 62, .68);
}

html[data-site-theme="white"] .site-nav__link:hover {
  color: #4e20dc;
  background: rgba(101, 64, 238, .07);
}

html[data-site-theme="white"] .mobile-nav__panel {
  border-color: rgba(57, 38, 121, .10);
  background: #fff;
}

html[data-site-theme="white"] .btn-fill.btn-blue {
  color: #fff;
  background: var(--btn-blue-gradient);
  box-shadow: 0 9rem 30rem rgba(83, 42, 215, .24);
}

html[data-site-theme="white"] .btn-contur.btn-white {
  color: #4a26bd;
  border-color: rgba(84, 51, 190, .18);
  background: rgba(255, 255, 255, .70);
}

html[data-site-theme="white"] .hero__gradient,
html[data-site-theme="white"] .meeting-notice__highlight {
  background: linear-gradient(90deg, #5425da, #7c49ef 55%, #b43cda);
  -webkit-background-clip: text;
  background-clip: text;
}

html[data-site-theme="white"] .hero__badge {
  color: #5435b5;
  border-color: rgba(91, 55, 201, .13);
  background: rgba(255, 255, 255, .65);
}

html[data-site-theme="white"] .hero__subtitle,
html[data-site-theme="white"] .meeting-methods__title,
html[data-site-theme="white"] .method-card__title {
  color: #27203d;
}

html[data-site-theme="white"] .hero__text,
html[data-site-theme="white"] .feature-card__text,
html[data-site-theme="white"] .cta__text,
html[data-site-theme="white"] .meeting-hero__text,
html[data-site-theme="white"] .method-card__text,
html[data-site-theme="white"] .meeting-notice__text,
html[data-site-theme="white"] .widget-card__label,
html[data-site-theme="white"] .widget-card__meta,
html[data-site-theme="white"] .stats-bar__label {
  color: rgba(38, 31, 61, .58);
}

html[data-site-theme="white"] .hero__badge .icon,
html[data-site-theme="white"] .feature-card__icon,
html[data-site-theme="white"] .stats-bar__icon,
html[data-site-theme="white"] .widget-chart,
html[data-site-theme="white"] .meeting-hero__calendar .icon,
html[data-site-theme="white"] .meeting-notice__icon {
  color: #6841e7;
  filter: drop-shadow(0 0 12rem rgba(101, 64, 238, .18));
}

html[data-site-theme="white"] .widget-card,
html[data-site-theme="white"] .stats-bar__inner,
html[data-site-theme="white"] .feature-card,
html[data-site-theme="white"] .cta__inner,
html[data-site-theme="white"] .method-card,
html[data-site-theme="white"] .meeting-form__panel,
html[data-site-theme="white"] .meeting-notice__inner {
  border-color: rgba(52, 37, 104, .10);
  background: rgba(255, 255, 255, .90);
  box-shadow: 0 20rem 58rem rgba(45, 30, 90, .08);
}

html[data-site-theme="white"] .meeting-input,
html[data-site-theme="white"] .meeting-select,
html[data-site-theme="white"] .meeting-textarea {
  color: #211a37;
  border-color: rgba(58, 40, 117, .14);
  background: #fbfaff;
}

html[data-site-theme="white"] .meeting-field__label {
  color: rgba(38, 31, 61, .72);
}

html[data-site-theme="white"] .site-footer {
  border-color: rgba(52, 37, 104, .10);
}

html[data-site-theme="white"] .site-footer__social-link,
html[data-site-theme="white"] .site-footer__copy {
  color: rgba(38, 31, 61, .55);
  border-color: rgba(52, 37, 104, .12);
}

html[data-site-theme="white"] .site-theme-picker {
  border-color: rgba(67, 45, 149, .12);
  background: #f7f4ff;
  color: #6b6481;
}

html[data-site-theme="white"] .site-theme-picker select {
  background: #fff;
  color: #2d2644;
}

/* Language switcher was white-on-white (invisible) on the light theme */
html[data-site-theme="white"] .language-switcher {
  border-color: rgba(67, 45, 149, .14);
  background: #f7f4ff;
  color: #2d2644;
}

html[data-site-theme="white"] .language-switcher__label {
  color: #6b6481;
}

html[data-site-theme="white"] .language-switcher__select {
  color: #2d2644;
}

html[data-site-theme="white"] .language-switcher__select option {
  color: #0b1020;
}

html[data-site-theme="white"] .home .hero {
  padding-top: 28rem;
}

html[data-site-theme="white"] .home .hero__inner {
  min-height: 680rem;
  align-content: center;
  overflow: hidden;
  padding: clamp(34rem, 5vw, 72rem);
  border: 1rem solid rgba(62, 42, 126, .08);
  border-radius: 28rem;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, .97) 28%, rgba(255, 255, 255, .60) 44%, rgba(255, 255, 255, 0) 64%),
    url("../img/themes/white-hero.jpg") right center / auto 118% no-repeat,
    #fff;
  box-shadow:
    0 28rem 90rem rgba(52, 35, 114, .10),
    inset 0 0 0 1rem rgba(255, 255, 255, .72);
}

html[data-site-theme="white"] .home .hero__content {
  width: min(650rem, 49%);
}

html[data-site-theme="white"] .home .hero__visual,
html[data-site-theme="white"] .home .dashboard {
  display: none;
}

html[data-site-theme="white"] .home .hero__title {
  color: #100d20;
  font-size: clamp(48rem, 6.3vw, 88rem);
  line-height: .98;
  letter-spacing: -.04em;
}

html[data-site-theme="white"] .home .hero__subtitle {
  color: #211b38;
}

html[data-site-theme="white"] .home .hero__text {
  max-width: 540rem;
}

html[data-site-theme="white"] .meeting-hero {
  --section-gap-top: 24rem;
  --section-gap-bottom: 24rem;
}

html[data-site-theme="white"] .meeting-hero__inner {
  position: relative;
  overflow: hidden;
  min-height: 380rem;
  padding: clamp(34rem, 4vw, 62rem);
  border: 1rem solid rgba(62, 42, 126, .10);
  border-radius: 22rem;
  background:
    linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, .98) 32%, rgba(255, 255, 255, .70) 47%, rgba(255, 255, 255, .03) 68%),
    url("../img/themes/white-hero.jpg") right center / auto 118% no-repeat,
    #fff;
  box-shadow:
    0 24rem 70rem rgba(52, 35, 114, .10),
    inset 0 1rem rgba(255, 255, 255, .86);
}

html[data-site-theme="white"] .meeting-hero__content {
  position: relative;
  z-index: 2;
  width: min(560rem, 46%);
}

html[data-site-theme="white"] .meeting-hero__title {
  color: #100d20;
}

html[data-site-theme="white"] .home .stats-bar__inner {
  margin-top: -20rem;
  padding-block: 26rem;
  border-radius: 22rem;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 22rem 70rem rgba(53, 34, 112, .09);
}

html[data-site-theme="white"] .home .feature-card {
  border-radius: 20rem;
  background:
    radial-gradient(circle at 86% 7%, rgba(104, 65, 231, .08), transparent 120rem),
    rgba(255, 255, 255, .94);
}

html[data-site-theme="white"] .home .cta__inner {
  position: relative;
  overflow: hidden;
  min-height: 400rem;
  align-items: flex-start;
  justify-content: center;
  padding-right: 50%;
  text-align: left;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, .86) 48%, rgba(255, 255, 255, .08)),
    url("../img/themes/white-hero.jpg") 92% center / 58% auto no-repeat,
    #fff;
}

html[data-site-theme="white"] .home .cta__text {
  max-width: 620rem;
}

html[data-site-theme="white"] .about-hero,
html[data-site-theme="white"] .bonuses-hero,
html[data-site-theme="white"] .jackpots-hero,
html[data-site-theme="white"] .api-hero,
html[data-site-theme="white"] .math-hero {
  padding-top: 28rem;
}

html[data-site-theme="white"] .about-hero__inner,
html[data-site-theme="white"] .bonuses-hero__inner,
html[data-site-theme="white"] .jackpots-hero__inner,
html[data-site-theme="white"] .api-hero__inner,
html[data-site-theme="white"] .math-hero__inner {
  position: relative;
  display: flex;
  min-height: 650rem;
  align-items: center;
  overflow: hidden;
  padding: clamp(34rem, 5vw, 72rem);
  border: 1rem solid rgba(62, 42, 126, .08);
  border-radius: 28rem;
  background:
    linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, .98) 29%, rgba(255, 255, 255, .74) 41%, rgba(255, 255, 255, .04) 65%),
    url("../img/themes/white-hero.jpg") right center / auto 118% no-repeat,
    #fff;
  box-shadow:
    0 28rem 90rem rgba(52, 35, 114, .10),
    inset 0 0 0 1rem rgba(255, 255, 255, .72);
}

html[data-site-theme="white"] .about-hero__content,
html[data-site-theme="white"] .bonuses-hero__content,
html[data-site-theme="white"] .jackpots-hero__content,
html[data-site-theme="white"] .api-hero__content,
html[data-site-theme="white"] .math-hero__content {
  position: relative;
  z-index: 2;
  width: min(690rem, 49%);
}

html[data-site-theme="white"] .about-hero__panel,
html[data-site-theme="white"] .bonuses-visual,
html[data-site-theme="white"] .jackpots-visual,
html[data-site-theme="white"] .math-visual {
  display: none;
}

html[data-site-theme="white"] .api-access-card {
  position: absolute;
  right: 34rem;
  bottom: 34rem;
  z-index: 3;
  width: min(390rem, 31%);
  background: rgba(255, 255, 255, .94);
}

html[data-site-theme="white"] .about-hero__title,
html[data-site-theme="white"] .bonuses-hero__title,
html[data-site-theme="white"] .jackpots-hero__title,
html[data-site-theme="white"] .api-hero__title,
html[data-site-theme="white"] .math-hero__title {
  color: #100d20;
  font-size: clamp(48rem, 5.4vw, 82rem);
  line-height: .99;
  letter-spacing: -.04em;
}

/* White theme: full contrast treatment for internal pages. */
html[data-site-theme="white"] .about-hero__lead,
html[data-site-theme="white"] .math-visual__card strong,
html[data-site-theme="white"] .math-advantage__title,
html[data-site-theme="white"] .math-diagram__node strong,
html[data-site-theme="white"] .math-diagram__step strong,
html[data-site-theme="white"] .math-diagram__decision strong,
html[data-site-theme="white"] .math-advantage__content h3,
html[data-site-theme="white"] .math-section__copy h3,
html[data-site-theme="white"] .api-access-card strong {
  color: #211a37;
}

html[data-site-theme="white"] .about-hero__text,
html[data-site-theme="white"] .about-panel__label,
html[data-site-theme="white"] .about-story__copy,
html[data-site-theme="white"] .about-card p,
html[data-site-theme="white"] .bonuses-hero__text,
html[data-site-theme="white"] .bonus-card p,
html[data-site-theme="white"] .bonus-card__example p,
html[data-site-theme="white"] .bonus-card li,
html[data-site-theme="white"] .bonus-rules__panel p,
html[data-site-theme="white"] .jackpots-hero__text,
html[data-site-theme="white"] .jackpot-card p,
html[data-site-theme="white"] .jackpot-card li,
html[data-site-theme="white"] .jackpot-rules__panel p,
html[data-site-theme="white"] .api-hero__note,
html[data-site-theme="white"] .math-hero__lead,
html[data-site-theme="white"] .math-advantage__text,
html[data-site-theme="white"] .math-advantage__content p,
html[data-site-theme="white"] .math-advantage__content li,
html[data-site-theme="white"] .math-metric span,
html[data-site-theme="white"] .math-section__copy p,
html[data-site-theme="white"] .math-section__copy li,
html[data-site-theme="white"] .math-diagram__node span,
html[data-site-theme="white"] .math-diagram__step small,
html[data-site-theme="white"] .math-diagram__decision span {
  color: rgba(38, 31, 61, .68);
}

html[data-site-theme="white"] .about-hero__panel,
html[data-site-theme="white"] .about-card,
html[data-site-theme="white"] .about-strip__inner,
html[data-site-theme="white"] .bonuses-visual,
html[data-site-theme="white"] .bonus-card,
html[data-site-theme="white"] .bonus-rules__panel,
html[data-site-theme="white"] .jackpots-visual,
html[data-site-theme="white"] .jackpot-card,
html[data-site-theme="white"] .jackpot-rules__panel,
html[data-site-theme="white"] .api-access-card,
html[data-site-theme="white"] .api-section-card,
html[data-site-theme="white"] .math-visual,
html[data-site-theme="white"] .math-metric,
html[data-site-theme="white"] .math-section__copy,
html[data-site-theme="white"] .math-section__media,
html[data-site-theme="white"] .math-advantage {
  border-color: rgba(64, 43, 132, .12);
  background:
    radial-gradient(circle at 18% 0%, rgba(109, 70, 231, .08), transparent 40%),
    rgba(255, 255, 255, .94);
  box-shadow: 0 20rem 60rem rgba(49, 32, 103, .08);
}

html[data-site-theme="white"] .about-panel__grid span,
html[data-site-theme="white"] .bonuses-visual__grid a,
html[data-site-theme="white"] .bonuses-toc a,
html[data-site-theme="white"] .bonus-rules__list span,
html[data-site-theme="white"] .jackpots-visual__grid a,
html[data-site-theme="white"] .jackpot-rules__list span,
html[data-site-theme="white"] .api-list li,
html[data-site-theme="white"] .math-visual__grid a,
html[data-site-theme="white"] .math-toc a,
html[data-site-theme="white"] .math-tags span {
  color: #39304f;
  border-color: rgba(88, 57, 188, .13);
  background: rgba(245, 242, 253, .92);
}

html[data-site-theme="white"] .bonuses-toc__title,
html[data-site-theme="white"] .math-toc__title {
  color: rgba(38, 31, 61, .58);
}

html[data-site-theme="white"] .jackpots-visual__meter,
html[data-site-theme="white"] .math-visual__card,
html[data-site-theme="white"] .bonus-card__example,
html[data-site-theme="white"] .math-diagram {
  border-color: rgba(91, 55, 201, .14);
  background:
    linear-gradient(135deg, rgba(106, 65, 232, .07), rgba(181, 66, 222, .05)),
    #fbfaff;
}

html[data-site-theme="white"] .jackpots-visual__meter span {
  color: rgba(38, 31, 61, .72);
}

html[data-site-theme="white"] .math-diagram__node,
html[data-site-theme="white"] .math-diagram__step,
html[data-site-theme="white"] .math-diagram__decision {
  border-color: rgba(79, 52, 166, .12);
  background: rgba(255, 255, 255, .78);
}

html[data-site-theme="white"] .bonuses-visual__status,
html[data-site-theme="white"] .jackpots-visual__status,
html[data-site-theme="white"] .api-access-card__label,
html[data-site-theme="white"] .about-signal {
  color: #087c58;
  border-color: rgba(8, 124, 88, .20);
  background: rgba(38, 202, 148, .10);
}

html[data-site-theme="white"] .meeting-input::placeholder,
html[data-site-theme="white"] .meeting-textarea::placeholder {
  color: rgba(38, 31, 61, .38);
}

html[data-site-theme="white"] .meeting-field__icon {
  color: rgba(72, 50, 145, .52);
}

html[data-site-theme="white"] .games-hero__text,
html[data-site-theme="white"] .games-provider,
html[data-site-theme="white"] .games-status,
html[data-site-theme="white"] .games-empty,
html[data-site-theme="white"] .game-card__meta p {
  color: rgba(38, 31, 61, .64);
}

html[data-site-theme="white"] .games-nav {
  border-color: rgba(91, 55, 201, .16);
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 14rem 46rem rgba(45, 29, 93, .07);
}

html[data-site-theme="white"] .games-nav__item {
  color: rgba(38, 31, 61, .72);
  border-color: rgba(72, 50, 145, .10);
}

html[data-site-theme="white"] .games-nav__item:hover,
html[data-site-theme="white"] .games-nav__item.is-active {
  color: #5425da;
  background: rgba(106, 65, 232, .08);
}

html[data-site-theme="white"] .games-provider select {
  color: #211a37;
  border-color: rgba(91, 55, 201, .16);
  background: #fff;
}

html[data-site-theme="white"] .game-card {
  border-color: rgba(64, 43, 132, .12);
  background: #fff;
  box-shadow: 0 18rem 48rem rgba(45, 29, 93, .09);
}

html[data-site-theme="white"] .game-card__body {
  border-color: rgba(91, 55, 201, .12);
  background: #fff;
}

html[data-site-theme="white"] .game-card__meta h2 {
  color: #211a37;
}

html[data-site-theme="white"] .game-card__info {
  color: #fff;
  border-color: #6031dd;
  background: linear-gradient(135deg, #7b52f5, #4f1edc);
}

html[data-site-theme="white"] .game-skeleton {
  background: rgba(78, 56, 145, .10);
}

html[data-site-theme="white"] .game-skeleton::after {
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .78), transparent);
}

@media (max-width: 1199.98px) {
  .site-theme-picker span {
    display: none;
  }

  .site-theme-picker {
    padding-left: 5rem;
  }

  .site-theme-picker select {
    max-width: 106rem;
    padding-left: 8rem;
    font-size: 11rem;
  }

  html[data-site-theme="white"] .home .hero__inner {
    min-height: 620rem;
    background-position: left center, right center, center;
  }

  html[data-site-theme="white"] .home .hero__content {
    width: min(640rem, 62%);
  }

  html[data-site-theme="white"] .about-hero__content,
  html[data-site-theme="white"] .bonuses-hero__content,
  html[data-site-theme="white"] .jackpots-hero__content,
  html[data-site-theme="white"] .api-hero__content,
  html[data-site-theme="white"] .math-hero__content {
    width: min(640rem, 62%);
  }
}

@media (max-width: 609.98px) {
  .site-theme-picker {
    position: fixed;
    right: 10rem;
    bottom: 14rem;
    z-index: 330;
    height: 38rem;
    box-shadow: 0 12rem 36rem rgba(0, 0, 0, .24);
  }

  html[data-site-theme="white"] .site-header {
    margin: 6rem;
    border-radius: 17rem;
  }

  html[data-site-theme="white"] .meeting-hero__inner {
    min-height: 560rem;
    align-content: end;
    padding: 270rem 20rem 24rem;
    background:
      linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, .94) 52%, rgba(255, 255, 255, .05) 100%),
      url("../img/themes/white-hero.jpg") 64% top / auto 350rem no-repeat,
      #fff;
  }

  html[data-site-theme="white"] .meeting-hero__content {
    width: 100%;
  }

  html[data-site-theme="white"] .home .hero__inner {
    min-height: 490rem;
    justify-content: flex-end;
    padding: 200rem 22rem 28rem;
    background:
      linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, .92) 52%, rgba(255, 255, 255, .06) 100%),
      url("../img/themes/white-hero.jpg") 68% top / auto 320rem no-repeat,
      #fff;
  }

  html[data-site-theme="white"] .home .hero__content {
    width: 100%;
  }

  html[data-site-theme="white"] .about-hero__inner,
  html[data-site-theme="white"] .bonuses-hero__inner,
  html[data-site-theme="white"] .jackpots-hero__inner,
  html[data-site-theme="white"] .api-hero__inner,
  html[data-site-theme="white"] .math-hero__inner {
    min-height: 720rem;
    align-items: flex-end;
    padding: 330rem 22rem 30rem;
    border-radius: 20rem;
    background:
      linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, .96) 55%, rgba(255, 255, 255, .08) 100%),
      url("../img/themes/white-hero.jpg") 68% top / auto 460rem no-repeat,
      #fff;
  }

  html[data-site-theme="white"] .about-hero__content,
  html[data-site-theme="white"] .bonuses-hero__content,
  html[data-site-theme="white"] .jackpots-hero__content,
  html[data-site-theme="white"] .api-hero__content,
  html[data-site-theme="white"] .math-hero__content {
    width: 100%;
  }

  html[data-site-theme="white"] .api-access-card {
    display: none;
  }

  html[data-site-theme="white"] .home .hero__title {
    font-size: 48rem;
  }

  html[data-site-theme="white"] .home .cta__inner {
    min-height: 560rem;
    justify-content: flex-end;
    padding: 300rem 24rem 32rem;
    background:
      linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, .90) 58%, rgba(255, 255, 255, .08)),
      url("../img/themes/white-hero.jpg") 68% top / auto 360rem no-repeat,
      #fff;
  }
}

html[data-site-theme="reelgate"] .bonuses-hero {
  padding-top: 30rem;
}

html[data-site-theme="reelgate"] .bonuses-hero__inner {
  position: relative;
  min-height: 610rem;
  overflow: hidden;
  align-items: center;
  padding: clamp(34rem, 5vw, 70rem);
  border: 1rem solid rgba(71, 147, 255, .26);
  border-radius: 24rem;
  background:
    linear-gradient(90deg, rgba(1, 11, 31, .99) 0%, rgba(2, 18, 49, .94) 39%, rgba(2, 18, 49, .34) 58%, rgba(2, 18, 49, .05) 78%),
    url("../img/hero.png") right top / 58% auto no-repeat,
    #020d22;
  box-shadow:
    0 28rem 90rem rgba(0, 5, 24, .46),
    inset 0 1rem rgba(125, 201, 255, .12);
}

html[data-site-theme="reelgate"] .bonuses-hero__inner > div:first-child {
  position: relative;
  z-index: 2;
  max-width: 690rem;
}

html[data-site-theme="reelgate"] .bonuses-hero__title {
  max-width: 680rem;
  font-size: clamp(48rem, 5.2vw, 78rem);
  line-height: 1;
  letter-spacing: -.035em;
  text-shadow: 0 5rem 30rem rgba(0, 4, 24, .78);
}

html[data-site-theme="reelgate"] .bonuses-hero__text {
  max-width: 610rem;
  color: rgba(222, 237, 255, .74);
  text-shadow: 0 2rem 14rem rgba(0, 4, 24, .88);
}

html[data-site-theme="reelgate"] .bonus-card {
  border-color: rgba(73, 154, 255, .22);
  background:
    radial-gradient(circle at 92% 8%, rgba(113, 89, 255, .18), transparent 34%),
    linear-gradient(145deg, rgba(17, 49, 84, .92), rgba(7, 17, 40, .96));
  box-shadow: 0 18rem 54rem rgba(0, 6, 28, .24);
}

@media (min-width: 1200px) {
  html[data-site-theme="reelgate"] .bonuses-visual,
  html[data-site-theme="red"] .bonuses-visual {
    position: absolute;
    right: clamp(22px, 1.5vw, 40px);
    bottom: clamp(20px, 1.4vw, 36px);
    z-index: 3;
    width: clamp(420px, 24vw, 560px);
    gap: 12px;
    padding: clamp(16px, 1vw, 24px);
    border-radius: 18px;
    backdrop-filter: blur(16px);
  }

  html[data-site-theme="reelgate"] .bonuses-visual {
    border-color: rgba(86, 169, 255, .38);
    background: rgba(3, 15, 42, .86);
    box-shadow: 0 18px 54px rgba(0, 5, 24, .58);
  }

  html[data-site-theme="red"] .bonuses-hero__inner {
    min-height: 610rem;
    background:
      linear-gradient(90deg, rgba(42, 0, 0, .99) 0%, rgba(58, 1, 0, .87) 42%, rgba(58, 1, 0, .13) 66%),
      url("../img/themes/red/lucky-cat.jpg") right top / 48% auto no-repeat,
      #4b0301;
  }

  html[data-site-theme="red"] .bonuses-visual {
    border-color: rgba(255, 210, 105, .42);
    background: rgba(54, 2, 1, .84);
    box-shadow: 0 18px 54px rgba(29, 0, 0, .52);
  }

  html[data-site-theme="reelgate"] .bonuses-toc,
  html[data-site-theme="red"] .bonuses-toc {
    display: none;
  }

  html[data-site-theme="reelgate"] .bonuses-visual__grid a,
  html[data-site-theme="red"] .bonuses-visual__grid a {
    min-height: 44px;
    padding: 10px 12px;
    font-size: clamp(12px, .72vw, 16px);
  }
}

@media (max-width: 609.98px) {
  html[data-site-theme="reelgate"] .bonuses-hero__inner {
    min-height: 760rem;
    align-content: end;
    padding: 330rem 20rem 24rem;
    background:
      linear-gradient(0deg, rgba(1, 10, 29, .99) 0%, rgba(2, 15, 42, .84) 58%, rgba(2, 15, 42, .04) 100%),
      url("../img/hero.png") 64% top / auto 390rem no-repeat,
      #020d22;
  }

  html[data-site-theme="reelgate"] .bonuses-hero__title {
    font-size: 44rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-site-theme] *,
  html[data-site-theme] *::before,
  html[data-site-theme] *::after {
    transition-duration: .01ms !important;
  }
}

/* i18n: keep CTA labels on one line (Spanish/others are longer than EN) */
.btn { white-space: nowrap; }
