@font-face {
  font-family: "KolbiSans";
  src:
    url("../fonts/KolbiSans-Medium.woff2") format("woff2"),
    url("../fonts/KolbiSans-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-main: "KolbiSans", Arial, sans-serif;
  --bg: #020902;
  --bg-soft: #071407;
  --green: #6eff3b;
  --green-deep: #3c8921;
  --green-link: #52ae32;
  --purple: #663378;
  --purple-dark: #542665;
  --orange: #ff7600;
  --white: #ffffff;
  --muted: #d6d6d6;
  --gray: #808080;
  --panel: #151515;
  --max-content: 1200px;
  --bs-btn-disabled-bg: var(--gray);
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: auto;
  overflow-anchor: none;
}

body {
  min-height: 100vh;
  margin: 0;
  background: #000;
  color: var(--white);
  font-family: var(--font-main);
  font-synthesis-weight: auto;
}

a {
  color: inherit;
  text-decoration: none;
}

.site-shell {
  position: relative;
  min-height: 100vh;
  overflow-x: clip;
  overflow-y: visible;
}

.site-shell::before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  pointer-events: none;
  height: 100%;
  min-height: 100vh;
  background-image: url("../img/bg_pc.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  content: "";
}

.site-particles {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  min-height: 100%;
  pointer-events: none;
  overflow: hidden;
}

.site-particle {
  position: absolute;
  width: var(--dot-size);
  height: var(--dot-size);
  border-radius: 50%;
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 0 8px rgba(255, 255, 255, .35);
  opacity: var(--dot-opacity);
  animation: dot-float var(--dot-duration) ease-in-out infinite alternate;
}

.site-particle[data-axis="x"] {
  --dot-x: var(--dot-distance);
  --dot-y: 0px;
}

.site-particle[data-axis="y"] {
  --dot-x: 0px;
  --dot-y: var(--dot-distance);
}

@keyframes dot-float {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(var(--dot-x), var(--dot-y), 0);
  }
}

.main-header,
.page-content,
.footer-nav {
  position: relative;
  z-index: 2;
}

.page-content:focus {
  outline: none;
}

.container-xl {
  max-width: var(--max-content);
}

.main-header,
.main-header .desktop-nav,
.main-header .mobile-topbar {
  position: relative;
  top: auto;
  inset: auto;
}

.main-header {
  z-index: 40;
}

.desktop-nav {
  min-height: 50px;
  padding: 0;
  background: linear-gradient(180deg, #6eff3b 0%, #4eae32 100%);
  color: #060606;
}

.desktop-nav.navbar {
  padding-top: 0;
  padding-bottom: 0;
}

.desktop-nav__inner {
  display: flex;
  min-height: 50px;
  align-items: center;
  gap: 1.5rem;
}

.brand-mark {
  display: flex;
  width: 154px;
  height: 50px;
  margin: 0;
  align-items: center;
  justify-content: center;
  background: #15411d;
}

.brand-mark img {
  display: block;
  width: 95px;
  height: auto;
}

.brand-mini {
  display: none;
}

.desktop-nav .navbar-nav {
  flex: 1;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: .4rem;
}

.desktop-nav .nav-item--profile {
  margin-left: auto;
  padding-left: 2rem;
}

.desktop-nav .nav-link {
  position: relative;
  display: inline-flex;
  min-height: 50px;
  align-items: center;
  gap: .45rem;
  color: #050505;
  font-size: .94rem;
  font-weight: 500;
  padding: .35rem .7rem;
}

.desktop-nav .nav-icon {
  width: 23px;
  height: 23px;
  object-fit: contain;
}

.desktop-nav .nav-link i {
  color: var(--white);
  font-size: 1.55rem;
  line-height: 1;
}

.desktop-nav .nav-link::after {
  position: absolute;
  left: 12%;
  right: 12%;
  bottom: 0;
  height: 9px;
  border-radius: 15px;
  background: var(--purple);
  box-shadow: 0 0 5.4px 2px #6eff3b;
  content: "";
  opacity: 0;
  transform: scaleX(.5);
  transition: opacity .2s ease, transform .2s ease;
}

.desktop-nav .nav-link.active::after,
.desktop-nav .nav-link:hover::after {
  opacity: 1;
  transform: scaleX(1);
}

.mobile-topbar {
  display: none;
}

.section-band {
  position: relative;
  isolation: isolate;
}

.hero-section {
  min-height: 420px;
  display: flex;
  align-items: center;
  padding: 54px 0 46px;
  background: transparent;
}

.hero-grid {
  display: grid;
  grid-template-columns: minmax(250px, .9fr) minmax(320px, 1.25fr) minmax(180px, .48fr);
  align-items: center;
  gap: clamp(1rem, 2.3vw, 2rem);
}

.hero-copy h1,
.inner-page h1 {
  max-width: 520px;
  margin: 0 0 .55rem;
  color: var(--white);
  font-size: clamp(2.4rem, 4.6vw, 4.1rem);
  font-weight: 800;
  line-height: .95;
}

.hero-copy {
  text-align: center;
}

.hero-copy h1 {
  max-width: none;
  margin: 0 auto .2rem;
  font-size: clamp(3.1rem, 5.8vw, 5.1rem);
  line-height: .92;
}

.hero-copy h1 span {
  display: block;
  color: var(--white);
  font-size: .52em;
  line-height: 1.05;
}

.hero-copy > p {
  margin: 0 auto;
  font-size: clamp(1.05rem, 1.8vw, 1.5rem);
  font-weight: 800;
  line-height: 1.15;
}

.prizes-copy h2 span,
.inner-page h1 span {
  color: var(--green);
}

.hero-copy p,
.promo-copy p,
.prizes-copy p,
.inner-page p {
  color: var(--white);
  font-size: clamp(.95rem, 1.3vw, 1.2rem);
  line-height: 1.45;
}

.hero-actions {
  display: flex;
  flex-wrap: nowrap;
  gap: 1.1rem;
  margin-top: 1.6rem;
}

.btn {
  --bs-btn-border-radius: 40px;
  min-width: 215px;
  min-height: 60px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-width: 0;
  font-size: 1.25rem;
  font-weight: 800;
  white-space: nowrap;
}

.btn-neon-purple {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--purple);
  --bs-btn-border-color: var(--purple);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #7a3d8f;
  --bs-btn-hover-border-color: #7a3d8f;
  background-image: linear-gradient(180deg, #663378 0%, #542665 100%);
  box-shadow: none;
}

.btn-neon-green {
  --bs-btn-color: #070707;
  --bs-btn-bg: var(--green);
  --bs-btn-border-color: var(--green);
  --bs-btn-hover-color: #050505;
  --bs-btn-hover-bg: #78ff53;
  --bs-btn-hover-border-color: #78ff53;
  background-image: linear-gradient(180deg, #6eff3b 28%, #3c8921 100%);
  box-shadow: none;
}

.btn-outline-neon,
.btn-outline-white {
  --bs-btn-color: #fff;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #fff;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: transparent;
  --bs-btn-hover-border-color: #fff;
  border-width: 2px;
  background-image: none;
}

.media-slot {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 220px;
  color: rgba(255, 255, 255, .9);
  text-align: center;
  font-weight: 800;
  text-transform: uppercase;
  /* background:
    linear-gradient(145deg, rgba(92, 255, 44, .2), rgba(183, 36, 229, .16)),
    #070707;
  border: 1px solid rgba(92, 255, 44, .22);
  box-shadow: 0 0 35px rgba(92, 255, 44, .12), inset 0 0 24px rgba(255, 255, 255, .04); */
}

.image-slot img {
  display: block;
}

.image-slot .image-fallback {
  display: none;
}

.image-slot.is-missing img {
  display: none;
}

.row-float.is-missing {
  display: none;
}

.image-slot.is-missing .image-fallback {
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo-slot {
  min-height: 330px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 44% 56% 46% 54% / 48% 40% 60% 52%;
  color: var(--green);
  font-size: clamp(2rem, 4.7vw, 5rem);
  line-height: .95;
  text-align: center;
  transform: rotate(-3deg);
}

.hero-logo-img {
  width: min(100%, 530px);
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 0 22px rgba(92, 255, 44, .35));
}

.hero-visual {
  position: relative;
  min-height: 360px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-visual__art,
.hero-visual__prizes {
  width: 100%;
}

.hero-visual__car {
  width: min(100%, 620px);
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 12px 28px rgba(0, 0, 0, .45));
}

.hero-visual__prizes {
  position: absolute;
  left: 8%;
  right: 8%;
  bottom: 4%;
  display: flex;
  justify-content: center;
  pointer-events: none;
}

.hero-visual__prizes img {
  width: min(100%, 420px);
  height: auto;
}

.ranking-card {
  min-height: 276px;
  padding: 1.1rem 1rem 1.2rem;
  border: 1px solid var(--orange);
  border-radius: 22px;
  background: #161616;
  box-shadow: 0 0 10.5px 2px #e46b02;
}

.ranking-card p {
  margin: 0 0 .4rem;
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.2;
}

.ranking-card strong {
  display: block;
  margin-top: .35rem;
  font-size: clamp(2.2rem, 3vw, 2.5rem);
  line-height: 1;
}

.ranking-card a {
  color: var(--green-link);
  font-size: 1.25rem;
  font-weight: 500;
}

.hero-ranking {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: .7rem;
}

.home-prize-alert {
  display: flex;
  align-items: flex-start;
  gap: .45rem;
  width: 100%;
  max-width: 220px;
  margin: 0 auto;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.home-prize-alert__copy {
  flex: 1 1 auto;
  min-width: 0;
  color: var(--white);
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.3;
}

.home-prize-alert__link {
  color: #e46b02;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.home-prize-alert__bell {
  flex: 0 0 auto;
  display: block;
  transform-origin: 50% 12%;
  animation: home-bell-sway 4.8s ease-in-out infinite;
}

.home-prize-alert__bell img {
  display: block;
}

@keyframes home-bell-sway {
  0%,
  14%,
  100% {
    transform: rotate(0deg);
  }

  2% {
    transform: rotate(16deg);
  }

  4% {
    transform: rotate(-14deg);
  }

  6% {
    transform: rotate(10deg);
  }

  8% {
    transform: rotate(-7deg);
  }

  10% {
    transform: rotate(4deg);
  }

  12% {
    transform: rotate(-2deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-prize-alert__bell {
    animation: none;
  }
}

.coin-token {
  width: 132px;
  height: 123px;
  display: grid;
  place-items: center;
  margin-inline: auto;
  overflow: visible;
  background: none;
  box-shadow: none;
  border-radius: 0;
}

.coin-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.play-section,
.versus-section,
.prizes-section,
.footer-nav,
.inner-page {
  padding: clamp(2.4rem, 5vw, 5rem) 0;
  background: transparent;
}

.promo-card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(280px, .95fr) minmax(280px, 1fr);
  align-items: center;
  gap: clamp(1rem, 3vw, 2rem);
  min-height: 312px;
  padding: clamp(1.4rem, 4vw, 2.4rem) clamp(1.4rem, 4vw, 3rem);
  border-radius: 22px;
}

.row-float--diamond-play {
  --float-pc-top: -8%;
  --float-pc-left: -4%;
  --float-mobile-top: 4%;
  --float-mobile-left: 78%;
  --float-x: 0px;
  --float-y: 10px;
  --float-width: 96px;
  --float-mobile-width: 70px;
  --float-duration: 6.4s;
}

.row-float {
  --float-anchor-x: 0px;
  --float-anchor-y: 0px;
  --float-x: 0px;
  --float-y: 10px;
  --float-duration: 5.5s;
  --float-width: 92px;
  position: absolute;
  top: var(--float-pc-top);
  left: var(--float-pc-left);
  z-index: 4;
  width: var(--float-width);
  pointer-events: none;
  animation: soft-float var(--float-duration) ease-in-out infinite alternate;
}

.row-float img {
  width: 100%;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 0 18px rgba(0, 0, 0, .52));
}

.row-float--coin {
  --float-pc-top: -20%;
  --float-pc-left: 82%;
  --float-mobile-top: 88%;
  --float-mobile-left: 5%;
  --float-x: 8px;
  --float-y: 0px;
  --float-width: 160px;
  --float-mobile-width: 100px;
}

.row-float--cup {
  --float-pc-top: -26%;
  --float-pc-left: 86%;
  --float-mobile-top: 86%;
  --float-mobile-left: 76%;
  --float-x: 0px;
  --float-y: 12px;
  --float-width: 140px;
  --float-mobile-width: 100px;
  --float-duration: 6.2s;
}

.row-float--diamonds {
  --float-pc-top: 76%;
  --float-pc-left: 2%;
  --float-mobile-top: 84%;
  --float-mobile-left: 50%;
  --float-x: 10px;
  --float-y: 0px;
  --float-width: 140px;
  --float-mobile-width: 94px;
  --float-duration: 5.8s;
}

@keyframes soft-float {
  from {
    transform: translate3d(var(--float-anchor-x), var(--float-anchor-y), 0);
  }

  to {
    transform: translate3d(calc(var(--float-anchor-x) + var(--float-x)), calc(var(--float-anchor-y) + var(--float-y)), 0);
  }
}

.promo-card--orange {
  background: linear-gradient(180deg, #ff7600 53%, #c05f0b 100%);
  border: 6px solid #ff7a08;
  box-shadow: 0 0 23.4px 4px #e46b02;
}

.promo-card--purple {
  background: linear-gradient(180deg, #c62afd 0%, #663378 100%);
  border: 1px solid #663378;
  box-shadow: 0 0 16px 6px #ca00ff;
}

.promo-visual {
  min-height: 300px;
  margin: -5.5rem 0 -3.5rem -3rem;
  border-radius: 28px;
  font-size: clamp(2.4rem, 6vw, 6rem);
  line-height: .85;
  text-transform: none;
  overflow: visible;
}

.row-art-img {
  width: 100%;
  height: auto;
  max-height: 390px;
  object-fit: contain;
  filter: drop-shadow(0 0 20px rgba(0, 0, 0, .55));
}

.row-art-img--juga,
.row-art-img--multi {
  transform: scale(1.2);
  transform-origin: center;
}

.row-art-img--player {
  max-height: 470px;
  align-self: end;
}

.promo-copy h2 {
  margin: 0 0 .65rem;
  color: var(--white);
  font-size: clamp(2rem, 3vw, 2.25rem);
  font-weight: 800;
  line-height: 1.08;
}

.promo-wordmark {
  margin: 0 0 .4rem;
  color: var(--white);
  line-height: .85;
}

.promo-wordmark__play {
  display: block;
  font-size: clamp(4.4rem, 8vw, 8rem);
  font-weight: 800;
  letter-spacing: -2px;
}

.promo-wordmark__sub {
  display: block;
  margin-top: .1rem;
  font-size: clamp(1.8rem, 3vw, 2.5rem);
  font-weight: 800;
}

.promo-wordmark__sub em {
  font-style: normal;
  color: var(--green);
}

.promo-copy h3 {
  margin: 0 0 .55rem;
  color: var(--white);
  font-size: clamp(1.7rem, 2.4vw, 2.25rem);
  font-weight: 800;
}

.promo-card--purple .promo-copy h2 {
  color: var(--green);
}

.promo-copy p {
  max-width: 360px;
  margin: 0 0 1.35rem;
  color: #050505;
  font-weight: 400;
}

.promo-card--purple .promo-copy p {
  color: #fff8f8;
}

.prizes-section {
  overflow: hidden;
}

.prizes-grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(360px, 1fr);
  align-items: center;
  gap: clamp(2rem, 6vw, 2rem);
}

.prizes-copy h2 {
  margin: 0 0 .7rem;
  color: var(--white);
  font-size: clamp(2.6rem, 4vw, 4rem);
  font-weight: 800;
  line-height: 1.05;
}

.prizes-copy h2 span {
  display: inline;
  color: var(--green);
}

.prizes-copy .btn {
  margin-top: 1.4rem;
}

.winner-slot {
  min-height: 390px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 42% 58% 0 0 / 52% 48% 0 0;
  align-self: end;
}

.footer-nav {
  padding-top: 1rem;
  padding-bottom: 0;
}

.footer-menu {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  overflow: hidden;
  border-radius: 10px;
  background: linear-gradient(180deg, #663378, #542665);
  box-shadow: 0 0 10px 3px #663378, inset 0 0 0 1px #663378;
}

.footer-menu a {
  display: flex;
  min-height: 107px;
  align-items: center;
  justify-content: center;
  gap: .85rem;
  border-right: 1px solid rgba(0, 0, 0, .55);
  color: var(--white);
  font-size: 1.5rem;
  font-weight: 800;
}

.footer-menu a:last-child {
  border-right: 0;
}

.footer-menu img {
  width: 46px;
  height: 46px;
  object-fit: contain;
}

.footer-menu i {
  color: var(--green-deep);
  font-size: 2.9rem;
}

.footer-menu .footer-menu__mobile {
  display: none;
}

.footer-legal {
  display: grid;
  justify-items: center;
  gap: 1.05rem;
  padding: 2.4rem 0 1.8rem;
  text-align: center;
}

.footer-rules {
  min-width: 215px;
  min-height: 60px;
}

.footer-social-title {
  margin: .4rem 0 0;
  font-size: 1.5rem;
  font-weight: 500;
}

.footer-social {
  width: min(100%, 417px);
  height: auto;
}

.footer-copy,
.footer-mail {
  margin: 0;
  max-width: 796px;
  color: var(--white);
  font-size: 1rem;
  line-height: 1.45;
}

.footer-copy a,
.footer-mail a {
  color: #52bf0b;
}

.footer-brandbar {
  display: flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  background: #15411d;
}

.footer-brandbar__icon {
  width: 25px;
  height: 23px;
  object-fit: contain;
}

.footer-brandbar__wordmark {
  width: 95px;
  height: auto;
}

.mobile-menu {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 80;
  pointer-events: none;
  visibility: hidden;
}

.mobile-menu.is-open {
  pointer-events: auto;
  visibility: visible;
}

.mobile-menu__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 0, 19, .78);
  opacity: 0;
  backdrop-filter: blur(7px);
  transition: opacity .22s ease;
}

.mobile-menu.is-open .mobile-menu__backdrop {
  opacity: 1;
}

.mobile-menu__panel {
  position: absolute;
  top: 0;
  right: 0;
  width: 100vw;
  height: 100%;
  padding: 1rem 1.15rem 2rem;
  overflow-y: hidden;
  background: #040404;
  box-shadow: none;
  transform: translateX(100%);
  transition: transform .26s ease;
}

.mobile-menu.is-open .mobile-menu__panel {
  overflow-y: auto;
  transform: translateX(0);
}

.mobile-menu__close {
  position: absolute;
  top: 1.1rem;
  right: 1.1rem;
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border: 0;
  background: transparent;
}

.mobile-menu__close span {
  position: absolute;
  width: 28px;
  height: 5px;
  border-radius: 8px;
  background: var(--purple);
}

.mobile-menu__close span:first-child {
  transform: rotate(45deg);
}

.mobile-menu__close span:last-child {
  transform: rotate(-45deg);
}

.mobile-menu__brand {
  display: flex;
  width: 154px;
  height: 50px;
  margin: 0 0 1rem;
  align-items: center;
  justify-content: center;
  background: #15411d;
}

.mobile-menu__brand img {
  display: block;
  width: 95px;
  height: auto;
  object-fit: contain;
  filter: none;
}

.mobile-menu__hero {
  position: relative;
  width: min(100%, 360px);
  margin: 0 auto 1.4rem;
}

.mobile-menu__car,
.mobile-menu__prizes {
  display: block;
  width: 100%;
  height: auto;
}

.mobile-menu__prizes {
  position: absolute;
  left: 4%;
  right: 4%;
  bottom: 2%;
}

.mobile-menu__nav {
  display: grid;
  gap: 1.1rem;
  width: min(100%, 252px);
  margin: 0 auto;
}

.mobile-menu__nav a {
  display: flex;
  min-height: 63px;
  align-items: center;
  justify-content: center;
  gap: .7rem;
  padding: .4rem 1rem;
  border-radius: 10px;
  border: 1px solid #663378;
  background: linear-gradient(180deg, #663378, #542665);
  color: var(--white);
  font-size: 1.5rem;
  font-weight: 800;
  box-shadow: 0 0 10px 3px #663378;
}

.mobile-menu__nav img {
  width: 34px;
  height: 34px;
  object-fit: contain;
}

.mobile-menu__nav i {
  justify-self: center;
  color: var(--white);
  font-size: 2.7rem;
}

body.menu-open {
  overflow: hidden;
}

.inner-page {
  min-height: calc(100vh - 58px);
}

.inner-layout {
  display: grid;
  grid-template-columns: minmax(280px, .75fr) minmax(320px, 1fr);
  align-items: start;
  gap: clamp(2rem, 5vw, 4rem);
}

.eyebrow {
  margin: 0 0 .6rem;
  color: var(--orange);
  font-weight: 800;
  text-transform: uppercase;
}

.inner-panel {
  padding: clamp(1rem, 3vw, 2rem);
  border: 1px solid rgba(92, 255, 44, .2);
  border-radius: 16px;
  background: rgba(16, 16, 16, .82);
  box-shadow: 0 0 24px rgba(92, 255, 44, .12);
}

.placeholder-tile {
  min-height: 170px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(92, 255, 44, .24), rgba(113, 53, 138, .5));
  color: var(--white);
  font-weight: 800;
}

.ranking-row {
  display: grid;
  grid-template-columns: 54px 1fr auto;
  gap: 1rem;
  align-items: center;
  padding: 1rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.ranking-row:last-child {
  border-bottom: 0;
}

.ranking-row span {
  color: var(--green);
  font-weight: 800;
}

.ranking-row em {
  color: var(--muted);
  font-style: normal;
}

.accordion {
  --bs-accordion-color: #fff;
  --bs-accordion-bg: transparent;
  --bs-accordion-border-color: rgba(92, 255, 44, .2);
  --bs-accordion-btn-color: #fff;
  --bs-accordion-btn-bg: rgba(113, 53, 138, .45);
  --bs-accordion-active-color: #fff;
  --bs-accordion-active-bg: rgba(113, 53, 138, .7);
}

.games-page {
  padding: clamp(1.6rem, 4vw, 3.2rem) 0 clamp(2.8rem, 5vw, 5rem);
}

.games-page-title {
  margin: 0 0 clamp(1.2rem, 3vw, 2rem);
  color: var(--white);
  font-size: clamp(2rem, 3vw, 3.2rem);
  font-weight: 800;
  line-height: 1;
  text-align: center;
}

.games-hero-row {
  position: relative;
  display: grid;
  grid-template-columns: minmax(300px, .9fr) minmax(320px, 1fr);
  align-items: center;
  gap: clamp(1.2rem, 3vw, 2.4rem);
  margin-bottom: clamp(2rem, 5vw, 3.6rem);
}

.games-hero-art {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.games-hero-art img {
  width: min(100%, 520px);
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 0 22px rgba(0, 0, 0, .65));
}

.games-hero-copy {
  position: relative;
  z-index: 2;
}

.games-hero-copy h1,
.games-hero-copy h2 {
  margin: 0 0 .85rem;
  color: var(--white);
  font-size: clamp(3rem, 5.5vw, 4rem);
  font-weight: 800;
  line-height: 1;
}

.games-hero-copy h1 span,
.games-hero-copy h2 span {
  color: var(--green);
}

.games-hero-copy p {
  max-width: 370px;
  margin: 0 0 1.6rem;
  color: var(--white);
  font-size: .9rem;
  line-height: 1.4;
}

.games-level-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.games-level-actions .btn {
  min-width: 215px;
  min-height: 60px;
  font-size: 1.25rem;
}

.row-float--games-coin {
  --float-pc-top: -6%;
  --float-pc-left: -4%;
  --float-mobile-top: -8%;
  --float-mobile-left: -4%;
  --float-x: 8px;
  --float-y: 0px;
  --float-width: 128px;
  --float-mobile-width: 88px;
}

.row-float--games-coin-2 {
  --float-pc-top: 62%;
  --float-pc-left: 8%;
  --float-mobile-top: 68%;
  --float-mobile-left: 6%;
  --float-x: 0px;
  --float-y: 10px;
  --float-width: 150px;
  --float-mobile-width: 100px;
  --float-duration: 6.4s;
}

.row-float--games-diamond {
  --float-pc-top: -4%;
  --float-pc-left: 94%;
  --float-mobile-top: 2%;
  --float-mobile-left: 84%;
  --float-x: 0px;
  --float-y: 10px;
  --float-width: 72px;
  --float-mobile-width: 58px;
}

.games-ranking-card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(320px, 1.25fr) minmax(280px, .85fr);
  align-items: center;
  max-width: 920px;
  min-height: 230px;
  margin: 0 auto clamp(2rem, 5vw, 4rem);
  padding: clamp(1.5rem, 4vw, 3rem);
  border: 2px solid var(--orange);
  border-radius: 22px;
  background: rgba(21, 21, 21, .96);
  box-shadow: 0 0 20px rgba(255, 121, 0, .8);
}

.games-position {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: var(--green);
  font-size: clamp(1.65rem, 3vw, 3rem);
  font-weight: 800;
}

.games-position i {
  color: var(--orange);
  font-size: clamp(2.2rem, 3.4vw, 3.6rem);
}

.games-top {
  padding-left: clamp(1.5rem, 4vw, 3rem);
  border-left: 2px solid rgba(255, 255, 255, .45);
}

.games-top h2 {
  margin: 0 0 1rem;
  color: var(--white);
  font-size: clamp(2rem, 3vw, 3.35rem);
  font-weight: 800;
  line-height: 1;
}

.games-top table {
  width: min(100%, 260px);
  color: var(--white);
  font-size: 1rem;
}

.games-top th,
.games-top td {
  padding: .08rem .4rem .08rem 0;
  font-weight: 500;
}

.games-top th {
  font-weight: 800;
}

.row-float--games-cup {
  --float-pc-top: -34%;
  --float-pc-left: 86%;
  --float-mobile-top: -17%;
  --float-mobile-left: 78%;
  --float-x: 0px;
  --float-y: 12px;
  --float-width: 135px;
  --float-mobile-width: 96px;
  --float-duration: 6s;
}

.games-multiplayer-row {
  display: grid;
  grid-template-columns: minmax(320px, .95fr) minmax(320px, 1fr);
  align-items: center;
  gap: clamp(1.5rem, 5vw, 5rem);
  max-width: 950px;
  margin: 0 auto;
}

.games-multiplayer-art img {
  width: min(100%, 450px);
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 0 20px rgba(188, 40, 235, .35));
}

.games-multiplayer-copy {
  display: grid;
  grid-template-columns: minmax(240px, 1fr) auto;
  align-items: center;
  gap: 1.8rem;
}

.games-multiplayer-copy h2 {
  grid-column: 1 / -1;
  margin: 0;
  color: var(--green);
  font-size: clamp(2.1rem, 3.2vw, 3.35rem);
  font-weight: 800;
  line-height: 1.1;
}

.games-multiplayer-copy p {
  margin: 0;
  color: var(--white);
  font-size: clamp(1.1rem, 1.6vw, 1.35rem);
  line-height: 1.35;
}

.games-multiplayer-copy .btn {
  min-width: 215px;
  min-height: 60px;
}

.help-page {
  padding: clamp(2.4rem, 5vw, 4rem) 0 clamp(3.2rem, 6vw, 4.8rem);
}

.help-header {
  position: relative;
  max-width: 860px;
  margin: 0 auto clamp(2.2rem, 4vw, 3.2rem);
  text-align: center;
}

.help-header h1 {
  margin: 0 0 .55rem;
  color: var(--white);
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.15;
}

.help-header h1 span {
  color: var(--green);
}

.help-rules-link {
  color: var(--white);
  font-size: 1.5rem;
  font-weight: 400;
}

.help-rules-link:hover {
  color: var(--green);
}

.help-accordion-wrap {
  position: relative;
  max-width: 857px;
  margin: 0 auto clamp(3rem, 5vw, 4rem);
}

.help-accordion {
  overflow: hidden;
  border-radius: 13px;
  background: var(--panel);
}

.help-accordion .accordion-item {
  border: 0;
  background: transparent;
}

.help-accordion .accordion-item:last-child {
  border-bottom: 0;
}

.help-accordion .accordion-button {
  position: relative;
  justify-content: center;
  min-height: 59px;
  padding: .95rem 3.6rem;
  border-radius: 0;
  background: var(--purple);
  color: var(--white);
  font-size: .875rem;
  font-weight: 500;
  text-align: center;
  box-shadow: none;
}

.help-accordion .accordion-button:hover,
.help-accordion .accordion-button:focus,
.help-accordion .accordion-button:not(.collapsed) {
  background: var(--purple);
  color: var(--white);
  box-shadow: none;
}

.help-accordion .accordion-button::after {
  position: absolute;
  top: 50%;
  right: 1.35rem;
  width: 22px;
  height: 22px;
  margin: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236eff3b' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-size: 22px 22px;
  transform: translateY(-50%);
}

.help-accordion .accordion-button:not(.collapsed)::after {
  transform: translateY(-50%) rotate(180deg);
}

.help-accordion .accordion-header {
  border-bottom: 1px solid rgba(0, 0, 0, .45);
}

.help-accordion .accordion-body {
  padding: 2.1rem clamp(1.6rem, 6vw, 7.4rem) 2.2rem;
  background: var(--panel);
  color: var(--white);
  font-size: .875rem;
  line-height: 1.45;
  text-align: center;
}

.help-accordion .accordion-body p {
  margin: 0 0 1rem;
}

.help-accordion .accordion-body p:last-child,
.help-accordion .accordion-body ul:last-child,
.help-accordion .accordion-body .help-table-wrap:last-child {
  margin-bottom: 0;
}

.help-table-wrap {
  overflow-x: auto;
  width: 100%;
  max-width: none;
  margin: 0 0 1.2rem;
  text-align: left;
}

.help-table {
  width: 100%;
  border-collapse: collapse;
  color: var(--white);
}

.help-table th,
.help-table td {
  border: 1px solid var(--white);
  padding: .7rem .8rem;
  vertical-align: top;
  font-size: .8125rem;
  line-height: 1.4;
}

.help-table thead th {
  background: #7d4a90;
  background: color-mix(in srgb, var(--purple) 68%, white);
  color: var(--white);
  font-weight: 800;
  text-align: center;
}

.help-table tbody td:first-child {
  width: 8.5rem;
  white-space: nowrap;
  font-weight: 800;
  color: var(--green);
  text-align: center;
}

.help-accordion .accordion-body ul {
  display: inline-block;
  margin: 0 0 1rem;
  padding: 0;
  list-style: none;
  text-align: left;
}

.help-accordion .accordion-body li {
  margin: 0 0 .35rem;
  padding: 0;
  list-style: none;
}

.help-accordion .accordion-body li::before {
  content: "- ";
}

.row-float--help-rocket {
  --float-pc-top: -42%;
  --float-pc-left: 92%;
  --float-mobile-top: -130%;
  --float-mobile-left: 72%;
  --float-x: 0px;
  --float-y: 8px;
  --float-width: 168px;
  --float-mobile-width: 118px;
  --float-duration: 6s;
}

.row-float--help-rocket img {
  transform: rotate(17deg);
}

.row-float--help-blob {
  --float-pc-top: 18%;
  --float-pc-left: -18%;
  --float-mobile-top: -12%;
  --float-mobile-left: -52%;
  --float-x: 8px;
  --float-y: 0px;
  --float-width: 210px;
  --float-mobile-width: 150px;
  --float-duration: 6.4s;
}

.row-float--help-diamond {
  --float-pc-top: 8%;
  --float-pc-left: -13%;
  --float-mobile-top: 2%;
  --float-mobile-left: -18%;
  --float-x: 0px;
  --float-y: 10px;
  --float-width: 78px;
  --float-mobile-width: 58px;
  --float-duration: 5.6s;
}

.row-float--help-diamond img {
  transform: rotate(44deg);
}

.row-float--help-diamond-2 {
  --float-pc-top: -28%;
  --float-pc-left: 98%;
  --float-mobile-top: 88%;
  --float-mobile-left: 86%;
  --float-x: 0px;
  --float-y: 10px;
  --float-width: 72px;
  --float-mobile-width: 54px;
  --float-duration: 6.2s;
}

.row-float--help-diamond-2 img {
  transform: rotate(72deg);
}

.row-float--help-blob-2 {
  --float-pc-top: 78%;
  --float-pc-left: 78%;
  --float-mobile-top: 96%;
  --float-mobile-left: 58%;
  --float-x: 8px;
  --float-y: 0px;
  --float-width: 240px;
  --float-mobile-width: 170px;
  --float-duration: 7s;
}

.help-contact-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(260px, 1fr));
  gap: clamp(1.5rem, 3vw, 2.4rem);
  max-width: 857px;
  margin: 0 auto;
}

.help-contact-card {
  display: grid;
  grid-template-columns: 96px 1fr;
  align-items: center;
  column-gap: 1.1rem;
  min-height: 152px;
  padding: 1.4rem 1.6rem 1.4rem 1.8rem;
  border: 1px solid var(--orange);
  border-radius: 22px;
  background: var(--panel);
  color: var(--white);
  box-shadow: 0 0 10.5px 2px #e46b02;
}

.help-contact-card:hover {
  color: var(--white);
  border-color: #ff9a28;
}

.help-contact-card i {
  grid-row: 1 / span 2;
  color: var(--white);
  font-size: 3.6rem;
  line-height: 1;
}

.help-contact-card span {
  align-self: end;
  font-size: 1.25rem;
  line-height: 1.2;
}

.help-contact-card strong {
  align-self: start;
  color: var(--green);
  font-size: 2.25rem;
  font-weight: 800;
  line-height: 1.05;
}

.profile-page {
  padding: clamp(2.2rem, 4vw, 3.6rem) 0 clamp(4.4rem, 6vw, 6rem);
}

.profile-page-title {
  margin: 0 0 clamp(1.4rem, 3vw, 2.2rem);
  color: var(--white);
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.15;
  text-align: center;
}

.profile-summary {
  display: grid;
  grid-template-columns: auto minmax(280px, 1fr);
  align-items: center;
  justify-content: center;
  gap: clamp(1.4rem, 4vw, 3.2rem) clamp(1.8rem, 4vw, 3.6rem);
  max-width: 880px;
  margin: 0 auto 1.8rem;
}

.profile-avatar-wrap {
  position: relative;
  justify-self: center;
}

.profile-avatar {
  width: 183px;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 50%;
  background: #50515a;
  color: #b5b6bf;
}

.profile-avatar-img {
  display: none;
  width: 92%;
  height: 92%;
  object-fit: contain;
}

.profile-avatar.has-image {
  overflow: visible;
  background: transparent;
}

.profile-avatar.has-image .profile-avatar-img {
  display: block;
  filter: drop-shadow(0 0 18px rgba(92, 255, 44, .35));
}

.profile-avatar.has-image i {
  display: none;
}

.profile-avatar i {
  font-size: 8.6rem;
  line-height: 1;
  transform: translateY(10%);
}

.profile-edit {
  display: inline-grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 0;
  background: transparent;
  color: var(--orange);
  font-size: 1.7rem;
  line-height: 1;
}

.profile-edit--avatar {
  position: absolute;
  right: -1.6rem;
  bottom: .2rem;
}

.profile-avatar-picker {
  display: none;
  position: relative;
  width: 409px;
  max-width: 100%;
  min-height: 180px;
  padding: 1.55rem 1.7rem 1.15rem;
  border: 1px solid var(--orange);
  border-radius: 22px;
  background: var(--panel);
  box-shadow: 0 0 10.5px 2px #e46b02;
}

.profile-avatar-wrap.is-picking .profile-avatar,
.profile-avatar-wrap.is-picking .profile-edit--avatar {
  display: none;
}

.profile-avatar-wrap.is-picking .profile-avatar-picker {
  display: block;
}

.profile-avatar-picker__close {
  position: absolute;
  top: .55rem;
  right: .7rem;
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border: 0;
  background: transparent;
  color: var(--purple);
  font-size: 1.15rem;
}

.profile-avatar-options {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.1rem;
}

.profile-avatar-option {
  display: grid;
  gap: .55rem;
  justify-items: center;
  border: 0;
  background: transparent;
  color: var(--white);
  padding: 0;
}

.profile-avatar-option img {
  width: 95px;
  height: 95px;
  object-fit: contain;
}

.profile-avatar-check {
  display: grid;
  width: 22px;
  height: 22px;
  place-items: center;
  border: 2px solid var(--white);
  border-radius: 50%;
  color: transparent;
  font-size: 1.15rem;
  line-height: 1;
}

.profile-avatar-check i {
  display: none;
}

.profile-avatar-option.is-selected .profile-avatar-check {
  border-color: transparent;
  color: var(--green);
}

.profile-avatar-option.is-selected .profile-avatar-check i {
  display: block;
}

.profile-name-row {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.profile-name-row h2 {
  margin: 0;
  color: var(--white);
  font-size: 4rem;
  font-weight: 800;
  line-height: 1.05;
}

.profile-name-input {
  width: min(100%, 520px);
  min-height: 64px;
  border: 2px solid var(--orange);
  border-radius: 18px;
  background: rgba(21, 21, 21, .92);
  color: var(--white);
  font: inherit;
  font-size: 3.2rem;
  font-weight: 800;
  line-height: 1;
  padding: .2rem .7rem .35rem;
  outline: none;
  box-shadow: 0 0 14px rgba(255, 121, 0, .55);
}

.profile-name-input:focus {
  border-color: var(--green);
  box-shadow: 0 0 18px rgba(92, 255, 44, .55);
}

.profile-info p {
  margin: .85rem 0 .7rem;
  color: var(--green);
  font-size: 1.5rem;
  line-height: 1;
}

.profile-progress {
  width: min(100%, 322px);
  height: 16px;
  overflow: hidden;
  border-radius: 26px;
  background: #594e4e;
}

.profile-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--green);
  width: 0;
}

.profile-stats {
  display: flex;
  justify-content: center;
  gap: 0;
  max-width: 880px;
  margin: 0 auto clamp(1.6rem, 3vw, 2.4rem);
}

.profile-stats p {
  margin: 0;
  color: var(--white);
  font-size: 1.5rem;
}

.profile-stats p + p {
  padding-left: 2.4rem;
  margin-left: 2.4rem;
  border-left: 1px solid rgba(255, 255, 255, .55);
}

.profile-stats i {
  margin-right: .55rem;
  color: var(--green);
}

.profile-board-title {
  margin: 0 0 1.1rem;
  color: var(--white);
  font-size: 2.25rem;
  font-weight: 800;
  text-align: center;
}

.profile-board-title span {
  color: var(--green);
}

.profile-board-card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(280px, 1fr) 1px minmax(280px, 1fr);
  gap: clamp(1.6rem, 3vw, 3.2rem);
  align-items: start;
  max-width: 917px;
  min-height: 226px;
  margin: 0 auto;
  padding: 1.35rem clamp(1.8rem, 4vw, 4.2rem) 1.6rem;
  border: 1px solid var(--orange);
  border-radius: 22px;
  background: var(--panel);
  box-shadow: 0 0 10.5px 2px #e46b02;
}

.profile-board-divider {
  width: 1px;
  height: 100%;
  min-height: 165px;
  background: rgba(255, 255, 255, .45);
}

.profile-table-block h3 {
  margin: 0 0 .85rem;
  color: var(--white);
  font-size: 2.25rem;
  font-weight: 800;
  line-height: 1;
}

.profile-table-layout {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) 42px;
  align-items: stretch;
  gap: 1rem;
}

.profile-table-block table {
  width: 100%;
  color: var(--white);
  font-size: .875rem;
}

.profile-table-block th,
.profile-table-block td {
  padding: .08rem .5rem .08rem 0;
  font-weight: 500;
}

.profile-table-block th {
  font-weight: 800;
}

.profile-table-arrows {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: var(--green);
  font-size: 1.6rem;
}

.profile-table-scroll {
  min-width: 0;
}

.profile-table-block[data-ranking="global"] .profile-table-scroll {
  max-height: calc(1.32rem * 6);
  overflow: hidden;
}

.profile-table-block[data-ranking="global"] thead th {
  position: sticky;
  top: 0;
  background: var(--panel);
  z-index: 1;
}

.profile-table-arrows button {
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  line-height: 1;
  cursor: pointer;
}

.profile-table-block[data-ranking="daily"] .profile-table-arrows {
  opacity: .55;
  pointer-events: none;
}

.row-float--profile-cup {
  --float-pc-top: -40%;
  --float-pc-left: 91%;
  --float-mobile-top: -14%;
  --float-mobile-left: 74%;
  --float-x: 0px;
  --float-y: 12px;
  --float-width: 168px;
  --float-mobile-width: 112px;
  --float-duration: 6s;
}

.row-float--profile-cup img {
  transform: rotate(-22deg);
}

.row-float--profile-diamond {
  --float-pc-top: 2%;
  --float-pc-left: 86%;
  --float-mobile-top: 2%;
  --float-mobile-left: 84%;
  --float-x: 0px;
  --float-y: 10px;
  --float-width: 72px;
  --float-mobile-width: 0;
  --float-duration: 5.6s;
}

.row-float--profile-diamond img {
  transform: rotate(44deg);
}

.row-float--profile-diamond-2 {
  --float-pc-top: 62%;
  --float-pc-left: -8%;
  --float-mobile-top: 88%;
  --float-mobile-left: -12%;
  --float-x: 0px;
  --float-y: 10px;
  --float-width: 78px;
  --float-mobile-width: 54px;
  --float-duration: 6.2s;
}

.row-float--profile-diamond-2 img {
  transform: rotate(72deg);
}

.row-float--profile-blob {
  --float-pc-top: 18%;
  --float-pc-left: -8%;
  --float-mobile-top: 38%;
  --float-mobile-left: -48%;
  --float-x: 8px;
  --float-y: 0px;
  --float-width: 210px;
  --float-mobile-width: 140px;
  --float-duration: 6.4s;
}

.row-float--profile-blob-2 {
  --float-pc-top: 72%;
  --float-pc-left: 78%;
  --float-mobile-top: 92%;
  --float-mobile-left: 58%;
  --float-x: 8px;
  --float-y: 0px;
  --float-width: 240px;
  --float-mobile-width: 170px;
  --float-duration: 7s;
}

.row-float--profile-blob,
.row-float--profile-blob-2 {
  z-index: 0;
}

.premios-page {
  position: relative;
  padding: clamp(4rem, 6vw, 5.4rem) 0 clamp(5rem, 8vw, 7rem);
}

.premios-page > .container-xl {
  position: relative;
}

.premios-hero {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(240px, 1.05fr) minmax(360px, 480px);
  align-items: center;
  gap: clamp(1.2rem, 2.6vw, 2.2rem);
  max-width: 1240px;
  margin: 0 auto clamp(2.4rem, 4vw, 3.6rem);
  position: relative;
}

.premios-hero__intro {
  display: grid;
  justify-items: center;
  align-content: center;
  gap: .55rem;
}

.premios-hero .hero-copy {
  position: static;
  width: 100%;
}

.premios-hero .hero-copy h1 {
  max-width: none;
  font-size: clamp(2.4rem, 4vw, 3.4rem);
}

.premios-hero .hero-visual {
  position: relative;
  min-height: 0;
}

.premios-hero .hero-visual__car--desktop {
  display: block;
  width: min(100%, 448px);
  margin: 0 auto;
}

.premios-hero .hero-visual__car--mobile {
  display: none;
}

.premios-hero .hero-visual__prizes {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  width: min(100%, 340px);
  justify-content: center;
}

.premios-hero .hero-visual__prizes img {
  width: 100%;
}

.premios-ranking-card {
  display: grid;
  grid-template-columns: minmax(160px, .85fr) 1px minmax(200px, 1fr);
  align-items: center;
  min-height: 225px;
  padding: clamp(1.4rem, 2.4vw, 2rem) clamp(1.4rem, 3vw, 2.2rem);
  border: 2px solid var(--orange);
  border-radius: 22px;
  background: rgba(21, 21, 21, .96);
  box-shadow: 0 0 20px rgba(255, 121, 0, .8);
}

.premios-ranking-card--mobile {
  display: none;
}

.premios-ranking-label,
.premios-ranking-next span {
  display: block;
  color: var(--white);
  font-size: clamp(1rem, 1.4vw, 1.15rem);
  line-height: 1.15;
}

.premios-ranking-main strong {
  display: block;
  margin-top: .15rem;
  color: var(--green);
  font-size: clamp(4.2rem, 6.4vw, 6.4rem);
  font-weight: 800;
  line-height: .9;
}

.premios-ranking-divider {
  width: 1px;
  height: 120px;
  background: rgba(255, 255, 255, .5);
}

.premios-ranking-next {
  display: grid;
  grid-template-columns: 84px 1fr;
  align-items: center;
  gap: 1rem;
}

.premios-ranking-next img {
  width: 84px;
  height: 84px;
  object-fit: contain;
  filter: drop-shadow(0 0 18px rgba(188, 40, 235, .6));
}

.premios-ranking-next p {
  margin: 0;
  color: var(--white);
  font-size: clamp(1rem, 1.4vw, 1.15rem);
  font-weight: 400;
  line-height: 1.18;
}

.premios-ranking-next p span {
  display: inline;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.premios-ranking-next strong {
  display: inline;
  color: var(--green);
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.premios-ranking-next p.is-in-top5 {
  color: var(--white);
  font-size: clamp(1rem, 1.4vw, 1.15rem);
  font-weight: 400;
  line-height: 1.18;
}

.premios-week-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.2rem;
  width: min(100%, 860px);
  margin: 0 auto clamp(2.6rem, 5vw, 3.8rem);
  color: var(--white);
}

.premios-week-icon {
  width: clamp(42px, 5vw, 66px);
  height: auto;
  flex: 0 0 auto;
}

.premios-week-title h1 {
  margin: 0;
  font-size: clamp(2rem, 3.2vw, 2.25rem);
  font-weight: 500;
  line-height: 1.12;
}

.premios-week-title__mobile {
  display: none;
}

.premios-list {
  display: grid;
  gap: clamp(2.2rem, 5vw, 3.6rem);
  width: min(100%, 760px);
  margin: 0 auto clamp(4rem, 7vw, 5rem);
}

.premios-item {
  display: grid;
  grid-template-columns: 270px minmax(320px, 1fr);
  align-items: center;
  column-gap: 2.2rem;
}

.premios-art {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 210px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.premios-art.is-disabled,
.premios-art[disabled] {
  opacity: 1;
  cursor: pointer;
  filter: none;
}

.premios-art__blob,
.premios-art__item {
  grid-area: 1 / 1;
  height: auto;
  object-fit: contain;
}

.premios-art__blob {
  width: min(100%, 270px);
  mix-blend-mode: screen;
}

.premios-art__item {
  position: relative;
  z-index: 1;
  width: min(62%, 160px);
  margin-bottom: 18%;
}

.premios-art__item--plain {
  mix-blend-mode: normal;
}

.premios-art__item--wide {
  width: min(78%, 210px);
}

.premios-art__item--car {
  width: min(88%, 230px);
  margin-bottom: 10%;
  mix-blend-mode: normal;
}

.premios-card {
  position: relative;
  min-height: 170px;
  padding: 1.4rem 1.8rem 1.15rem;
  border: 2px solid var(--orange);
  border-radius: 18px;
  background: rgba(21, 21, 21, .96);
  box-shadow: 0 0 16px rgba(255, 121, 0, .8);
}

.premios-card h2 {
  margin: 0 0 .25rem;
  color: #52bf0b;
  font-size: clamp(1.7rem, 2.4vw, 2.1rem);
  font-weight: 800;
  line-height: 1;
}

.premios-card p {
  max-width: 320px;
  margin: 0 0 .9rem;
  color: var(--white);
  font-size: 1rem;
  line-height: 1.18;
}

.premios-card strong {
  display: block;
  margin-top: .95rem;
  color: var(--white);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.15;
}

.premios-progress {
  width: 100%;
  height: 14px;
  overflow: hidden;
  border-radius: 999px;
  background: #706365;
}

.premios-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--green);
}

.premios-share-btn {
  position: absolute;
  top: -17px;
  right: -18px;
  display: inline-flex;
  min-width: 138px;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  padding: .35rem .85rem;
  border: 1px solid var(--white);
  border-radius: 22px;
  background: #161616;
  color: var(--white);
  font-size: .88rem;
  font-weight: 500;
  line-height: 1;
  box-shadow: 0 0 10.5px 2px #e46b02;
}

.premios-share-btn:hover {
  background: #242424;
  color: var(--white);
}

.premios-share-btn img {
  width: 18px;
  height: 18px;
}

.premios-cta {
  display: grid;
  grid-template-columns: 120px 1fr;
  align-items: center;
  gap: 2rem;
  width: min(100%, 760px);
  min-height: 120px;
  margin: 0 auto;
  padding: 1.4rem 2.4rem;
  border: 2px solid var(--green);
  border-radius: 18px;
  background: rgba(21, 21, 21, .96);
  box-shadow: 0 0 16px rgba(92, 255, 44, .7);
}

.premios-cta i {
  color: var(--purple);
  font-size: 5.3rem;
  line-height: 1;
  text-align: center;
}

.premios-cta h2 {
  margin: 0 0 .5rem;
  color: var(--green);
  font-size: clamp(2rem, 3vw, 3rem);
  font-weight: 800;
  line-height: 1;
}

.premios-cta p {
  margin: 0;
  color: var(--white);
  font-size: clamp(1.1rem, 1.8vw, 1.45rem);
  line-height: 1.25;
}

.row-float--premios-rocket {
  --float-pc-top: 50%;
  --float-pc-left: 86%;
  --float-mobile-top: 69%;
  --float-mobile-left: 75%;
  --float-x: 0px;
  --float-y: 12px;
  --float-width: 130px;
  --float-mobile-width: 86px;
  --float-duration: 6.2s;
}

.row-float--premios-diamond {
  --float-pc-top: 24%;
  --float-pc-left: 2%;
  --float-mobile-top: 26%;
  --float-mobile-left: 5%;
  --float-x: 9px;
  --float-y: 0px;
  --float-width: 85px;
  --float-mobile-width: 58px;
  --float-duration: 5.7s;
}

.premios-share-modal {
  position: fixed;
  inset: 0;
  z-index: 70;
  display: grid;
  place-items: center;
  padding: 1rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease;
}

.premios-share-modal.is-open {
  opacity: 1;
  pointer-events: auto;
}

.premios-share-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .68);
  backdrop-filter: blur(4px);
}

.premios-share-panel {
  position: relative;
  z-index: 1;
  width: min(100%, 430px);
  padding: 2rem 1.8rem 1.6rem;
  border: 2px solid var(--orange);
  border-radius: 20px;
  background: var(--panel);
  box-shadow: 0 0 22px rgba(255, 121, 0, .82);
  transform: translateY(12px);
  transition: transform .18s ease;
}

.premios-share-modal.is-open .premios-share-panel {
  transform: translateY(0);
}

.premios-share-close {
  position: absolute;
  top: .75rem;
  right: .85rem;
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 0;
  background: transparent;
  color: var(--purple);
  font-size: 1.45rem;
}

.premios-share-panel h2 {
  margin: 0 2.4rem .45rem 0;
  color: var(--green);
  font-size: clamp(1.9rem, 5vw, 2.5rem);
  font-weight: 800;
  line-height: 1;
}

.premios-share-copy {
  margin: 0 0 1.4rem;
  color: var(--white);
  font-size: 1rem;
  line-height: 1.25;
}

.premios-share-copy span {
  color: var(--green);
}

.premios-share-options {
  display: grid;
  gap: .8rem;
}

.premios-share-option {
  display: grid;
  grid-template-columns: 42px 1fr;
  align-items: center;
  min-height: 54px;
  padding: .55rem 1rem;
  border: 1px solid rgba(92, 255, 44, .36);
  border-radius: 10px;
  background: rgba(113, 53, 138, .64);
  color: var(--white);
  font-weight: 800;
  text-align: left;
}

.premios-share-option:hover {
  border-color: var(--green);
  background: rgba(113, 53, 138, .9);
}

.premios-share-option i {
  color: var(--green);
  font-size: 1.55rem;
  line-height: 1;
}

.premios-share-status {
  min-height: 1.25rem;
  margin: .9rem 0 0;
  color: var(--green);
  font-size: .95rem;
  line-height: 1.25;
}

.recharge-modal {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: grid;
  place-items: center;
  padding: 1.5rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
}

.recharge-modal.is-open {
  opacity: 1;
  pointer-events: auto;
}

.recharge-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .72);
  backdrop-filter: blur(3px);
}

.recharge-modal__panel {
  position: relative;
  z-index: 1;
  display: grid;
  width: min(66vw, 520px);
  max-height: calc(100vh - 3rem);
  padding: clamp(2rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem) clamp(1.4rem, 3vw, 2.2rem);
  overflow: hidden;
  border: 1px solid var(--purple);
  border-radius: 36px;
  background: linear-gradient(180deg, #c62afd 0%, #663378 100%);
  box-shadow: 0 0 16px 6px #ca00ff;
  transform: scale(.98);
  transition: transform .2s ease;
}

.recharge-modal.is-open .recharge-modal__panel {
  transform: scale(1);
}

.recharge-modal__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 2;
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border: 0;
  background: transparent;
  color: var(--white);
  font-size: 2.2rem;
  line-height: 1;
}

.recharge-step {
  display: none;
  min-height: 100%;
  place-items: center;
  align-content: center;
  justify-items: center;
  text-align: center;
}

.recharge-step.is-active {
  display: grid;
}

.recharge-step--ganaste {
  gap: .4rem;
}

.recharge-step--ganaste h2 {
  margin: 0 0 .2rem;
  font-size: clamp(2.4rem, 4.5vw, 3.2rem);
  font-weight: 800;
  line-height: 1;
}

.recharge-step__prize {
  position: relative;
  display: grid;
  place-items: center;
  width: min(100%, 360px);
  min-height: 250px;
}

.recharge-step__blob,
.recharge-step__prize .recharge-step__image {
  grid-area: 1 / 1;
}

.recharge-step__blob {
  width: min(100%, 340px);
  height: auto;
  mix-blend-mode: lighten;
}

.recharge-step__prize .recharge-step__image {
  position: relative;
  z-index: 1;
  width: min(58%, 210px);
  margin-bottom: 12%;
  mix-blend-mode: lighten;
}

.recharge-step__image--ganaste {
  width: min(52%, 220px);
  mix-blend-mode: normal;
}

.recharge-step h2 {
  margin: 0;
  color: var(--white);
  font-size: clamp(2rem, 4.1vw, 1.25rem);
  font-weight: 800;
  line-height: 1.05;
}

.recharge-step h2 span {
  display: block;
  font-size: .52em;
  line-height: 1.05;
}

.recharge-step h2 strong {
  display: block;
  font-size: 1.35em;
  font-weight: 800;
  line-height: .98;
}

.recharge-step__headline-green {
  color: var(--green) !important;
  font-size: clamp(1rem, 1.5vw, 1.55rem) !important;
  font-weight: 500 !important;
}

.recharge-step__image {
  width: min(46%, 265px);
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 10px 12px rgba(0, 0, 0, .28));
}

.recharge-step__image--datos {
  width: min(58%, 330px);
}

.recharge-step__image--premio {
  width: min(38%, 250px);
  margin-bottom: clamp(2.7rem, 6vw, 5rem);
}

.recharge-step__image--premio-small {
  width: min(28%, 150px);
  /* margin-bottom: clamp(2.6rem, 5vw, 3.8rem); */
}

.recharge-step__icon {
  width: min(30%, 180px);
  height: auto;
  object-fit: contain;
  margin-bottom: clamp(2.3rem, 5vw, 4.2rem);
}

.recharge-step__btn {
  min-width: clamp(135px, 18vw, 175px);
  min-height: clamp(58px, 7vw, 70px);
  margin-top: clamp(1.2rem, 3vw, 2.8rem);
  font-size: clamp(1.4rem, 2.4vw, 2rem);
}

.recharge-step__btn--large {
  min-width: clamp(220px, 28vw, 320px);
  min-height: clamp(66px, 8vw, 82px);
  font-size: clamp(2.1rem, 4vw, 3.5rem);
}

.recharge-step__input {
  width: min(100%, 470px);
  min-height: clamp(62px, 8vw, 80px);
  margin-top: clamp(2.5rem, 4vw, 3rem);
  border: 0;
  border-radius: 999px;
  background: #ececec;
  color: #2b2b2b;
  font: inherit;
  font-size: clamp(1.35rem, 2.4vw, 2rem);
  font-weight: 800;
  text-align: center;
  outline: none;
}

.recharge-step__input::placeholder {
  color: #b7b7b7;
  opacity: 1;
}

.recharge-step__copy {
  margin: 0 0 clamp(1.1rem, 2vw, 1.5rem);
  color: var(--white);
  font-size: clamp(1.1rem, 2.2vw, 1.55rem);
  line-height: 1.18;
  text-align: center;
}

.recharge-step__status {
  min-height: 1.4em;
  width: min(100%, 470px);
  margin: .85rem 0 0;
  color: #ffb4b4;
  font-size: clamp(.95rem, 1.6vw, 1.1rem);
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
}

.recharge-step__input.is-invalid {
  box-shadow: 0 0 0 2px #ff5a5a;
}

.recharge-step__select {
  min-width: min(100%, 185px);
  min-height: 64px;
  margin-top: 0;
  padding: .7rem 3.2rem .7rem 1.25rem;
  border: 0;
  border-radius: 8px;
  background:
    linear-gradient(45deg, transparent 50%, var(--purple) 50%) calc(100% - 28px) 50% / 16px 16px no-repeat,
    linear-gradient(135deg, var(--purple) 50%, transparent 50%) calc(100% - 18px) 50% / 16px 16px no-repeat,
    #e8e8e8;
  color: #111;
  font: inherit;
  font-size: 1rem;
  appearance: none;
  outline: none;
}

.recharge-step__select-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(180px, 1fr));
  justify-content: center;
  gap: 1.4rem 1.6rem;
  width: min(100%, 520px);
  margin-top: clamp(1.5rem, 3vw, 2rem);
}

.recharge-step__select-grid .recharge-step__select {
  width: 100%;
}

.recharge-step__select-grid .recharge-step__select:nth-child(3) {
  grid-column: 1 / -1;
  justify-self: center;
  width: min(100%, 240px);
}

.recharge-step__message {
  width: min(100%, 470px);
  color: var(--white);
  text-align: left;
}

.recharge-step__message p {
  margin: 0 0 1.45rem;
  font-size: clamp(1.1rem, 2.2vw, 1.55rem);
  line-height: 1.15;
}

.recharge-step__message a {
  color: var(--white);
  text-decoration: underline;
}

.roulette-modal {
  position: fixed;
  inset: 0;
  z-index: 96;
  display: grid;
  place-items: center;
  padding: 1.2rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
}

.roulette-modal.is-open {
  opacity: 1;
  pointer-events: auto;
}

.roulette-modal__backdrop {
  position: absolute;
  inset: 0;
  background: transparent;
}

.roulette-modal__panel {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  gap: clamp(1.2rem, 3vw, 2rem);
  width: min(94vw, 820px);
  padding: clamp(3rem, 5vw, 4.5rem) clamp(1rem, 3vw, 2rem) 1rem;
  background: transparent;
  transform: scale(.8);
}

.roulette-modal__close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  display: grid;
  width: clamp(48px, 7vw, 72px);
  height: clamp(48px, 7vw, 72px);
  place-items: center;
  border: 0;
  background: transparent;
  color: var(--white);
  font-size: clamp(2.4rem, 5vw, 4rem);
  line-height: 1;
  filter: drop-shadow(0 0 8px rgba(0, 0, 0, .65));
}

.roulette-stage {
  position: relative;
  width: min(78vw, 680px);
  aspect-ratio: 1;
}

.roulette-spinner {
  position: absolute;
  inset: 0;
  transform: rotate(0deg);
  transform-origin: 50% 50%;
  will-change: transform;
}

.roulette-wheel-back,
.roulette-wheel-back img,
.roulette-wheel-fallback {
  width: 100%;
  height: 100%;
}

.roulette-wheel-back img {
  object-fit: contain;
  filter: drop-shadow(0 0 22px rgba(92, 255, 44, .45));
}

.roulette-wheel-fallback {
  border-radius: 50%;
  background:
    radial-gradient(circle at center, #021402 0 13%, transparent 14%),
    conic-gradient(from -36deg, rgba(90, 255, 44, .28) 0 20%, rgba(92, 255, 44, .12) 20% 40%, rgba(90, 255, 44, .28) 40% 60%, rgba(92, 255, 44, .12) 60% 80%, rgba(90, 255, 44, .28) 80% 100%),
    radial-gradient(circle, #155b0a 0 56%, #0c2b05 57% 100%);
  border: 4px solid var(--green);
  box-shadow: 0 0 26px rgba(92, 255, 44, .65), inset 0 0 22px rgba(92, 255, 44, .45);
}

.roulette-prizes {
  position: absolute;
  inset: 0;
}

.roulette-prize {
  --prize-rotate: 0deg;
  position: absolute;
  top: var(--prize-top);
  left: var(--prize-left);
  display: grid;
  width: clamp(58px, 13vw, 118px);
  aspect-ratio: 1;
  place-items: center;
  transform: translate(-50%, -50%) rotate(var(--prize-rotate));
}

.roulette-prize img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, .55));
}

.roulette-prize .image-fallback {
  width: 100%;
  height: 100%;
  place-items: center;
  border: 2px solid rgba(92, 255, 44, .82);
  border-radius: 50%;
  background: rgba(4, 28, 3, .78);
  color: var(--green);
  font-size: clamp(1.4rem, 4vw, 2.5rem);
  font-weight: 800;
  box-shadow: 0 0 14px rgba(92, 255, 44, .4);
}

.roulette-prize.is-winner .image-fallback {
  background: rgba(113, 53, 138, .82);
  border-color: var(--white);
  color: var(--white);
}

.roulette-pin {
  position: absolute;
  top: -2%;
  left: 50%;
  z-index: 3;
  display: grid;
  width: clamp(44px, 10vw, 80px);
  aspect-ratio: 1;
  place-items: center;
  transform: translateX(-50%);
  pointer-events: none;
}

.roulette-pin img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 0 14px rgba(92, 255, 44, .6));
}

.roulette-pin-fallback {
  width: 82%;
  height: 82%;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  background: linear-gradient(180deg, #dcff4d, #2d7d08);
  filter: drop-shadow(0 0 12px rgba(92, 255, 44, .75));
}

.roulette-center-coin {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 4;
  display: grid;
  width: clamp(72px, 14vw, 132px);
  aspect-ratio: 1;
  place-items: center;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.roulette-center-coin img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 0 16px rgba(188, 40, 235, .75));
}

.roulette-center-coin .image-fallback {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #ff9bff, #8a16c7 60%, #350055);
  box-shadow: 0 0 18px rgba(214, 0, 255, .95), inset 0 0 0 6px rgba(255, 255, 255, .22);
}

.roulette-spin-btn {
  min-width: clamp(180px, 26vw, 230px);
  min-height: clamp(54px, 7vw, 72px);
  font-size: clamp(1.25rem, 2.5vw, 1.8rem);
  z-index: 999;
}

.roulette-spin-btn:disabled {
  opacity: .82;
  cursor: progress;
}

@media (max-width: 991.98px) {
  .mobile-menu {
    display: block;
  }

  .site-shell::before {
    background-image: url("../img/bg_movil.png");
    background-position: center bottom;
    background-size: 100% auto;
  }

  .desktop-nav {
    display: none;
  }

  .mobile-topbar {
    display: flex;
    min-height: 74px;
    align-items: center;
    justify-content: space-between;
    padding: .7rem 1rem;
    background: #040404;
  }

  .mobile-logo {
    display: flex;
    width: 154px;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    background: #15411d;
  }

  .mobile-logo img {
    display: block;
    width: 95px;
    height: auto;
    object-fit: contain;
  }

  .menu-toggle {
    display: grid;
    width: 54px;
    height: 54px;
    place-items: center;
    gap: 6px;
    border: 0;
    background: transparent;
    color: var(--purple);
    font-size: 2.6rem;
  }

  .menu-toggle__bar {
    display: block;
    width: 51px;
    height: 9px;
    border-radius: 15px;
    background: var(--purple);
  }

  .hero-section {
    min-height: auto;
    padding: 1.4rem 0 1.9rem;
  }

  .hero-grid {
    grid-template-columns: 1fr;
    gap: 1.2rem;
  }

  .hero-copy h1 {
    font-size: clamp(2.8rem, 13vw, 3.8rem);
  }

  .hero-copy h1 span {
    font-size: .58em;
  }

  .hero-copy > p {
    max-width: 22rem;
    font-size: 1.25rem;
  }

  .hero-actions {
    display: grid;
    gap: .75rem;
    margin-top: 1.2rem;
  }

  .hero-actions .btn {
    width: min(100%, 215px);
    min-height: 48px;
    font-size: .9rem;
  }

  .hero-visual {
    order: 2;
    min-height: 0;
  }

  .logo-slot {
    order: 2;
    min-height: 250px;
    font-size: clamp(2.7rem, 13vw, 4rem);
  }

  .hero-ranking {
    order: 3;
  }

  .home-prize-alert {
    max-width: none;
  }

  .ranking-card {
    max-width: none;
    width: 100%;
    justify-self: stretch;
    min-height: 226px;
    text-align: center;
  }

  .promo-card {
    grid-template-columns: 1fr;
    min-height: auto;
    padding: 0 1.1rem 1.6rem;
    text-align: center;
  }

  .promo-card--orange {
    padding-top: 0;
  }

  .promo-copy h3,
  .promo-copy p,
  .promo-copy .btn {
    justify-self: center;
  }

  .promo-copy {
    display: grid;
    justify-items: center;
  }

  .promo-wordmark__play {
    font-size: clamp(4.4rem, 22vw, 6rem);
  }

  .footer-menu .footer-menu__desktop {
    display: none;
  }

  .footer-menu .footer-menu__mobile {
    display: flex;
  }

  .footer-copy,
  .footer-mail {
    max-width: 386px;
  }

  .row-float {
    top: var(--float-mobile-top);
    left: var(--float-mobile-left);
    width: var(--float-mobile-width);
  }

  .row-float--diamonds {
    --float-anchor-x: -50%;
  }

  .games-page {
    padding: 1rem 0 3rem;
  }

  .games-page-title {
    margin-bottom: 1.4rem;
    font-size: clamp(2rem, 9vw, 2.85rem);
  }

  .games-hero-row {
    grid-template-columns: 1fr;
    gap: 1.2rem;
    margin-bottom: 2.4rem;
    text-align: center;
  }

  .games-hero-art img {
    width: min(100%, 360px);
  }

  .games-hero-copy h1,
  .games-hero-copy h2 {
    font-size: clamp(3.2rem, 16vw, 4rem);
    line-height: 1.05;
  }

  .games-hero-copy h1 span,
  .games-hero-copy h2 span {
    display: block;
  }

  .games-hero-copy p {
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
  }

  .games-level-actions {
    display: grid;
    justify-content: center;
    justify-items: center;
    gap: .85rem;
    margin-top: 1.4rem;
  }

  .games-ranking-card {
    grid-template-columns: 1fr;
    max-width: 360px;
    min-height: 0;
    margin-bottom: 3.3rem;
    padding: 1.4rem 1.25rem 1.6rem;
    overflow: visible;
  }

  .games-position {
    align-items: flex-start;
    font-size: clamp(1.9rem, 8vw, 2.35rem);
    line-height: 1.12;
  }

  .games-position i {
    margin-top: .15rem;
    font-size: 2.5rem;
  }

  .games-top {
    margin-top: 1.4rem;
    padding-left: 0;
    border-left: 0;
  }

  .games-top h2 {
    font-size: clamp(2rem, 8vw, 2.7rem);
  }

  .games-top table {
    width: 100%;
    font-size: .95rem;
  }

  .games-multiplayer-row {
    grid-template-columns: 1fr;
    gap: 1.4rem;
  }

  .games-multiplayer-art img {
    width: min(100%, 360px);
  }

  .games-multiplayer-copy {
    grid-template-columns: 1fr;
    gap: 1.6rem;
  }

  .games-multiplayer-copy h2 {
    font-size: clamp(2.2rem, 9vw, 3rem);
  }

  .games-multiplayer-copy .btn {
    justify-self: center;
  }

  .help-page {
    padding: 2.2rem 0 3rem;
  }

  .help-header {
    max-width: 100%;
    margin-bottom: 2.4rem;
    text-align: left;
  }

  .help-header h1 {
    font-size: 2rem;
    white-space: nowrap;
  }

  .help-rules-link {
    display: block;
    font-size: 1.5rem;
    text-align: center;
  }

  .help-accordion-wrap {
    margin-bottom: 2.4rem;
  }

  .help-accordion .accordion-button {
    justify-content: flex-start;
    min-height: 60px;
    padding: 1rem 3.2rem 1rem 1.4rem;
    font-size: .875rem;
    text-align: left;
  }

  .help-accordion .accordion-button::after {
    right: 1.1rem;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
  }

  .help-accordion .accordion-body {
    padding: 1.8rem 1.4rem 1.7rem;
    font-size: .875rem;
    line-height: 1.4;
    text-align: left;
  }

  .help-table-wrap {
    max-width: none;
  }

  .help-table th,
  .help-table td {
    padding: .55rem .5rem;
    font-size: .75rem;
  }

  .help-table tbody td:first-child {
    width: auto;
    white-space: normal;
  }

  .row-float--help-diamond,
  .row-float--help-diamond-2 {
    display: none;
  }

  .help-contact-grid {
    grid-template-columns: 1fr;
    gap: 2.4rem;
  }

  .help-contact-card {
    grid-template-columns: 88px 1fr;
    min-height: 152px;
    padding: 1.4rem 1.35rem;
  }

  .help-contact-card i {
    font-size: 3.4rem;
  }

  .help-contact-card span {
    font-size: 1.25rem;
  }

  .help-contact-card strong {
    font-size: 2.25rem;
  }

  .profile-page {
    padding: 1.4rem 0 3rem;
  }

  .profile-page-title {
    margin-bottom: 1.6rem;
    font-size: 2rem;
  }

  .profile-summary {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 1.1rem;
    margin-bottom: 1.4rem;
  }

  .profile-avatar {
    width: 183px;
  }

  .profile-edit--avatar {
    right: -1.4rem;
    bottom: .1rem;
  }

  .profile-avatar-picker {
    width: 100%;
    max-width: 326px;
    min-height: 143px;
    padding: 1.2rem 1rem .95rem;
  }

  .profile-avatar-options {
    gap: .6rem;
  }

  .profile-avatar-option img {
    width: 75px;
    height: 75px;
  }

  .profile-info {
    width: 100%;
    text-align: left;
  }

  .profile-name-row {
    justify-content: space-between;
  }

  .profile-name-row h2 {
    font-size: 4rem;
  }

  .profile-info p {
    font-size: 1.5rem;
  }

  .profile-progress {
    width: 100%;
    max-width: 322px;
  }

  .profile-stats {
    display: grid;
    gap: 1.1rem;
    justify-content: start;
    margin-bottom: 2rem;
    padding-left: .4rem;
  }

  .profile-stats p {
    font-size: 1.5rem;
  }

  .profile-stats p + p {
    padding-left: 0;
    margin-left: 0;
    border-left: 0;
  }

  .profile-board-title {
    margin-bottom: 1.6rem;
    text-align: left;
    font-size: 2.25rem;
  }

  .profile-board-card {
    grid-template-columns: 1fr;
    gap: 1.6rem;
    min-height: 0;
    padding: 1.8rem 1.35rem 2rem;
  }

  .profile-board-divider {
    width: 58%;
    height: 1px;
    min-height: 1px;
    justify-self: center;
  }

  .profile-table-block h3 {
    font-size: 2.25rem;
  }

  .profile-table-layout {
    grid-template-columns: minmax(190px, 1fr) 36px;
  }

  .profile-table-block table {
    font-size: .875rem;
  }

  .row-float--profile-diamond {
    display: none;
  }

  .premios-page {
    padding: 1.3rem 0 3.5rem;
  }

  .premios-hero {
    grid-template-columns: 1fr;
    gap: 1.2rem;
    margin-bottom: 1.3rem;
  }

  .premios-hero .hero-copy {
    position: static;
    width: auto;
    text-align: center;
  }

  .premios-hero .hero-copy h1 {
    margin-left: auto;
    margin-right: auto;
    font-size: clamp(2.8rem, 13vw, 3.8rem);
  }

  .premios-hero .hero-visual {
    order: 0;
    min-height: 220px;
  }

  .premios-hero .hero-visual__car--desktop,
  .premios-hero .hero-visual__prizes {
    display: none;
  }

  .premios-hero .hero-visual__car--mobile {
    display: block;
    width: min(100%, 360px);
    margin: 0 auto;
  }

  .premios-ranking-card--mobile {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    width: min(100%, 336px);
    min-height: 246px;
    margin: 0 auto;
    padding: 1.1rem 1.1rem 1.4rem;
    text-align: center;
  }

  .premios-ranking-card--desktop {
    display: none;
  }

  .premios-ranking-card--mobile {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    width: min(100%, 336px);
    min-height: 246px;
    margin: 0 auto;
    padding: 1.1rem 1.1rem 1.4rem;
    text-align: center;
  }

  .premios-ranking-card--mobile .premios-ranking-label {
    font-size: 1.5rem;
  }

  .premios-points-value {
    display: block;
    margin: .1rem 0 .35rem;
    color: var(--green);
    font-size: clamp(5.6rem, 24vw, 8rem);
    font-weight: 800;
    line-height: .9;
  }

  .premios-ranking-card--mobile img {
    width: 110px;
    height: 110px;
    object-fit: contain;
    filter: drop-shadow(0 0 18px rgba(188, 40, 235, .6));
  }

  .premios-week-title {
    justify-content: center;
    gap: .8rem;
    margin-bottom: 1.5rem;
  }

  .premios-week-icon {
    width: 42px;
  }

  .premios-week-title h1 {
    max-width: 190px;
    font-size: clamp(1.8rem, 8vw, 2.25rem);
    line-height: 1.05;
  }

  .premios-week-title__desktop {
    display: none;
  }

  .premios-week-title__mobile {
    display: inline;
  }

  .premios-list {
    gap: 2.6rem;
    width: min(100%, 320px);
    margin-bottom: 3.5rem;
  }

  .premios-item {
    grid-template-columns: 1fr;
    gap: .25rem;
  }

  .premios-art {
    min-height: 175px;
  }

  .premios-art__blob {
    width: min(100%, 230px);
  }

  .premios-art__item {
    width: min(58%, 128px);
  }

  .premios-art__item--wide {
    width: min(76%, 186px);
  }

  .premios-art__item--car {
    width: min(92%, 220px);
  }

  .premios-card {
    min-height: 128px;
    padding: .9rem 1rem .85rem;
    border-radius: 14px;
  }

  .premios-card h2 {
    font-size: clamp(1.7rem, 8vw, 2.25rem);
  }

  .premios-card p {
    max-width: none;
    margin-bottom: .55rem;
    font-size: .75rem;
  }

  .premios-card strong {
    margin-top: .55rem;
    font-size: .72rem;
  }

  .premios-progress {
    height: 10px;
  }

  .premios-share-btn {
    top: -14px;
    right: -4px;
    min-width: 122px;
    min-height: 32px;
    gap: .3rem;
    padding: .25rem .55rem;
    font-size: .72rem;
  }

  .premios-share-btn img {
    width: 14px;
    height: 14px;
  }

  .premios-cta {
    display: none;
  }

  .premios-share-panel {
    width: min(100%, 360px);
    padding: 1.8rem 1.3rem 1.35rem;
  }

  .premios-share-options {
    gap: .65rem;
  }

  .premios-share-option {
    min-height: 50px;
  }

  .recharge-modal {
    padding: 1rem;
  }

  .recharge-modal__panel {
    width: min(calc(100vw - 3.2rem), 360px);
    padding: clamp(2.2rem, 8vw, 3.2rem) 1.1rem clamp(1.8rem, 6vw, 2.6rem);
    border-radius: 22px;
    box-shadow: 0 0 16px 6px #ca00ff;
  }

  .recharge-modal__close {
    top: 1.4rem;
    right: 1.65rem;
    width: 48px;
    height: 48px;
    font-size: 2.7rem;
  }

  .recharge-step h2 {
    font-size: clamp(1.35rem, 6.5vw, 2.1rem);
  }

  .recharge-step--ganaste h2 {
    font-size: clamp(2rem, 9vw, 2.5rem);
  }

  .recharge-step__image--ganaste {
    width: min(92%, 280px);
  }

  .recharge-step__prize {
    min-height: 210px;
  }

  .recharge-step__image {
    width: min(47%, 165px);
    margin-bottom: clamp(1.4rem, 6vw, 2.5rem);
  }

  .recharge-step__image--datos {
    width: min(58%, 215px);
  }

  .recharge-step__icon {
    width: min(32%, 125px);
    margin-bottom: clamp(1.4rem, 6vw, 2.4rem);
  }

  .recharge-step__input {
    width: min(100%, 270px);
    min-height: 52px;
    margin-top: clamp(2.2rem, 9vw, 3.8rem);
    font-size: 1.25rem;
  }

  .recharge-step__btn {
    min-width: 130px;
    min-height: 52px;
    margin-top: clamp(2.1rem, 9vw, 3.8rem);
    font-size: 1.2rem;
  }

  .recharge-step__btn--large {
    min-width: 190px;
    min-height: 58px;
    font-size: 2rem;
  }

  .recharge-step__headline-green {
    font-size: clamp(1.25rem, 6vw, 1.8rem) !important;
  }

  .recharge-step__image--premio {
    width: min(42%, 150px);
    margin-bottom: clamp(1.8rem, 7vw, 2.8rem);
  }

  .recharge-step__image--premio-small {
    width: min(30%, 105px);
    margin-bottom: clamp(1.8rem, 7vw, 2.8rem);
  }

  .recharge-step__copy {
    margin-bottom: 1.4rem;
    font-size: clamp(.98rem, 4vw, 1.18rem);
  }

  .recharge-step__select {
    min-width: 0;
    min-height: 54px;
    font-size: .95rem;
  }

  .recharge-step__select-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .9rem 1rem;
    width: min(100%, 320px);
    margin-top: 1.7rem;
  }

  .recharge-step__select-grid .recharge-step__select:nth-child(3) {
    width: min(100%, 195px);
  }

  .recharge-step__message {
    width: min(100%, 300px);
  }

  .recharge-step__message p {
    margin-bottom: 1rem;
    font-size: clamp(.92rem, 4vw, 1.1rem);
  }

  .roulette-modal {
    padding: .75rem;
  }

  .roulette-modal__panel {
    width: 100%;
    gap: 1rem;
    padding: 3.5rem .5rem .5rem;
  }

  .roulette-modal__close {
    right: .35rem;
    width: 46px;
    height: 46px;
    font-size: 2.5rem;
  }

  .roulette-stage {
    width: min(88vw, 430px);
  }

  .roulette-prize {
    width: clamp(48px, 16vw, 78px);
  }

  .roulette-pin {
    width: clamp(56px, 18vw, 88px);
  }

  .roulette-center-coin {
    width: clamp(58px, 18vw, 86px);
  }

  .roulette-spin-btn {
    min-width: 170px;
    min-height: 54px;
    font-size: 1.25rem;
  }

  .promo-visual {
    min-height: 260px;
    margin: -1.4rem -1.4rem 0;
    border-radius: 22px 22px 10px 10px;
  }

  .row-art-img {
    max-height: 300px;
  }

  .row-art-img--juga,
  .row-art-img--multi {
    transform: none;
  }

  .promo-copy h2 {
    font-size: clamp(1.8rem, 9vw, 2.75rem);
  }

  .promo-copy p {
    max-width: none;
    color: #050505;
    text-align: left;
  }

  .promo-card .btn {
    justify-self: center;
    min-width: 220px;
    min-height: 56px;
  }

  .prizes-grid,
  .inner-layout {
    grid-template-columns: 1fr;
  }

  .prizes-copy h2 {
    font-size: clamp(3rem, 14vw, 4.8rem);
  }

  .winner-slot {
    min-height: 330px;
  }

  .row-art-img--player {
    max-height: 380px;
  }

  .footer-menu {
    grid-template-columns: 1fr;
    gap: 1.7rem;
    overflow: visible;
    background: transparent;
    box-shadow: none;
  }

  .footer-menu a {
    min-height: 107px;
    border: 1px solid #663378;
    border-radius: 10px;
    background: linear-gradient(180deg, #663378, #542665);
    box-shadow: 0 0 10px 3px #663378;
  }
}

@media (max-width: 575.98px) {
  .container-xl {
    padding-inline: 1rem;
  }

  .hero-copy p,
  .promo-copy p,
  .prizes-copy p,
  .inner-page p {
    font-size: .95rem;
  }

  .btn {
    min-width: 0;
    width: 100%;
    max-width: 240px;
    min-height: 52px;
    font-size: .9rem;
  }

  .mobile-menu__panel {
    width: 100vw;
  }

  .mobile-menu__nav a {
    min-height: 63px;
  }

  .mobile-menu__nav i {
    font-size: 1.8rem;
  }

  .ranking-row {
    grid-template-columns: 44px 1fr;
  }

  .ranking-row em {
    grid-column: 2;
  }
}

body.lp-body {
  overflow-x: hidden;
  background: #32c132;
  color: #15411d;
}

.lp-header {
  display: flex;
  width: 100%;
  min-height: 50px;
  align-items: center;
  padding: 0 4.5%;
  background: #15411d;
}

.lp-logo {
  display: flex;
  width: 154px;
  height: 50px;
  align-items: center;
  justify-content: center;
}

.lp-logo img {
  width: 95px;
  height: auto;
}

.lp-hero {
  position: relative;
  overflow: hidden;
  min-height: 870px;
  padding: 2.4rem 0 3.5rem;
}

.lp-copy {
  position: relative;
  z-index: 2;
  max-width: 560px;
  margin: 0 auto 0 6.3%;
}

.lp-kicker {
  margin: 0 0 .35rem;
  color: #15411d;
  font-size: clamp(1.7rem, 2.6vw, 2.25rem);
  font-weight: 800;
  line-height: 1.05;
  text-align: center;
}

.lp-copy h1 {
  margin: 0 0 .55rem;
  color: #fff;
  font-size: clamp(3.4rem, 6.4vw, 6rem);
  font-weight: 800;
  line-height: 1.02;
}

.lp-copy h1 span {
  display: block;
  font-size: .5em;
}

.lp-lead {
  margin: 0;
  color: #15411d;
  font-size: clamp(1.35rem, 2.2vw, 2rem);
  font-weight: 800;
  line-height: 1.15;
  text-align: center;
}

.lp-campaign {
  pointer-events: none;
}

.lp-campaign--desktop {
  position: absolute;
  top: 0;
  right: -6%;
  z-index: 1;
  width: min(82%, 1165px);
}

.lp-campaign--desktop img,
.lp-campaign--mobile img {
  width: 100%;
  height: auto;
}

.lp-campaign--mobile {
  display: none;
}

.lp-prizes {
  position: relative;
  z-index: 2;
  width: min(78%, 720px);
  margin: .4rem 0 1.2rem -2%;
}

.lp-prizes img {
  width: 100%;
  height: auto;
}

.lp-qr {
  position: relative;
  z-index: 2;
  display: flex;
  max-width: 760px;
  align-items: center;
  justify-content: flex-start;
  gap: 1.6rem;
  margin: 0 auto 0 26%;
  margin-top: -100px;
}

.lp-qr p {
  max-width: 220px;
  margin: 0;
  color: #15411d;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.15;
  text-align: center;
}

.lp-qr img {
  width: 233px;
  height: 233px;
  border-radius: 15px;
  background: #fff;
}

.lp-sms {
  display: none;
}

.lp-footer {
  display: grid;
  justify-items: center;
  gap: 1.05rem;
  padding: 3.2rem 1.2rem 1.6rem;
  background: #fff;
  text-align: center;
}

.lp-footer__social-title {
  margin: .2rem 0 0;
  color: #15411d;
  font-size: 1.5rem;
  font-weight: 500;
}

.lp-social {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: .7rem;
}

.lp-social a {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border-radius: 8px;
  background: #15411d;
  color: #fff;
  font-size: 1.25rem;
  line-height: 1;
}

.lp-social a:hover {
  background: #663378;
  color: #fff;
}

.lp-footer__copy,
.lp-footer__mail {
  margin: 0;
  max-width: 796px;
  color: #15411d;
  font-size: 1rem;
  line-height: 1.45;
}

.lp-footer__copy a,
.lp-footer__mail a,
.lp-footer__legal a {
  color: #663378;
}

.lp-footer__legal {
  max-width: 1297px;
  margin: 1.4rem 0 0;
  color: #15411d;
  font-size: 1rem;
  line-height: 1.15;
  text-align: center;
}

@media (max-width: 991.98px) {
  .lp-header {
    justify-content: center;
  }

  .lp-hero {
    min-height: 0;
    padding: 1.2rem 1rem 2.2rem;
  }

  .lp-copy {
    max-width: none;
    margin: 0 auto 1rem;
    text-align: center;
  }

  .lp-kicker {
    max-width: 265px;
    margin: 0 auto .5rem;
    font-size: clamp(2rem, 8vw, 2.6rem);
  }

  .lp-copy h1 {
    font-size: clamp(3.2rem, 16vw, 4.4rem);
  }

  .lp-copy h1 span {
    font-size: .68em;
  }

  .lp-lead {
    max-width: 306px;
    margin: .35rem auto 0;
    font-size: 1.7rem;
  }

  .lp-campaign--desktop,
  .lp-qr {
    display: none;
  }

  .lp-campaign--mobile {
    display: block;
    width: calc(100% + 2rem);
    margin: .4rem -1rem 1.1rem;
  }

  .lp-prizes {
    width: calc(100% + 2.4rem);
    margin: .2rem -1.2rem .3rem;
  }

  .lp-sms {
    display: grid;
    justify-items: center;
    gap: 1.1rem;
  }

  .lp-sms__title {
    max-width: 322px;
    margin: 0;
    color: #15411d;
    font-size: 1.7rem;
    font-weight: 800;
    line-height: 1.25;
    text-align: center;
  }

  .lp-sms__terms {
    display: grid;
    grid-template-columns: 18px 1fr;
    gap: .55rem;
    max-width: 320px;
    color: #15411d;
    font-size: 1rem;
    line-height: 1.05;
    text-align: left;
  }

  .lp-sms__terms input {
    width: 18px;
    height: 18px;
    margin-top: .15rem;
    accent-color: #663378;
  }

  .lp-sms__btn {
    display: grid;
    width: min(100%, 334px);
    min-height: 73px;
    place-items: center;
    border-radius: 41px;
    background: #6a3577;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 800;
    line-height: 1;
  }

  .lp-sms__btn.is-disabled {
    opacity: .55;
    pointer-events: none;
  }

  .lp-footer {
    padding: 2.2rem 1.1rem 1.3rem;
  }

  .lp-footer__copy,
  .lp-footer__mail,
  .lp-footer__legal {
    max-width: 386px;
  }

  .lp-footer__legal {
    margin-top: .8rem;
    text-align: left;
  }
}

body.is-checking-access .site-shell {
  visibility: hidden;
}

.access-gate {
  position: fixed;
  inset: 0;
  z-index: 4000;
  display: grid;
  place-items: center;
  padding: 1.5rem;
  background: #000;
  color: var(--green);
  font-family: var(--font-main);
  text-align: center;
}

.access-gate p {
  margin: 0;
  font-size: 1.25rem;
}

body.is-access-granted .access-gate {
  display: none;
}