@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Shantell+Sans:ital,wght@0,300..800;1,300..800&display=swap");
@keyframes wobble1 {
  0% {
    transform: translate(0, 0);
  }
  10% {
    transform: translate(6px, -4px);
  }
  20% {
    transform: translate(10px, 3px);
  }
  30% {
    transform: translate(7px, 9px);
  }
  40% {
    transform: translate(0px, 12px);
  }
  50% {
    transform: translate(-6px, 10px);
  }
  60% {
    transform: translate(-10px, 2px);
  }
  70% {
    transform: translate(-7px, -6px);
  }
  80% {
    transform: translate(-2px, -10px);
  }
  90% {
    transform: translate(5px, -8px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes wobble2 {
  0% {
    transform: translate(0, 0);
  }
  10% {
    transform: translate(8px, -3px);
  }
  25% {
    transform: translate(-5px, 10px);
  }
  40% {
    transform: translate(3px, -8px);
  }
  55% {
    transform: translate(-10px, 2px);
  }
  70% {
    transform: translate(6px, 7px);
  }
  85% {
    transform: translate(-4px, -11px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes wobble3 {
  0% {
    transform: translate(0px, 0px);
  }
  20% {
    transform: translate(9px, 5px);
  }
  40% {
    transform: translate(5px, 13px);
  }
  60% {
    transform: translate(-6px, 9px);
  }
  80% {
    transform: translate(-11px, -4px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
/* klíčové snímky: uzavřená elipsa, 0 % = 100 % → žádný trh */
@keyframes float-loop {
  0%, 100% {
    transform: translate(0, 0) rotate(0);
  }
  12.5% {
    transform: translate(5%, 2.8%) rotate(4deg);
  }
  25% {
    transform: translate(3%, 7%) rotate(2.4deg);
  }
  37.5% {
    transform: translate(0, 4.2%) rotate(0);
  }
  50% {
    transform: translate(-3%, 7%) rotate(-2.4deg);
  }
  62.5% {
    transform: translate(-5%, 2.8%) rotate(-4deg);
  }
  75% {
    transform: translate(-3%, -1.4%) rotate(-1.6deg);
  }
  87.5% {
    transform: translate(0, -2.8%) rotate(0);
  }
}
.wobble1 {
  animation: wobble1 10s ease-in-out infinite;
}

.wobble2 {
  animation: wobble2 10s ease-in-out infinite;
}

.wobble3 {
  animation: wobble3 10s ease-in-out infinite;
}

.wobble4 {
  animation: float-loop 14s linear infinite;
}

@keyframes levitate-wobble {
  0% {
    transform: translateY(0) rotate(0deg);
  }
  25% {
    transform: translateY(-30px) rotate(-1deg);
  }
  50% {
    transform: translateY(0) rotate(1deg);
  }
  75% {
    transform: translateY(30px) rotate(-1deg);
  }
  100% {
    transform: translateY(0) rotate(0deg);
  }
}
@keyframes levitate-wobble-bar {
  0% {
    transform: translateY(0) rotate(0deg);
  }
  25% {
    transform: translateY(-5px) rotate(-0.2deg);
  }
  50% {
    transform: translateY(0) rotate(0deg);
  }
  75% {
    transform: translateY(5px) rotate(-0.2deg);
  }
  100% {
    transform: translateY(0) rotate(0deg);
  }
}
@keyframes slide-in-from-bottom {
  0% {
    transform: translateY(150%) scale(0.8);
    opacity: 0;
  }
  100% {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
}
body {
  background-color: #004a00;
  color: #fff;
  font-family: Arial, sans-serif;
}

.btn-custom {
  background-color: #ccff00;
  color: #004a00;
  font-weight: bold;
}

.btn-custom:hover {
  background-color: #b8e600;
}

.section-padding {
  padding: 50px 0;
}

footer {
  font-size: 1.4rem;
}
footer a {
  text-decoration: none;
  color: white;
}

.footer-icons {
  display: inline-flex;
  gap: 2px;
}

.footer-icons img {
  width: 70px;
  margin: 10px 40px;
}

.tycinkafit {
  color: #adfb00;
  text-decoration: none;
}

.gdpr {
  color: rgba(173, 251, 0, 0.65);
  text-decoration: none;
  font-size: 1rem;
}

.teleport-image-container {
  position: relative;
  width: fit-content;
}
.teleport-image-container .teleport-wrapper {
  position: relative;
  display: inline-block;
  top: -10%;
  width: clamp(300px, 85vw, 900px);
}
@media (min-width: 1200px) {
  .teleport-image-container .teleport-wrapper {
    margin-top: -50px;
  }
}
.teleport-image-container .teleport-wrapper .teleport-inside-area {
  position: absolute;
  top: 9%;
  height: 69%;
  transform: rotate(-22deg);
  pointer-events: none;
  z-index: 1;
  overflow: hidden;
  left: 11%;
  width: 51%;
  overflow: clip;
}
.teleport-image-container .teleport-wrapper .teleport-inside-area img {
  rotate: 22deg;
}
@media (max-width: 1200px) {
  .teleport-image-container .teleport-wrapper {
    width: 130%;
  }
}
.teleport-image-container .teleport-wrapper img {
  position: absolute;
  user-select: none;
  pointer-events: none;
  height: auto;
  transform: translateY(-5%);
}
.teleport-image-container .teleport-wrapper .teleport {
  mix-blend-mode: screen;
  backdrop-filter: blur(5px);
  position: relative;
  z-index: -1;
  width: 120%;
  left: -23%;
}
.teleport-image-container .teleport-wrapper .bar-container {
  animation: levitate-wobble-bar 6s ease-in-out infinite 0.8s;
  position: relative;
  z-index: 5;
}
.teleport-image-container .teleport-wrapper .bar {
  top: -9%;
  left: 7.5%;
  width: 90%;
  z-index: 5;
  display: none;
}
.teleport-image-container .teleport-wrapper .bar[data-islayer], .teleport-image-container .teleport-wrapper .bar[data-glitched] {
  left: 5.2%;
  top: -8.5%;
}
.teleport-image-container .teleport-wrapper .bar.active {
  display: block !important;
}
.teleport-image-container .teleport-wrapper .teleport-effect {
  top: 2%;
  left: -1.5%;
  width: 100%;
  z-index: 1;
}
.teleport-image-container .teleport-wrapper .iphone {
  top: 16%;
  right: 30%;
  width: 22%;
  z-index: 3;
  opacity: 0;
  animation: slide-in-from-bottom 1s ease-out forwards, levitate-wobble 5.2s ease-in-out infinite 1s;
  animation-delay: 0.3s;
}
.teleport-image-container .teleport-wrapper .glitch-iphone {
  top: 29%;
  right: 29%;
  width: 41%;
  z-index: 2;
  mix-blend-mode: lighten;
}
@media (max-width: 800px) {
  .teleport-image-container .teleport-wrapper .glitch-iphone {
    display: none;
  }
}
.teleport-image-container .teleport-wrapper .psp {
  top: 44%;
  left: 1%;
  width: 30%;
  z-index: 3;
  animation: slide-in-from-bottom 1s ease-out forwards, levitate-wobble 5.2s ease-in-out infinite 1s;
}
.teleport-image-container .teleport-wrapper .glitch-psp {
  top: 45%;
  left: -21%;
  width: 62%;
  z-index: 2;
  mix-blend-mode: lighten;
}
@media (max-width: 800px) {
  .teleport-image-container .teleport-wrapper .glitch-psp {
    display: none;
  }
}

.glow-blob {
  position: absolute;
  mix-blend-mode: hard-light;
  top: 50%;
  left: 5%;
  width: 126%;
  height: 1000px;
  transform: translate(-50%, -50%);
  background: rgba(255, 244, 148, 0.2);
  filter: blur(144px);
  z-index: -1;
  pointer-events: none;
}

.win-teleport-mobile {
  font-family: "Cute Love", sans-serif;
  text-align: left;
  line-height: 1;
  display: none;
  position: relative;
  z-index: 1;
}
@media (max-width: 1200px) {
  .win-teleport-mobile {
    display: block;
    position: relative;
    left: 20%;
    text-shadow: 9px 3px 4px rgba(0, 0, 0, 0.23);
    transform: skew(0deg, -15deg);
  }
}
.win-teleport-mobile span {
  display: block;
  color: white;
  font-weight: bold;
}
.win-teleport-mobile span.vyhraj {
  font-size: 3rem;
}
.win-teleport-mobile span:last-child {
  font-size: 4rem;
}

@keyframes key-copy-inj {
  0% {
    transform: translateY(20px) scale(0.6);
    opacity: 0;
  }
  80% {
    transform: translateY(-2px) scale(1.02);
    opacity: 1;
  }
  100% {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
}
h1.win-teleport {
  font-family: "Cute Love", sans-serif;
  text-shadow: 9px 3px 4px rgba(0, 0, 0, 0.23);
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  line-height: 6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
h1.win-teleport.desktop {
  margin-top: -6rem;
  margin-bottom: 4rem;
  transform: skew(0deg, -15deg) translateY(1rem) translateX(-10rem);
  letter-spacing: -0.3em;
  line-height: 6.6rem;
}
@media (max-width: 1200px) {
  h1.win-teleport.desktop {
    transform: skew(0deg, -15deg) translateY(1rem) translateX(-6rem);
  }
}
@media (max-width: 960px) {
  h1.win-teleport.desktop {
    display: none;
  }
}
h1.win-teleport.desktop .vyhraj-pos {
  position: relative;
  left: -13%;
}
h1.win-teleport.mobile {
  transform: skew(0deg, -15deg);
  line-height: 3.8rem;
  letter-spacing: -0.22em;
}
@media (min-width: 960px) {
  h1.win-teleport.mobile {
    display: none;
  }
}
h1.win-teleport .vyhraj {
  font-size: clamp(3rem, 8vw, 7rem);
  text-align: left;
}
@media (max-width: 1200px) {
  h1.win-teleport .vyhraj {
    font-size: 5rem;
  }
}
@media (max-width: 800px) {
  h1.win-teleport .vyhraj {
    font-size: 4rem;
  }
}
h1.win-teleport .teleport {
  font-size: clamp(3rem, 20vw, 9rem);
  letter-spacing: -0.12em;
}
@media (max-width: 1200px) {
  h1.win-teleport .teleport {
    font-size: 5.5rem;
  }
}
@media (max-width: 800px) {
  h1.win-teleport .teleport {
    font-size: 5rem;
  }
}
h1.win-teleport .znudy {
  font-size: 6rem;
}
@media (max-width: 1200px) {
  h1.win-teleport .znudy {
    font-size: 5rem;
  }
}
@media (max-width: 800px) {
  h1.win-teleport .znudy {
    font-size: 4rem;
  }
}
h1.win-teleport.animated-headline span {
  display: inline-block;
  opacity: 0;
  transform: translateY(20px) scale(0.6);
  /* rozbij shorthand, aby se nic nepřepisovalo špatně */
  animation-name: key-copy-inj;
  animation-duration: 0.9s;
  animation-timing-function: cubic-bezier(0.38, 0.86, 1, 1);
  animation-delay: calc(var(--i) * 100ms);
  animation-fill-mode: forwards;
}
h1.win-teleport.animated-headline .gap {
  display: inline-block;
  width: 0.5ch;
}

.teleport-right {
  margin-top: 6rem;
}
@media (max-width: 800px) {
  .teleport-right {
    margin-top: 0rem;
  }
}
.joya-button-wrapper {
  display: inline-grid;
  place-items: center;
  position: relative;
}
.joya-button-wrapper .joya-glow {
  grid-area: 1/1;
  width: 100%;
  height: 100%;
  border-radius: 60px;
  background: rgba(255, 244, 148, 0.47);
  filter: blur(14px);
  z-index: -1;
  pointer-events: none;
  transform: scaleX(1) scaleY(1.1);
}
.joya-button-wrapper .joya-button {
  text-decoration: none;
  grid-area: 1/1;
  background-color: #adfb00;
  color: #2b6b2b;
  font-weight: 600;
  font-size: clamp(1.1rem, 3vw, 1.5rem);
  padding: 0.3rem clamp(1rem, 6vw, 2rem);
  border: none;
  cursor: pointer;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  border-radius: 4px;
  box-shadow: 0 0 20px rgba(192, 255, 0, 0.6);
  width: clamp(180px, 60vw, 275px);
  max-width: 100%;
  clip-path: polygon(10% 0, 100% 0, 100% 55%, 90% 100%, 0 100%, 0 44%);
  transition: transform 0.2s ease, box-shadow 0.3s ease;
}
.joya-button-wrapper .joya-button:hover {
  transform: scale(1.05);
  box-shadow: 0 0 30px rgba(192, 255, 0, 0.8);
}
.joya-button-wrapper .joya-button:active {
  transform: scale(0.97);
}

@media (max-width: 1400px) {
  .joya-button-wrapper {
    margin-left: auto;
    margin-right: auto;
    float: none !important;
  }
}
.teleport-right {
  margin-left: 0;
  margin-right: 0;
  padding-left: clamp(1rem, 4vw, 155px);
  padding-right: clamp(1rem, 4vw, 2rem);
  width: 100%;
  box-sizing: border-box;
}
@media screen and (max-width: 800px) {
  .teleport-right {
    transform: translateY(-60%);
  }
}

.text-under-teleport {
  text-align: left;
  margin-top: 50px;
  font-size: clamp(1rem, 2.5vw, 1.5rem);
  max-width: 100%;
}
@media (max-width: 1400px) {
  .text-under-teleport {
    margin-top: 0px;
    text-align: center;
  }
}

.container-ultrawide {
  max-width: 1600px;
  max-height: 700px;
  margin-inline: auto;
}
@media screen and (max-width: 1250px) {
  .container-ultrawide {
    max-height: 1700px;
  }
}

.particle-animation {
  position: absolute;
  top: 18%;
  height: 52%;
  transform: rotate(-22deg);
  pointer-events: none;
  z-index: 1;
  overflow: hidden;
  left: 13%;
  width: 51%;
}
.particle-animation div {
  width: 4px;
  height: 4px;
  background: transparent;
  border-radius: 100%;
  position: absolute;
}
.particle-animation #p1 {
  box-shadow: 74px 126px 4px #fff, 162px 113px 4px #fff, 258px 739px 5px #fff, 237px 445px 5px #fff, 101px 483px 5px #fff, 385px 54px 5px #fff, 242px 350px 4px #fff, 270px 14px 5px #fff, 283px 476px 5px #fff, 238px 332px 4px #fff, 65px 729px 5px #fff, 128px 673px 4px #fff, 251px 12px 4px #fff, 87px 85px 4px #fff, 217px 544px 5px #fff, 341px 62px 5px #fff, 176px 224px 5px #fff, 257px 692px 4px #fff, 352px 312px 5px #fff, 107px 456px 5px #fff, 27px 112px 5px #fff, 350px 605px 5px #fff, 13px 166px 5px #fff, 200px 488px 4px #fff, 365px 618px 5px #fff, 103px 359px 4px #fff, 246px 363px 4px #fff, 380px 153px 4px #fff, 1px 535px 4px #fff, 193px 503px 5px #fff, 349px 93px 5px #fff, 194px 678px 4px #fff, 53px 672px 4px #fff, 342px 482px 4px #fff, 98px 502px 4px #fff, 158px 471px 5px #fff, 77px 695px 4px #fff, 338px 36px 4px #fff, 176px 549px 5px #fff, 398px 204px 5px #fff, 202px 669px 4px #fff, 254px 612px 5px #fff, 62px 541px 5px #fff, 400px 584px 5px #fff, 77px 700px 5px #fff, 112px 20px 4px #fff, 49px 727px 4px #fff, 39px 593px 5px #fff, 378px 691px 5px #fff, 393px 281px 4px #fff, 17px 549px 5px #fff, 59px 441px 4px #fff, 84px 345px 5px #fff, 177px 791px 4px #fff, 243px 477px 4px #fff, 367px 349px 4px #fff, 164px 249px 5px #fff, 368px 777px 4px #fff, 64px 794px 4px #fff, 197px 345px 4px #fff;
  width: 5px;
  height: 5px;
  animation: p1Anim 10s linear infinite;
  opacity: 0.8;
}
.particle-animation #p2 {
  box-shadow: 297px 711px 4px #fff, 255px 54px 5px #fff, 26px 763px 5px #fff, 356px 209px 4px #fff, 147px 94px 5px #fff, 2px 708px 4px #fff, 370px 217px 5px #fff, 149px 517px 5px #fff, 118px 260px 5px #fff, 67px 547px 5px #fff, 213px 731px 4px #fff, 113px 295px 5px #fff, 132px 547px 4px #fff, 51px 273px 5px #fff, 306px 56px 5px #fff, 122px 26px 4px #fff, 7px 653px 4px #fff, 364px 608px 4px #fff, 377px 504px 5px #fff, 281px 711px 5px #fff, 237px 689px 5px #fff, 44px 225px 5px #fff, 65px 393px 5px #fff, 387px 68px 4px #fff, 252px 517px 4px #fff, 143px 266px 4px #fff, 103px 159px 5px #fff, 74px 739px 5px #fff, 363px 115px 5px #fff, 138px 783px 4px #fff, 89px 237px 5px #fff, 142px 120px 5px #fff, 346px 7px 5px #fff, 208px 400px 4px #fff, 301px 491px 4px #fff, 43px 615px 5px #fff, 225px 765px 4px #fff, 107px 641px 4px #fff, 229px 121px 5px #fff, 119px 102px 5px #fff, 215px 369px 5px #fff, 378px 551px 5px #fff, 31px 631px 4px #fff, 139px 571px 5px #fff, 301px 289px 5px #fff, 178px 106px 4px #fff, 2px 475px 5px #fff, 388px 49px 5px #fff, 395px 191px 5px #fff, 53px 50px 4px #fff, 27px 418px 5px #fff, 206px 291px 4px #fff, 44px 44px 5px #fff, 340px 343px 5px #fff, 6px 301px 4px #fff, 28px 164px 5px #fff, 106px 748px 5px #fff, 77px 366px 5px #fff, 368px 100px 5px #fff, 263px 378px 5px #fff;
  width: 5px;
  height: 5px;
  animation: p2Anim 10s linear infinite;
  opacity: 0.8;
}
.particle-animation #p3 {
  box-shadow: 130px 168px 6px #fff, 51px 121px 7px #fff, 306px 266px 7px #fff, 308px 75px 7px #fff, 362px 201px 6px #fff, 136px 168px 6px #fff, 265px 148px 6px #fff, 292px 157px 7px #fff, 380px 62px 6px #fff, 136px 284px 6px #fff, 317px 103px 7px #fff, 393px 41px 6px #fff, 123px 8px 6px #fff, 353px 5px 7px #fff, 101px 51px 6px #fff, 25px 147px 6px #fff, 10px 39px 6px #fff, 140px 235px 6px #fff, 176px 130px 7px #fff, 263px 60px 6px #fff, 8px 74px 6px #fff, 395px 233px 7px #fff, 75px 75px 7px #fff, 166px 154px 7px #fff, 52px 4px 6px #fff, 391px 126px 7px #fff, 188px 36px 6px #fff, 188px 90px 6px #fff, 203px 45px 7px #fff, 22px 60px 6px #fff;
  animation: p3Anim 15s linear infinite;
  width: 10px;
  height: 10px;
}
@media (max-width: 800px) {
  .particle-animation #p3 {
    display: none;
  }
}
.particle-animation #p4 {
  box-shadow: 328px 126px 7px #fff, 295px 93px 7px #fff, 325px 81px 7px #fff, 238px 262px 7px #fff, 195px 207px 6px #fff, 382px 251px 6px #fff, 378px 202px 6px #fff, 6px 208px 7px #fff, 144px 45px 7px #fff, 307px 67px 6px #fff, 49px 261px 7px #fff, 52px 156px 7px #fff, 235px 124px 6px #fff, 38px 180px 7px #fff, 112px 203px 7px #fff, 135px 38px 7px #fff, 335px 187px 7px #fff, 63px 6px 7px #fff, 11px 91px 6px #fff, 263px 119px 7px #fff, 110px 188px 7px #fff, 260px 18px 7px #fff, 112px 290px 7px #fff, 227px 76px 6px #fff, 379px 73px 6px #fff, 221px 93px 6px #fff, 97px 172px 6px #fff, 330px 32px 6px #fff, 207px 55px 6px #fff, 165px 31px 6px #fff;
  animation: p4Anim 15s linear infinite;
  width: 10px;
  height: 10px;
}
@media (max-width: 800px) {
  .particle-animation #p4 {
    display: none;
  }
}

@keyframes p1Anim {
  0% {
    top: 80%;
  }
  100% {
    top: -60%;
  }
}
@keyframes p1Anim {
  0% {
    top: 40%;
  }
  100% {
    top: -60%;
  }
}
@keyframes p3Anim {
  0% {
    top: 80%;
    left: 0;
    transform: rotate(0deg);
    opacity: 1;
  }
  40% {
    top: 70%;
    left: -20px;
    transform: rotate(-4deg);
    opacity: 0.6;
  }
  70% {
    top: 60%;
    left: 20px;
    transform: rotate(4deg);
    opacity: 0.5;
  }
  100% {
    top: 50%;
    left: -12px;
    transform: rotate(-3deg);
    opacity: 0;
  }
}
@keyframes p4Anim {
  0% {
    top: 80%;
    left: 0;
    transform: rotate(0deg);
    opacity: 1;
  }
  40% {
    top: 70%;
    left: -12px;
    transform: rotate(-4deg);
    opacity: 0.6;
  }
  70% {
    top: 60%;
    left: 12px;
    transform: rotate(4deg);
    opacity: 0.5;
  }
  100% {
    top: 50%;
    left: -12px;
    transform: rotate(-3deg);
    opacity: 0;
  }
}
.power-button-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  top: -25%;
  left: 0%;
  width: 150px;
}
@media (max-width: 800px) {
  .power-button-container {
    top: -15%;
  }
}

.power-button-label {
  margin-bottom: 8px;
  text-align: center;
}
@media (max-width: 1200px) {
  .power-button-label {
    display: none;
  }
}

.neon-power-button {
  background-color: #9cd306;
  border: none;
  border-radius: 100%;
  width: 74px;
  height: 74px;
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 800px) {
  .neon-power-button {
    width: 60px;
    height: 60px;
  }
}
.neon-power-button .icon {
  width: 90%;
  aspect-ratio: 1/1;
  background: radial-gradient(circle at center, #9cd306 50%, #769a0f 100%);
  border-radius: 50%;
  font-size: 32px;
  color: #ddfd7d;
  box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.35);
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.neon-power-button .icon::before {
  z-index: -1;
  content: "";
  position: absolute;
  top: -30%;
  left: -30%;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle, rgba(157, 255, 95, 0.5), transparent 70%);
  filter: blur(20px);
  pointer-events: none;
}
.neon-power-button:active, .neon-power-button.active {
  box-shadow: 0 0 60px #baff00;
  box-shadow: 0 0 10px #baff00 inset, 0 0 20px #baff00;
}
.neon-power-button:active .icon, .neon-power-button.active .icon {
  transform: scale(0.95);
  box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.06);
}

h2 {
  text-shadow: 9px 3px 4px rgba(0, 0, 0, 0.23);
}

@media (max-width: 800px) {
  .prize-section br {
    display: none;
  }
}
.prize-section h2 {
  position: relative;
  font-size: 3.5rem;
  margin-bottom: 105px;
}
@media (max-width: 800px) {
  .prize-section h2 {
    margin-bottom: 10px;
  }
}
.prize-section h4 {
  font-size: clamp(1.2rem, 4vw, 2.5rem);
  font-weight: bold;
  margin-bottom: 0.5rem;
  text-align: center;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
@media (max-width: 800px) {
  .prize-section h4 {
    text-align: left;
  }
}
.prize-section .no-b-m {
  margin-bottom: 0px;
}
.prize-section h5 {
  text-align: center;
  font-size: clamp(1.1rem, 4vw, 1.5rem);
  margin-bottom: 0.8rem;
}
@media (max-width: 800px) {
  .prize-section h5 {
    text-align: left;
  }
}
.prize-section p {
  font-size: clamp(1rem, 2.5vw, 1.3rem);
  line-height: 1.4;
  text-align: center;
  margin: 0 auto;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
@media (max-width: 800px) {
  .prize-section p {
    line-height: 1;
    text-align: left;
  }
}
.prize-section img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}
.prize-section .counter {
  width: clamp(60px, 12vw, 140px);
  height: clamp(60px, 12vw, 140px);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #adfe00;
  color: #014c01;
  font-weight: bold;
  font-size: 3rem;
  border-radius: 50%;
  box-shadow: 0 0 30px rgba(204, 255, 0, 0.6);
  z-index: 100;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .prize-section .counter {
    font-size: 1.8rem;
  }
}
.prize-section .price-item {
  position: relative;
  color: white;
  text-align: left;
  padding: 1rem 0;
}
.prize-section .price-item::before {
  content: "";
  position: absolute;
  background: rgba(255, 244, 148, 0.25);
  filter: blur(144px);
  z-index: -1;
  pointer-events: none;
  display: none;
  max-width: 99vw;
  width: 80vw;
  max-width: 600px;
  height: 400px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.prize-section .price-item.iphone .image {
  position: relative;
  transform: translate(-20px, 20px);
}
@media (max-width: 800px) {
  .prize-section .price-item.iphone .image {
    transform: scale(1.2) translate(-20px, 0px);
  }
}
.prize-section .price-item.iphone .image img {
  transform: scale(1.4);
}
.prize-section .price-item.iphone .image .counter {
  position: absolute;
  bottom: -6%;
  left: -23%;
}
@media (max-width: 800px) {
  .prize-section .price-item.iphone .desc {
    transform: translateX(8%);
  }
}
.prize-section .price-item.ps5 .image {
  position: relative;
}
@media (max-width: 800px) {
  .prize-section .price-item.ps5 .image {
    transform: scale(1.1) translate(5%, 70%);
  }
}
.prize-section .price-item.ps5 .image img {
  transform: translate(30%, -30%) scale(2);
}
.prize-section .price-item.ps5 .image .counter {
  position: absolute;
  bottom: 100%;
  left: 130%;
  transform: translate(-50%, 0);
}
.prize-section .price-item.ps5 .desc {
  transform: translateY(30%);
}
@media (max-width: 800px) {
  .prize-section .price-item.ps5 .desc {
    transform: translateY(100%);
  }
}
.prize-section .price-item.voucher::before {
  width: 90vw;
  max-width: 700px;
  transform: translateX(-50%) translateY(-10%);
}
@media (max-width: 800px) {
  .prize-section .price-item.voucher {
    transform: scale(1.1) translateX(20%);
  }
}
.prize-section .price-item.voucher .image {
  transform: translate(40%, 16%);
}
.prize-section .price-item.voucher .image img {
  transform: scale(2);
}
.prize-section .price-item.voucher .image .counter {
  position: absolute;
  bottom: -43%;
  left: 5%;
  transform: translate(-50%, 0);
}
@media (max-width: 800px) {
  .prize-section .price-item.voucher .image .counter {
    transform: translate(-170%, -200%);
  }
}
.prize-section .price-item.voucher .desc {
  transform: translateY(60%) translateX(10%);
}
@media (max-width: 800px) {
  .prize-section .price-item.voucher .desc {
    transform: translateY(138%) translateX(-91%);
  }
}
.prize-section .price-item.joya-box {
  transform: translateX(0%);
}
.prize-section .price-item.joya-box::before {
  width: 90vw;
  max-width: 700px;
  transform: translateX(-50%) translateY(-10%);
}
@media (max-width: 800px) {
  .prize-section .price-item.joya-box {
    transform: scale(1.2) translateY(140%);
  }
}
.prize-section .price-item.joya-box .image {
  transform: translate(60%, 0%);
}
.prize-section .price-item.joya-box .image img {
  transform: scale(2.2);
}
.prize-section .price-item.joya-box .image .counter {
  position: absolute;
  bottom: 63%;
  left: 20%;
  transform: translate(-50%, 0);
}
.prize-section .price-item.joya-box .desc {
  transform: translateY(130%) translateX(-40%);
}
.prize-section .spacer {
  margin-top: 150px;
}

.prize-section {
  position: relative;
  z-index: 1;
}
.prize-section .prizes-particle-background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
  pointer-events: none;
  overflow-x: clip;
}
.prize-section .prizes-particle-background .particle-animation {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: rotate(-15deg);
  pointer-events: none;
  z-index: 0;
}
.prize-section .prizes-particle-background .particle-animation div {
  width: 10px;
  height: 10px;
  background: transparent;
  animation: floatDust 12s ease-in-out infinite;
  border-radius: 50%;
}
.prize-section .prizes-particle-background .particle-animation #p1 {
  box-shadow: 1336px 246px 11px #fff, 1526px 902px 11px #fff, 712px 1600px 14px #fff, 1047px 842px 13px #fff, 677px 494px 12px #fff, 748px 14px 12px #fff, 610px 711px 15px #fff, 1299px 563px 14px #fff, 1130px 1301px 12px #fff, 812px 561px 13px #fff, 794px 186px 10px #fff, 93px 1545px 15px #fff, 185px 440px 10px #fff, 52px 589px 12px #fff, 212px 136px 13px #fff, 992px 180px 13px #fff, 228px 479px 14px #fff, 1136px 1139px 13px #fff, 385px 27px 12px #fff, 499px 1257px 13px #fff, 504px 1543px 15px #fff, 1226px 381px 11px #fff, 482px 736px 13px #fff, 459px 1334px 13px #fff, 237px 1000px 13px #fff, 1365px 1427px 14px #fff, 530px 1595px 11px #fff, 133px 758px 11px #fff, 1431px 1295px 11px #fff, 992px 410px 14px #fff;
  width: 15px;
  height: 15px;
  animation-name: floatDustXY;
  animation-delay: 0s;
  opacity: 0.9;
}
.prize-section .prizes-particle-background .particle-animation #p2 {
  box-shadow: 952px 748px 10px #fff, 801px 139px 14px #fff, 447px 1023px 10px #fff, 717px 192px 10px #fff, 26px 671px 13px #fff, 1284px 146px 11px #fff, 773px 165px 13px #fff, 996px 543px 12px #fff, 1341px 389px 14px #fff, 899px 26px 12px #fff, 913px 280px 13px #fff, 172px 1171px 10px #fff, 405px 295px 15px #fff, 1500px 732px 14px #fff, 989px 322px 15px #fff, 1325px 120px 15px #fff, 131px 1558px 13px #fff, 20px 348px 11px #fff, 480px 1183px 11px #fff, 1223px 745px 13px #fff, 1556px 360px 15px #fff, 923px 302px 10px #fff, 1537px 485px 15px #fff, 1380px 1227px 10px #fff, 480px 335px 11px #fff, 1226px 659px 10px #fff, 399px 943px 13px #fff, 316px 867px 10px #fff, 473px 32px 11px #fff, 1205px 632px 11px #fff;
  width: 15px;
  height: 15px;
  animation-name: floatDustX;
  animation-delay: 4s;
  animation-duration: 15s;
  opacity: 0.7;
}
@media (max-width: 800px) {
  .prize-section .prizes-particle-background .particle-animation #p2 {
    display: none;
  }
}
.prize-section .prizes-particle-background .particle-animation #p3 {
  box-shadow: 1573px 1339px 5px #fff, 34px 895px 5px #fff, 485px 574px 7px #fff, 568px 1132px 6px #fff, 1206px 1196px 5px #fff, 412px 164px 10px #fff, 370px 1114px 9px #fff, 1259px 210px 4px #fff, 1280px 121px 9px #fff, 421px 1023px 5px #fff, 166px 284px 6px #fff, 630px 910px 4px #fff, 531px 1446px 8px #fff, 52px 89px 7px #fff, 151px 1410px 6px #fff, 1402px 1113px 6px #fff, 588px 616px 6px #fff, 1076px 1232px 10px #fff, 332px 257px 10px #fff, 1537px 977px 10px #fff, 1367px 1413px 10px #fff, 2px 1260px 9px #fff, 786px 193px 9px #fff, 354px 731px 4px #fff, 1536px 145px 8px #fff, 451px 246px 5px #fff, 784px 1499px 7px #fff, 1179px 1427px 4px #fff, 149px 1126px 4px #fff, 983px 1263px 7px #fff;
  width: 7px;
  height: 7px;
  animation-name: floatDustCrazy;
  animation-delay: 7s;
  animation-duration: 18s;
  opacity: 0.6;
}
.prize-section .prizes-particle-background .particle-animation #p4 {
  box-shadow: 683px 1542px 6px #fff, 1448px 1451px 7px #fff, 993px 485px 6px #fff, 776px 591px 9px #fff, 1367px 1255px 9px #fff, 829px 84px 10px #fff, 1480px 357px 10px #fff, 913px 117px 11px #fff, 139px 278px 11px #fff, 192px 1378px 6px #fff, 277px 1447px 6px #fff, 1221px 297px 10px #fff, 792px 1361px 6px #fff, 787px 904px 9px #fff, 1378px 883px 11px #fff, 526px 684px 6px #fff, 749px 604px 9px #fff, 1171px 1503px 7px #fff, 1263px 1165px 5px #fff, 280px 1181px 5px #fff, 296px 1336px 5px #fff, 690px 1232px 8px #fff, 474px 132px 5px #fff, 864px 352px 7px #fff, 1556px 1260px 7px #fff, 247px 1502px 6px #fff, 1383px 1036px 8px #fff, 358px 49px 5px #fff, 855px 837px 5px #fff, 258px 375px 9px #fff;
  width: 10px;
  height: 10px;
  animation-name: floatDustXY;
  animation-delay: 10s;
  animation-duration: 20s;
  opacity: 0.5;
}

@keyframes floatDustXY {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(-15px, -10px);
  }
  50% {
    transform: translate(10px, 20px);
  }
  75% {
    transform: translate(-20px, 15px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes floatDustX {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-120%);
  }
  50% {
    transform: translateX(100%);
  }
  75% {
    transform: translateX(-80%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes floatDustCrazy {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  25% {
    transform: translate(-30px, 25px) rotate(5deg);
  }
  50% {
    transform: translate(40px, -20px) rotate(-8deg);
  }
  75% {
    transform: translate(-20px, 30px) rotate(3deg);
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}
.glow-blob2 {
  content: "";
  position: absolute;
  background: rgba(255, 244, 148, 0.25);
  filter: blur(144px);
  z-index: -1;
  pointer-events: none;
  display: none;
  max-width: 99vw;
  position: absolute;
  filter: blur(204px);
  width: 60vw;
  height: 605px;
}

@keyframes animDust {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-600px);
  }
}
.terms {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-top: 2rem;
  margin-left: 2rem;
}
.terms .term {
  display: flex;
  align-items: center;
  gap: 2.5rem;
}
@media (max-width: 800px) {
  .terms .term {
    display: block;
  }
}
.terms .term .number {
  font-family: "Cute Love", cursive;
  font-size: 5rem;
  font-weight: bold;
  color: #ccff00;
  text-shadow: 9px 3px 4px rgba(0, 0, 0, 0.23);
  flex-shrink: 0;
}
.terms .term p {
  font-size: 2rem;
  text-align: left;
  color: white;
  line-height: 1.5;
  margin: 0;
}
@media (max-width: 800px) {
  .terms .term p {
    font-size: 1.2rem;
    width: 100%;
    text-align: center;
  }
}

#rules .joya-button-wrapper {
  z-index: 100;
}
@media (min-width: 1200px) {
  #rules .joya-button-wrapper {
    transform: translateX(-160%) translateY(-600%);
  }
}
@media (max-width: 550px) {
  #rules {
    margin-bottom: 7rem;
  }
}

.bars {
  position: relative;
  width: 100%;
  height: 250px;
  z-index: -1;
  transform: translateY(-75%);
}
.bars img {
  position: absolute;
  filter: drop-shadow(0 0 15px rgba(255, 255, 255, 0.3));
  width: min(300px, 50vw);
}
.bars .orange {
  top: -20px;
  right: 20px;
}
.bars .red {
  top: 166px;
  left: 40%;
}
.bars .green {
  top: 140px;
  right: 80px;
}
@media (max-width: 800px) {
  .bars .orange {
    top: -20px;
    right: -50px;
  }
  .bars .red {
    top: -500px;
    left: -80px;
  }
  .bars .green {
    top: 170px;
    right: 120px;
  }
}

.win-form {
  position: relative;
  padding: 4rem 1rem;
  display: inline-grid;
  width: 99.9vw;
}
.win-form .joya-button-wrapper {
  margin-left: auto;
  margin-right: auto;
  float: none !important;
}
@media (max-width: 800px) {
  .win-form {
    padding: 7rem 0.5rem;
  }
}
.win-form .form-container {
  position: relative;
  max-width: 600px;
  margin: 0 auto;
  z-index: 2;
}
.win-form form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: relative;
  z-index: 2;
}
.win-form form .form-input-container {
  display: inline-grid;
  opacity: 0.9;
  margin-left: 1rem;
  margin-right: 1rem;
}
@media (max-width: 500px) {
  .win-form form .form-input-container {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
}
.win-form form .form-input {
  clip-path: polygon(0 0, 95% 0, 100% 50%, 100% 100%, 5% 100%, 0% 50%);
  background: #b5ff00;
  padding: 2px;
  display: inline-block;
  border-radius: 5px;
}
.win-form form .form-input input[type=text],
.win-form form .form-input input[type=email],
.win-form form .form-input input[type=file] {
  clip-path: inherit;
  background: rgba(0, 0, 0, 0.4);
  border: none;
  border-radius: 0;
  color: #ffffff;
  font-weight: bold;
  padding: 0.75rem 2rem;
  font-size: 1.2rem;
  text-transform: uppercase;
  outline: none;
  transition: box-shadow 0.3s ease;
  width: 100%;
}
@media (max-width: 500px) {
  .win-form form .form-input input[type=text],
  .win-form form .form-input input[type=email],
  .win-form form .form-input input[type=file] {
    padding: 0.5rem 1rem;
  }
}
.win-form form .form-input input[type=text]::placeholder,
.win-form form .form-input input[type=email]::placeholder,
.win-form form .form-input input[type=file]::placeholder {
  color: #ffffff;
  opacity: 0.7;
}
.win-form form .form-input input[type=text]:focus,
.win-form form .form-input input[type=email]:focus,
.win-form form .form-input input[type=file]:focus {
  box-shadow: 0 0 0 2px #eeff00;
}
.win-form form .form-input input[type=file] {
  -webkit-appearance: none;
  appearance: none;
  background-color: #d4ff5d;
  color: #0f3d0f;
  font-weight: bold;
  font-size: 1rem;
  padding: 0.5rem 1rem;
  cursor: pointer;
}
.win-form .background {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(30%) scale(2.4);
  z-index: -100;
}
.win-form .background img.glitch-form {
  mix-blend-mode: screen;
  width: 100%;
  max-width: 700px;
  height: auto;
  z-index: 1;
  pointer-events: none;
  user-select: none;
}
@media (max-width: 550px) {
  .win-form .background img.glitch-form {
    display: none;
  }
}
.win-form .background img.glitch-form-mobile {
  mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 10%, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 10%, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);
  mask-composite: intersect;
  mask-size: cover;
  display: none;
}
@media (max-width: 550px) {
  .win-form .background img.glitch-form-mobile {
    display: block;
    mix-blend-mode: screen;
    width: 100%;
    max-width: 700px;
    height: auto;
    z-index: 1;
    pointer-events: none;
    user-select: none;
    transform: scaleY(0.9);
  }
}
@media (max-width: 550px) {
  .win-form .background {
    transform: translateX(-50%) translateY(-2%) scale(2.1) rotateX(25deg) rotateZ(-1deg);
  }
}
.win-form .under-win-form {
  margin-top: 160px;
}
.win-form .under-win-form p {
  color: #adfb00;
}
.win-form .under-win-form a {
  text-decoration: none;
  color: #adfb00;
  font-weight: bold;
}
@media (max-width: 550px) {
  .win-form .win-form-container {
    margin-left: 70px;
    margin-right: 70px;
  }
}
@media (max-width: 550px) and (max-width: 450px) {
  .win-form {
    margin-top: 0px;
  }
}
@media (max-width: 550px) {
  .win-form .under-win-form {
    margin-top: 4rem;
    font-size: 0.7rem;
  }
}
@media (max-width: 550px) and (max-width: 640px) {
  .win-form .under-win-form {
    margin-top: 7rem;
  }
}
@media (max-width: 540px) {
  .win-form h2 {
    font-size: 1.8rem;
    padding-left: 1.3rem;
  }
  .win-form .win-form-container {
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media (max-width: 540px) and (max-width: 400px) {
  .win-form .win-form-container {
    margin-top: -30px;
  }
}
@media (max-width: 540px) {
  .win-form .submit-button {
    margin-top: 10px;
  }
}
.win-form .file {
  width: 1.1px;
  height: 1.1px;
  position: relative;
  transform: translateX(51px) translateY(5px);
  float: left;
}
.win-form .file-input label {
  display: block;
  position: relative;
  width: 200px;
  height: 35px;
  background-color: #91de07;
  color: #0b5710;
  box-shadow: 0 4px 7px rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  cursor: pointer;
  transition: transform 0.2s ease-out;
  clip-path: polygon(0 0, 90% 0, 100% 50%, 100% 100%, 10% 100%, 0% 50%);
}
.win-form .file-name.file-error {
  animation-name: wobble-horizontal-on-hover;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

@keyframes powerUpGlow {
  0% {
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.3));
  }
  100% {
    filter: drop-shadow(0 0 30px rgb(255, 255, 255));
  }
}
.glow-power-up img {
  animation: powerUpGlow 0.8s ease-in-out;
}

.slow-disappear {
  animation: slowDisappear 0.8s ease-in-out forwards;
}

@keyframes slowDisappear {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes showSlideFromTop {
  0% {
    opacity: 0;
    transform: translateY(-20px) translateX(-50%);
  }
  100% {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}
.show-slideFromTop {
  animation: showSlideFromTop 0.8s ease-in-out forwards;
  display: block !important;
}

.win-form-success {
  opacity: 0;
  position: absolute;
  top: 26%;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
}
@media (max-width: 800px) {
  .win-form-success {
    margin-top: -40px;
  }
}
@media (max-width: 450px) {
  .win-form-success {
    margin-top: 0px;
  }
}
.win-form-success h3 {
  font-weight: bold;
  font-size: 2rem;
}
@media (max-width: 500px) {
  .win-form-success h3 {
    font-size: 1.4rem;
  }
}
.win-form-success p {
  font-size: 1.7rem;
}
@media (max-width: 500px) {
  .win-form-success p {
    font-size: 1rem;
  }
}

@keyframes wobble-horizontal-on-hover {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.winners {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
  padding: 2rem;
  position: relative;
}
.winners .winner {
  position: relative;
  text-align: center;
  font-size: clamp(12px, 1.5vw, 20px);
}
.winners .winner img {
  width: 100%;
  height: auto;
  display: block;
  mix-blend-mode: screen;
  transform: scale(1.2);
}
.winners .winner .content-overlay {
  letter-spacing: -1px;
  position: absolute;
  top: 57%;
  left: 50%;
  transform: translate(-56%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1rem;
  width: 100%;
  height: 65%;
  overflow: hidden;
}
.winners .winner .content-overlay .scrolling-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: scroll-up 70s linear infinite;
}
.winners .winner .content-overlay .scrolling-content .item {
  font-weight: bold;
  margin-top: 0.5em;
  color: #FFD700;
  font-size: 0.8em;
}
.winners .winner .content-overlay .scrolling-content .name {
  color: #fff;
  font-size: 0.9em;
  margin-bottom: 0.4em;
}
@media (max-width: 800px) {
  .winners .winner .content-overlay .scrolling-content .name {
    font-size: 1.1rem;
  }
  .winners .winner .content-overlay .scrolling-content .item {
    font-size: 1rem;
  }
}
.winners .winner .content-overlay .dust-container {
  position: absolute;
  top: 2%;
  left: 31%;
  width: 38%;
  height: 100%;
  pointer-events: none;
  z-index: 4;
  overflow: hidden;
}
.winners .winner .content-overlay .dust-container .dust {
  width: 4px;
  height: 4px;
  background: transparent;
  animation: animDust 6s linear infinite;
  transform: translateX(-10%);
}
.winners .winner .content-overlay .dust-container .p1 {
  box-shadow: 381px 103px 1px #fff, 102px 393px 6px #fff, 180px 348px 5px #fff, 331px 159px 6px #fff, 362px 437px 4px #fff, 224px 171px 6px #fff, 386px 466px 1px #fff, 344px 457px 3px #fff, 294px 93px 2px #fff, 240px 361px 2px #fff;
}
.winners .winner .content-overlay .dust-container .p2 {
  box-shadow: 72px 270px 6px #fff, 219px 157px 2px #fff, 120px 216px 1px #fff, 187px 32px 4px #fff, 174px 248px 5px #fff, 398px 324px 5px #fff, 98px 202px 6px #fff, 96px 371px 6px #fff, 99px 19px 5px #fff, 104px 469px 3px #fff;
  animation-delay: 5s;
  opacity: 0.7;
}
.winners .winner .content-overlay .dust-container .p3 {
  box-shadow: 182px 175px 5px #fff, 220px 408px 2px #fff, 301px 226px 4px #fff, 282px 280px 1px #fff, 154px 431px 6px #fff, 101px 9px 1px #fff, 204px 99px 2px #fff, 191px 500px 5px #fff, 252px 32px 4px #fff, 350px 196px 3px #fff, 39px 452px 4px #fff, 363px 132px 5px #fff, 292px 37px 4px #fff, 249px 17px 1px #fff, 71px 420px 6px #fff, 91px 99px 5px #fff, 366px 150px 3px #fff, 376px 69px 5px #fff, 244px 329px 5px #fff, 61px 219px 2px #fff;
  animation-delay: 10s;
  opacity: 0.5;
}
.winners .winner .content-overlay .dust-container .p4 {
  box-shadow: 168px 89px 6px #fff, 232px 447px 4px #fff, 210px 57px 3px #fff, 278px 29px 4px #fff, 240px 16px 6px #fff, 312px 226px 1px #fff, 173px 67px 6px #fff, 281px 140px 5px #fff, 362px 335px 2px #fff, 206px 335px 4px #fff, 258px 126px 6px #fff, 146px 45px 1px #fff, 327px 186px 3px #fff, 250px 238px 1px #fff, 213px 48px 2px #fff, 157px 364px 1px #fff, 156px 335px 5px #fff, 9px 421px 4px #fff, 10px 124px 5px #fff, 88px 288px 4px #fff, 386px 143px 6px #fff, 103px 229px 3px #fff, 357px 208px 3px #fff, 218px 403px 2px #fff, 110px 19px 4px #fff, 330px 378px 6px #fff, 176px 259px 3px #fff, 79px 41px 5px #fff, 23px 260px 1px #fff, 361px 309px 4px #fff;
  animation-delay: 2s;
  opacity: 0.4;
}
.winners .winner .content-overlay .still-disabled {
  color: #bada55;
  font-size: 1.1em;
  font-weight: bold;
}
.winners h5 {
  font-weight: bold;
  transform: translateX(-5%);
  font-size: 1.8rem;
}

@keyframes scroll-up {
  0% {
    transform: translateY(60%);
  }
  100% {
    transform: translateY(-50%);
  }
}
.winner-scroll-wrapper {
  position: relative;
  margin-left: 40px;
  mix-blend-mode: screen;
}
@media (min-width: 800px) {
  .winner-scroll-wrapper .row > :nth-child(2) {
    mix-blend-mode: screen;
    transform: translateY(-20%) translate3d(0, 0, 0);
    will-change: transform;
  }
}
@media (max-width: 800px) {
  .winner-scroll-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 1rem;
    margin-right: -1rem;
    scroll-snap-type: x mandatory;
    margin-left: 20px;
    overflow-y: hidden;
  }
  .winner-scroll-wrapper::-webkit-scrollbar {
    display: none;
  }
  .winner-scroll-wrapper .row {
    flex-wrap: nowrap;
    gap: 1rem;
  }
  .winner-scroll-wrapper .winner {
    flex: 0 0 auto;
    min-width: 80vw;
    max-width: 85vw;
    scroll-snap-align: start;
  }
}

.disabled img, .disabled .still-disabled {
  opacity: 0.7;
}

.fcontainer {
  position: relative;
}

.arrow-wrapper {
  position: absolute;
  top: 55%;
  transform: translateY(-50%);
  z-index: 10;
  width: 32px;
  height: auto;
  cursor: pointer;
  opacity: 0.8;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.arrow-wrapper:hover {
  opacity: 1;
}
.arrow-wrapper.left {
  left: 8px;
}
.arrow-wrapper.right {
  right: 8px;
}
.arrow-wrapper img {
  display: block;
  width: 100%;
  height: auto;
  mix-blend-mode: screen;
}
@media (min-width: 800px) {
  .arrow-wrapper {
    display: none;
  }
}

@media (min-width: 800px) {
  .navbar-brand {
    top: 5px;
    left: 5px;
    position: absolute;
  }
}

nav.custom-navbar {
  position: relative;
  z-index: 100;
}
@media (max-width: 800px) {
  nav.custom-navbar {
    margin-bottom: 20px;
  }
}
nav.custom-navbar .joya-logo {
  height: 38px;
  mix-blend-mode: lighten;
}
@media (max-width: 800px) {
  nav.custom-navbar .joya-logo {
    height: 40px;
    left: 10px;
  }
}
nav.custom-navbar .navbar-nav .nav-link {
  color: #dded3a;
  font-weight: bold;
  font-size: 1.1rem;
  margin-left: 1rem;
}
nav.custom-navbar .navbar-nav .nav-link:hover {
  color: #d7e820;
}
nav.custom-navbar .navbar-toggler {
  border: none;
}
nav.custom-navbar .navbar-toggler:focus {
  outline: none;
  box-shadow: none;
}
nav.custom-navbar .navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%28255, 233, 82, 1%29' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
@media (max-width: 991.98px) {
  nav.custom-navbar .navbar-nav .nav-link {
    margin: 0.5rem 0;
    text-align: center;
  }
}

@font-face {
  font-family: "Proxima Nova";
  src: url("/assets/proximanova_black.otf") format("opentype"), url("/assets/proximanova_black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Proxima Nova";
  src: url("/assets/proximanova_blackit.otf") format("opentype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Proxima Nova";
  src: url("/assets/proximanova_extrabold.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Proxima Nova";
  src: url("/assets/proximanova_bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Proxima Nova";
  src: url("/assets/proximanova_boldit.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Proxima Nova";
  src: url("/assets/proximanova_regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Proxima Nova";
  src: url("/assets/proximanova_light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Cute Love";
  src: url("/assets/CuteLove-Regular2.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: "Proxima Nova", sans-serif;
}

h2 {
  font-family: "Cute Love", sans-serif;
  text-align: left;
  font-size: 4rem;
}

img {
  user-select: none;
  pointer-events: none;
}

section {
  overflow-x: clip;
  width: 99vw;
}

body {
  overflow-x: hidden;
}

.spacer2 {
  margin-top: 210px;
}
@media (max-width: 1000px) {
  .spacer2 {
    margin-top: 590px;
  }
}
@media (max-width: 458px) {
  .spacer2 {
    margin-top: 490px;
  }
}

img {
  -webkit-backface-visibility: visible;
}

.mt-8 {
  margin-top: 80px;
}

@media (max-width: 800px) {
  .br-xl {
    display: none;
  }
}

.abs-fency-glow {
  content: "";
  position: absolute;
  background: rgba(255, 244, 148, 0.25);
  filter: blur(144px);
  z-index: -1;
  pointer-events: none;
  display: none;
  max-width: 99vw;
}

/*# sourceMappingURL=main.css.map */