@charset "UTF-8";
@font-face {
  font-family: 'HELVETICAINSERATLTPRO';
  src: url("../fonts/HELVETICAINSERATLTPRO.OTF") format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "HarmonyOS_Sans_SC_Black";
  src: url("../fonts/HarmonyOS_Sans_SC_Black.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "HarmonyOS_Sans_SC_Bold";
  src: url("../fonts/HarmonyOS_Sans_SC_Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "HarmonyOS_Sans_SC_Medium";
  src: url("../fonts/HarmonyOS_Sans_SC_Medium.ttf") format("truetype");
  font-weight: medium;
  font-style: normal;
}

@font-face {
  font-family: "Orbitron-Black";
  src: url("../fonts/Orbitron-Black.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Amuro';
  src: url("../fonts/Amuro.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

* {
  box-sizing: border-box;
}

*::before, *::after {
  box-sizing: border-box;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-weight: normal;
  font-style: normal;
}

ol, ul {
  list-style: none;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: 100%;
}

q:before, q:after {
  content: '';
}

fieldset, img, abbr, acronym {
  border: 0;
}

body {
  font-size: 12px;
  font-family: "HarmonyOS_Sans_SC_Bold", Arial, sans-serif;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
}

html {
  width: 100%;
  height: 100%;
  font-size: calc(100vw / 2560 * 100);
}

a {
  text-decoration: none;
}

.hero {
  height: 14.41rem;
  position: relative;
  overflow: hidden;
  /* 为.hero__scroll元素添加动画 */
}

.hero__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url("../imgs/hero-bg.jpg") top center no-repeat;
  background-size: 100% 100%;
  z-index: 1;
  padding: 0;
  margin: 0;
}

.hero__bg .kv-loop {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero__content {
  position: relative;
  height: 100%;
  z-index: 2;
  padding-top: 4.1rem;
  padding-left: 2.4rem;
  box-sizing: border-box;
}

.hero__logo {
  width: 5.62rem;
  height: 1.57rem;
}

.hero__play {
  position: absolute;
  top: 4.1rem;
  left: 8.3rem;
  display: block;
  width: 2.16rem;
  height: 1.51rem;
  border: none;
  background: url("../imgs/kv-icon-play.png") top center no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  color: #fff;
  font-size: 0.18rem;
  text-align: center;
  padding-top: 1.5rem;
}

.hero__slogan {
  width: 10.55rem;
  height: 2.92rem;
  background: url("../imgs/en/slogan.png") top center no-repeat;
  background-size: 100% 100%;
  margin-top: 0.43rem;
}

.hero__date {
  text-align: center;
  color: #4ea7ff;
  font-size: 0.52rem;
  font-family: "HELVETICAINSERATLTPRO", Arial, sans-serif;
  margin-top: 0.37rem;
  width: 8.49rem;
  height: 0.66rem;
  padding-top: 0.08rem;
  box-sizing: border-box;
  background: url("../imgs/hero-date.png") top center no-repeat;
  background-size: 100% 100%;
}

.hero__signup {
  display: block;
  width: 5.99rem;
  height: 1.21rem;
  background: url("../imgs/en/btn-sign-up-now.png") top center no-repeat;
  background-size: 100% 100%;
  outline: none;
  border: none;
  margin-top: 0.96rem;
  margin-left: 2.63rem;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  -webkit-user-select: none;
}

.hero__steam {
  width: 8.49rem;
  font-size: 0.2rem;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'HarmonyOS_Sans_SC_Medium';
  margin-top: 0.26rem;
}

.hero__steam_left {
  width: 0.33rem;
  height: 0.15rem;
  background: url("../imgs/triangles-left.png") top center no-repeat;
  background-size: 100% 100%;
}

.hero__steam_center {
  margin: 0 0.15rem;
}

.hero__steam_right {
  width: 0.33rem;
  height: 0.15rem;
  background: url("../imgs/triangles-right.png") top center no-repeat;
  background-size: 100% 100%;
}

.hero__scroll {
  position: absolute;
  bottom: 1.5rem;
  left: 50%;
  width: 1.07rem;
  height: 0.68rem;
  margin-left: -0.54rem;
  background: url("../imgs/mouse.png") top center no-repeat;
  background-size: 100% 100%;
  animation: floatUpDown 1s ease-in-out infinite alternate;
}

/* 定义关键帧动画 */
@keyframes floatUpDown {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(15px);
  }
}

.countdown {
  width: 100vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  justify-content: flex-start;
  align-items: center;
  height: 14.42rem;
  background: url("../imgs/countdown-bg.jpg") center center/cover no-repeat;
}

.countdown__title {
  color: #4ea7ff;
  font-size: 1.1rem;
  margin-bottom: 0.24rem;
  font-family: "HELVETICAINSERATLTPRO", Arial, sans-serif;
  text-align: center;
  margin-top: 2.36rem;
  line-height: 0;
}

.countdown__subtitle {
  color: #4ea7ff;
  font-family: "HarmonyOS_Sans_SC_Bold", Arial, sans-serif;
  text-align: center;
  font-size: 0.4rem;
  font-weight: bold;
  margin-top: 0.29rem;
}

.countdown__timer {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.18rem;
  font-size: 0.2rem;
  font-family: monospace;
  color: #c262ff;
  align-items: flex-start;
  margin-top: 1.15rem;
}

.countdown__box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: 1.2rem;
  font-family: Orbitron-Black;
  line-height: 0;
  min-width: 2.2rem;
}

.countdown__colon {
  min-width: 0.4rem;
}

.countdown__num {
  font-size: 1.2rem;
  color: #c262ff;
  font-weight: bold;
  min-width: 0.48rem;
  display: inline-block;
  letter-spacing: 0.05rem;
}

.countdown__label {
  font-size: 0.3rem;
  font-family: "HELVETICAINSERATLTPRO", Arial, sans-serif;
  margin-top: 1rem;
}

.countdown__timer-end {
  font-family: Orbitron-Black;
  font-size: 1.2rem;
  color: #c262ff;
  font-weight: bold;
  text-align: center;
  margin-top: 1.15rem;
  display: none;
}

.countdown__desc {
  color: #5d5d5d;
  font-family: "HarmonyOS_Sans_SC_Medium", Arial, sans-serif;
  font-size: 0.34rem;
  text-align: center;
  margin-top: 1.4rem;
}

.countdown__desc b {
  font-family: "HarmonyOS_Sans_SC_Bold", Arial, sans-serif;
}

.countdown__table-wrap {
  width: 12.11rem;
  height: 4.91rem;
  background: url("../imgs/perks-dialog.png") top center no-repeat;
  background-size: 100% 100%;
  display: flex;
  box-sizing: border-box;
  margin-top: 0.41rem;
  justify-content: center;
  align-items: center;
}

.countdown__table {
  font-family: "HarmonyOS_Sans_SC_Bold", Arial, sans-serif;
  font-size: 0.24rem;
  color: #5d5d5d;
  text-align: center;
}

.countdown__table td {
  padding-bottom: 0.26rem;
}

.countdown__table tr:nth-last-child(1) td {
  padding-bottom: 0;
}

.countdown__table-region {
  color: #3ba2ff;
  font-size: 0.3rem;
  text-align: left;
}

.countdown__table-day {
  width: 2.63rem;
  height: 0.47rem;
  background: url("../imgs/mini-header-bg.png") top center no-repeat;
  background-size: 100% 100%;
  font-size: 0.23rem;
  margin-right: 0.27rem;
  margin-bottom: 0.3rem;
  line-height: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-family: "HarmonyOS_Sans_SC_Bold", Arial, sans-serif;
}

.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}

.modal--active {
  display: block;
}

.modal__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
}

.modal__content {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 16rem;
  height: 9rem;
  background: #000000;
  box-shadow: 0 0.08rem 0.16rem rgba(0, 0, 0, 0.3);
}

.modal__close {
  position: absolute;
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  background: url("../imgs/close-button.png") top center no-repeat;
  background-size: 100% 100%;
  top: -0.6rem;
  right: 0.1rem;
  border: none;
  cursor: pointer;
}

.modal iframe {
  width: 100%;
  height: 100%;
}

.modal__video {
  width: 100%;
  height: 100%;
}

.rewards {
  width: 100vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  justify-content: flex-start;
  align-items: center;
  height: 14.40rem;
  padding-top: 1.4rem;
  box-sizing: border-box;
  background: url("../imgs/rewards-bg.jpg") center center/cover no-repeat;
}

.rewards__title {
  color: #4ea7ff;
  font-size: 1.1rem;
  font-weight: bold;
  font-family: "HELVETICAINSERATLTPRO", Arial, sans-serif;
  overflow: visible;
}

.rewards__desc {
  color: #4ea7ff;
  font-family: "HarmonyOS_Sans_SC_Bold", Arial, sans-serif;
  font-size: 0.4rem;
  padding: 0 5rem;
  text-align: center;
}

.rewards__list {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 0.6rem;
  flex-wrap: wrap;
  margin-top: 1.09rem;
  font-family: "HarmonyOS_Sans_SC_Bold", Arial, sans-serif;
}

.rewards__item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.rewards__item-title {
  font-weight: bold;
  margin-bottom: 0.12rem;
  font-size: 0.32rem;
  color: #5d5d5d;
}

.rewards__item-title .text-purple {
  color: #c262ff;
}

.rewards__item-img img {
  width: 4.43rem;
  height: 3.47rem;
  object-fit: contain;
  margin-bottom: 0.08rem;
}

.rewards__item-label {
  color: #1ec8ff;
  font-weight: bold;
  font-size: 0.12rem;
}

.rewards__in-game {
  margin-top: 0.6rem;
}

.rewards__in-game-title {
  font-weight: bold;
  font-size: 0.32rem;
  color: #5d5d5d;
  margin-bottom: 0.2rem;
  text-align: center;
}

.rewards__in-game-title .text-purple {
  color: #c262ff;
}

.rewards__in-game-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.18rem;
  flex-wrap: wrap;
}

.rewards__in-game-list li {
  color: #5d5d5d;
  font-size: 0.1rem;
  margin-bottom: 0.06rem;
  font-family: "HarmonyOS_Sans_SC_Medium", Arial, sans-serif;
  text-align: center;
}

.rewards__in-game-list p {
  font-size: 0.24rem;
}

.rewards__in-game-desc {
  font-family: "HarmonyOS_Sans_SC_Bold", Arial, sans-serif;
}

.rewards__in-game-img {
  display: block;
  width: 3.25rem;
  height: 2.36rem;
  margin-bottom: 0.05rem;
}

.howto {
  width: 100vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  padding-top: 1.71rem;
  box-sizing: border-box;
  height: 14.42rem;
  background: url("../imgs/howto-bg.jpg") top center no-repeat;
  background-size: 100% 100%;
}

.howto__title {
  color: #4ea7ff;
  font-size: 1.1rem;
  font-weight: bold;
  font-family: "HELVETICAINSERATLTPRO", Arial, sans-serif;
}

.howto__steps {
  width: 10rem;
  display: inline-block;
  text-align: left;
  font-size: 0.38rem;
  color: #212121;
  margin-left: 5.5rem;
  margin-top: 0.93rem;
}

.howto__steps > li {
  margin-bottom: 0.26rem;
  background: linear-gradient(90deg, rgba(93, 93, 93, 0.2), rgba(171, 204, 233, 0.2));
  font-family: "HarmonyOS_Sans_SC_Medium", Arial, sans-serif;
  border-radius: 0.16rem 0 0.16rem 0;
  display: flex;
}

.howto__steps b {
  font-family: "HarmonyOS_Sans_SC_Black", Arial, sans-serif;
}

.howto__step {
  margin-bottom: 0.16rem;
  padding: 0.16rem 0.18rem;
  line-height: 1.7;
  box-shadow: 0 0.02rem 0.08rem rgba(30, 200, 255, 0.04);
  font-size: 0.38rem;
}

.howto__step ul {
  list-style-type: disc;
  padding-left: 1rem;
}

.claim {
  width: 100vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 11.28rem;
  background: url("../imgs/claim-bg.jpg") center center/cover no-repeat;
}

.claim__title {
  color: #fff;
  font-size: 1.1rem;
  font-weight: bold;
  margin-bottom: 0.8rem;
  font-family: "HELVETICAINSERATLTPRO", Arial, sans-serif;
  text-align: center;
  padding: 0 5rem;
}

.claim__desc {
  color: #fff;
  font-size: 0.4rem;
  font-family: "HarmonyOS_Sans_SC_Bold", Arial, sans-serif;
  text-align: center;
}

.claim__desc-note {
  color: #f83f73;
  font-size: 0.4rem;
  margin-top: 0.1rem;
  display: block;
}

.claim__signup {
  display: block;
  width: 4.45rem;
  height: 1.19rem;
  background: url("../imgs/en/btn-sign-up-now.png") top center no-repeat;
  background-size: 100% 100%;
  outline: none;
  border: none;
  margin-top: 1.25rem;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  -webkit-user-select: none;
}

.footer {
  width: 100vw;
  background: linear-gradient(to bottom, #16181c, #12143c);
  padding: .5rem 0;
  width: 100vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  justify-content: center;
}

.footer__logo {
  display: flex;
  align-items: center;
  gap: 0.79rem;
}

.footer-pewpew1 {
  width: 1.8rem;
  height: 0.92rem;
  background: url("../imgs/logo-pewpew1.png") top center no-repeat;
  background-size: 100% 100%;
}

.footer-antidote {
  width: 2.65rem;
  height: 0.41rem;
  background: url("../imgs/logo-antidote.png") top center no-repeat;
  background-size: 100% 100%;
}

.footer__text {
  color: #3ba2ff;
  font-size: 0.34rem;
  font-family: "HarmonyOS_Sans_SC_Medium", Arial, sans-serif;
  margin-top: 1.13rem;
}

.footer__text b {
  font-family: "HarmonyOS_Sans_SC_Black", Arial, sans-serif;
}

.footer-line2 {
  margin-top: .7rem;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer-line2 a {
  color: #c7c7c7;
  font-size: .18rem;
  display: block;
  text-align: center;
  text-transform: uppercase;
  outline: none !important;
  border: none !important;
}

.footer-line2 .delimiter {
  width: 1px;
  height: .2rem;
  background-color: #c7c7c7;
  margin: 0 1.06rem;
}

.footer-line3 {
  margin-top: .3rem;
  color: #c7c7c7;
  font-size: .16rem;
  text-align: center;
  text-transform: uppercase;
  flex-direction: column;
}

.h5-ele {
  display: none;
}

.lang_en .hero__slogan {
  width: 8.95rem;
  height: 2.83rem;
  background-image: url("../imgs/en/slogan.png");
}

.lang_en .hero__signup {
  width: 4.45rem;
  height: 1.19rem;
  background-image: url("../imgs/en/btn-sign-up-now.png");
  margin-left: 2.03rem;
}

.lang_en .claim__signup {
  width: 4.45rem;
  height: 1.19rem;
  background-image: url("../imgs/en/btn-sign-up-now.png");
}

.lang_pt .hero__slogan {
  width: 9.63rem;
  height: 2.72rem;
  background-image: url("../imgs/pt/slogan.png");
}

.lang_pt .hero__signup {
  width: 4.66rem;
  height: 1.19rem;
  background-image: url("../imgs/pt/btn-sign-up-now.png");
  margin-left: 2.03rem;
}

.lang_pt .claim__signup {
  background-image: url("../imgs/pt/btn-sign-up-now.png");
}

.lang_es .hero__slogan {
  width: 9.63rem;
  height: 2.72rem;
  background-image: url("../imgs/es/slogan.png");
}

.lang_es .hero__signup {
  width: 4.66rem;
  height: 1.19rem;
  background-image: url("../imgs/es/btn-sign-up-now.png");
  margin-left: 2.03rem;
}

.lang_es .claim__signup {
  background-image: url("../imgs/es/btn-sign-up-now.png");
}

html.mobile {
  font-size: calc(100vw / 750 * 100);
}

html.mobile .h5-ele {
  display: block !important;
}

html.mobile .pc-ele {
  display: none !important;
}

html.mobile .hero {
  height: 13.58rem;
  position: relative;
  overflow: hidden;
}

html.mobile .hero__bg {
  background-image: url("../imgs/mobile/hero-bg.jpg");
}

html.mobile .hero__bg .kv-loop {
  display: none;
}

html.mobile .hero__content {
  padding-top: 0;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 8.07rem;
}

html.mobile .hero__logo {
  width: 5.62rem;
  height: 1.57rem;
  display: none;
}

html.mobile .hero__play {
  position: absolute;
  top: 6.1rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.16rem;
}

html.mobile .hero__slogan {
  width: 6.62rem;
  height: 1.95rem;
  background-image: url("../imgs/mobile/slogan.png");
  margin-top: 0;
}

html.mobile .hero__date {
  font-size: 0.32rem;
  margin-top: 0.18rem;
  width: 7.35rem;
  height: 0.62rem;
  line-height: 0.62rem;
  color: #ffffff;
  padding-top: 0.05rem;
  box-sizing: border-box;
  background: url("../imgs/mobile/hero-date.png") top center no-repeat;
  background-size: 100% 100%;
}

html.mobile .hero__signup {
  width: 4.19rem;
  height: 0.85rem;
  margin-top: 0.39rem;
  margin-left: 0;
  cursor: none;
}

html.mobile .hero__steam {
  width: 10.58rem;
  font-size: 0.2rem;
  color: #44bfff;
  margin-top: 0.06rem;
}

html.mobile .hero__steam_left {
  background-image: url("../imgs/mobile/triangles-left.png");
}

html.mobile .hero__steam_center {
  margin: 0 0.1rem;
}

html.mobile .hero__steam_right {
  background-image: url("../imgs/mobile/triangles-right.png");
}

html.mobile .hero__scroll {
  display: none;
}

html.mobile .countdown {
  height: 13.05rem;
  background-image: url("../imgs/mobile/countdown-bg.jpg");
}

html.mobile .countdown__title {
  font-size: 0.9rem;
  font-family: "HELVETICAINSERATLTPRO", Arial, sans-serif;
  text-align: center;
  margin-top: 1.24rem;
  line-height: 1;
}

html.mobile .countdown__subtitle {
  font-size: 0.3rem;
  margin-top: 0;
  padding: 0 0.4rem;
}

html.mobile .countdown__box {
  font-size: 0.74rem;
  min-width: 1.4rem;
  line-height: normal;
}

html.mobile .countdown__colon {
  min-width: 0;
}

html.mobile .countdown__num {
  font-size: 0.74rem;
}

html.mobile .countdown__label {
  font-size: 0.18rem;
  margin-top: 0rem;
}

html.mobile .countdown__timer-end {
  font-size: 0.7rem;
  margin-top: 0.3rem;
}

html.mobile .countdown__timer {
  font-size: 0.74rem;
  margin-top: 0.3rem;
}

html.mobile .countdown__desc {
  font-size: 0.26rem;
  text-align: center;
  margin-top: 0.8rem;
  padding: 0 0.5rem;
}

html.mobile .countdown__desc b {
  font-family: "HarmonyOS_Sans_SC_Bold", Arial, sans-serif;
}

html.mobile .countdown__table-wrap {
  width: 100%;
  height: 4.36rem;
  background-image: url("../imgs/mobile/perks-dialog.jpg");
  margin-top: 0.53rem;
}

html.mobile .countdown__table {
  font-size: 0.22rem;
}

html.mobile .countdown__table td {
  padding-bottom: 0.22rem;
}

html.mobile .countdown__table tr:nth-last-child(1) td {
  padding-bottom: 0;
}

html.mobile .countdown__table-region {
  font-size: 0.28rem;
}

html.mobile .countdown__table-day {
  width: 2.44rem;
  height: 0.44rem;
  font-size: 0.21rem;
  margin-right: 0.25rem;
  margin-bottom: 0.3rem;
}

html.mobile .rewards {
  height: 16.24rem;
  padding-top: 0.48rem;
  background-image: url("../imgs/mobile/rewards-bg.jpg");
}

html.mobile .rewards__title {
  font-size: 0.9rem;
  line-height: 1;
  text-align: center;
}

html.mobile .rewards__desc {
  font-size: 0.3rem;
  text-align: center;
  padding: 0 0.5rem;
}

html.mobile .rewards__list {
  column-gap: 0.33rem;
  row-gap: 0.35rem;
  margin-top: 0.7rem;
}

html.mobile .rewards__item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

html.mobile .rewards__item-title {
  font-size: 0.26rem;
  text-align: center;
}

html.mobile .rewards__item-img img {
  width: 3.35rem;
  height: 2.62rem;
}

html.mobile .rewards__item-label {
  color: #1ec8ff;
  font-weight: bold;
  font-size: 0.12rem;
}

html.mobile .rewards__in-game {
  margin-top: 0.4rem;
}

html.mobile .rewards__in-game-title {
  font-size: 0.26rem;
  text-align: center;
}

html.mobile .rewards__in-game-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.18rem;
  flex-wrap: wrap;
  align-items: flex-start;
}

html.mobile .rewards__in-game-list li {
  font-size: 0.1rem;
  margin-bottom: 0.06rem;
  text-align: center;
  max-width: 2.27rem;
}

html.mobile .rewards__in-game-desc {
  font-size: 0.2rem;
}

html.mobile .rewards__in-game-img {
  display: block;
  width: 2.27rem;
  height: 2.36rem;
}

html.mobile .claim {
  height: 10.66rem;
  background: url("../imgs/mobile/claim-bg.jpg") center center/cover no-repeat;
}

html.mobile .claim__title {
  font-size: 0.9rem;
  padding: 0 0.5rem;
  position: relative;
}

html.mobile .claim__title span {
  font-size: 0.66rem;
  display: block;
  margin-top: 0.5rem;
}

html.mobile .claim__title::after {
  position: absolute;
  content: '';
  width: 1.06rem;
  height: 0.07rem;
  background: url("../imgs/mobile/claim-line.png") top center no-repeat;
  background-size: 100% 100%;
  top: 2.3rem;
  left: 50%;
  transform: translateX(-50%);
}

html.mobile .claim__desc {
  font-size: 0.36rem;
  padding: 0 0.98rem;
}

html.mobile .claim__desc-note {
  font-size: 0.38rem;
  margin-top: 0.1rem;
}

html.mobile .claim__signup {
  width: 5.17rem;
  height: 1.05rem;
  margin-top: 0.6rem;
  cursor: none;
}

html.mobile .howto {
  padding-top: 1.17rem;
  height: 13.22rem;
  background-image: url("../imgs/mobile/howto-bg.jpg");
}

html.mobile .howto__title {
  font-size: 0.9rem;
  text-align: center;
  padding: 0 0.5rem;
}

html.mobile .howto__steps {
  width: 6.72rem;
  display: inline-block;
  text-align: left;
  font-size: 0.38rem;
  color: #212121;
  margin: 0.6rem auto 0;
}

html.mobile .howto__steps > li {
  margin-bottom: 0.26rem;
  background-color: #fff;
}

html.mobile .howto__step {
  font-size: 0.32rem;
}

html.mobile .howto__step ul {
  padding-left: 0.5rem;
}

html.mobile .modal__content {
  width: 7rem;
  height: 5.6rem;
}

html.mobile .modal__close {
  width: 0.4rem;
  height: 0.4rem;
  top: -0.5rem;
}

html.mobile .footer-pewpew1 {
  width: 1.8rem;
  height: 0.92rem;
}

html.mobile .footer-antidote {
  width: 2.65rem;
  height: 0.41rem;
}

html.mobile .footer-line2 a {
  font-size: .16rem;
  border: none;
}

html.mobile .footer-line2 .delimiter {
  margin: 0 0.1rem;
}

html.mobile .footer-line3 {
  font-size: .14rem;
}

.mobile.lang_en .hero__slogan {
  width: 6.31rem;
  height: 2rem;
  background-image: url("../imgs/en/mobile/slogan.png");
}

.mobile.lang_en .hero__signup {
  width: 4.45rem;
  height: 1.19rem;
}

.mobile.lang_pt .hero__slogan {
  width: 6.78rem;
  height: 1.92rem;
  background-image: url("../imgs/pt/mobile/slogan.png");
}

.mobile.lang_es .hero__slogan {
  width: 6.78rem;
  height: 1.92rem;
  background-image: url("../imgs/es/mobile/slogan.png");
}

.mobile.lang_pt .hero__signup, .mobile.lang_es .hero__signup {
  width: 4.66rem;
  height: 1.19rem;
}

.mobile.lang_pt .rewards__title, .mobile.lang_es .rewards__title {
  font-size: 0.7rem;
}

.mobile.lang_pt .rewards__list, .mobile.lang_es .rewards__list {
  margin-top: 0.2rem;
}

.mobile.lang_pt .rewards__item, .mobile.lang_es .rewards__item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.mobile.lang_pt .rewards__item-title, .mobile.lang_es .rewards__item-title {
  font-size: 0.26rem;
  text-align: center;
}

.mobile.lang_pt .rewards__item-img img, .mobile.lang_es .rewards__item-img img {
  width: 3.35rem;
  height: 2.62rem;
}

.mobile.lang_pt .rewards__item-label, .mobile.lang_es .rewards__item-label {
  color: #1ec8ff;
  font-weight: bold;
  font-size: 0.12rem;
}

.mobile.lang_pt .rewards__in-game, .mobile.lang_es .rewards__in-game {
  margin-top: 0.2rem;
}

.mobile.lang_pt .claim__title, .mobile.lang_es .claim__title {
  font-size: 0.76rem;
}

.mobile.lang_pt .claim__title span, .mobile.lang_es .claim__title span {
  font-size: 0.56rem;
}

.mobile.lang_pt .claim__title::after, .mobile.lang_es .claim__title::after {
  top: 2rem;
  left: 50%;
  transform: translateX(-50%);
}

.mobile.lang_pt .claim__desc, .mobile.lang_es .claim__desc {
  font-size: 0.36rem;
  padding: 0 0.98rem;
}

.mobile.lang_pt .claim__desc-note, .mobile.lang_es .claim__desc-note {
  font-size: 0.38rem;
  margin-top: 0.1rem;
}

.mobile.lang_pt .claim__signup, .mobile.lang_es .claim__signup {
  width: 4.66rem;
  height: 1.19rem;
  margin-top: 0.6rem;
}

.mobile.lang_pt .howto__title, .mobile.lang_es .howto__title {
  font-size: 0.78rem;
}

.countdown > *,
.rewards > *,
.claim > *,
.howto > *,
.howto__step {
  opacity: 0;
  transform: translateY(40px);
  transition: none;
}

#ot-sdk-btn.ot-sdk-show-settings, #ot-sdk-btn.optanon-show-settings {
  color: #c7c7c7 !important;
  border: none !important;
  font: inherit !important;
  padding: 0 !important;
  line-height: inherit !important;
  font-size: 0.18rem !important;
}

.mobile #ot-sdk-btn.ot-sdk-show-settings, .mobile #ot-sdk-btn.optanon-show-settings {
  font-size: 0.16rem !important;
}

#ot-sdk-btn.ot-sdk-show-settings:hover, #ot-sdk-btn.optanon-show-settings:hover {
  color: #c7c7c7 !important;
  background: none !important;
}

#onetrust-pc-sdk #close-pc-btn-handler.ot-close-icon {
  outline: none !important;
}

#onetrust-pc-sdk .ot-vs-config .ot-acc-hdr .ot-cat-header {
  margin: 0 0.5em !important;
}

#onetrust-pc-sdk .ot-vs-config .ot-acc-hdr div:first-child {
  margin-left: 0.5em !important;
}

#onetrust-pc-sdk .ot-vs-config .ot-acc-hdr div:last-child {
  margin-left: 0.5em !important;
}

#onetrust-consent-sdk #onetrust-pc-sdk *:focus, #onetrust-consent-sdk #onetrust-pc-sdk .ot-vlst-cntr > a:focus {
  outline: none !important;
}

#onetrust-banner-sdk button {
  margin-bottom: 1em !important;
}