.lobby img {
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;

  object-fit: cover;
  /* 🔥 chave aqui */
  object-position: center;

  z-index: 0;
}

/* CONTAINER */
.platform[data-v-9dbee27e] {
  display: flex;
  gap: 20px;
  margin-top: 30px;
  justify-content: center;
}

/* BOTÃO */
.platform__btn[data-v-9dbee27e] {
  padding: 12px 28px;
  border: 1px solid #00ff88;
  background: transparent;
  color: #00ff88;

  font-weight: bold;
  letter-spacing: 1px;
  cursor: pointer;
  transition: 0.3s;
}

/* HOVER */
.platform__btn[data-v-9dbee27e]:hover {
  background: #00ff88;
  color: #000;
  box-shadow: 0 0 15px #00ff88;
}

.bg-video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lobby {
  width: 100%;
  height: 100vh;

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.overlay {
  position: absolute;
  inset: 0;
  z-index: 1;

  background: rgba(0, 0, 0, 0.65);
}

h2 {
  font-size: 40px;
  color: white;
  margin-bottom: 30px;
}

.card {
  background: rgba(0, 0, 0, 0.6);
  border: 1px solid #00ff88;
  transition: 0.3s;
}

.card:hover {
  transform: scale(1.03);
  box-shadow: 0 0 15px #00ff88;
}

/* FOOTER */
.footer {
  width: 100%;
  padding: 50px 20px;
  padding-bottom: 100px;

  background: rgba(0, 0, 0, 0.85);
  border-top: 1px solid rgba(0, 255, 136, 0.15);

  display: flex;
  justify-content: center;

  backdrop-filter: blur(10px);
}

.footer-container {
  width: 100%;
  max-width: 1200px;

  display: flex;
  justify-content: space-between;
  align-items: flex-start;

  gap: 40px;
}

.left-social-icons {
  display: flex;
  flex-direction: column;
  display: inline-block;
  text-align: left;
  align-items: flex-start;

  font-size: 13px;
  color: #aaa;
}

/* ================= */
/* BRAND */
/* ================= */
.footer-brand h2 {
  color: #fff;
  font-size: 20px;
  margin-bottom: 5px;
}

.footer-brand p {
  color: #888;
  font-size: 13px;
}

/* ================= */
/* LINKS */
/* ================= */
.footer-links {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.footer-links a {
  color: #aaa;
  text-decoration: none;
  font-size: 14px;
  transition: 0.3s;
}

.footer-links a:hover {
  color: #00ff88;
  transform: translateX(5px);
}

/* ================= */
/* INFO */
/* ================= */
.footer-info {
  display: flex;
  flex-direction: column;
  gap: 6px;

  text-align: right;
  align-items: flex-end;

  font-size: 13px;
  color: #aaa;
}

.footer-info strong,
.footer-info span {
  color: #fff;
}

/* link assets */
.footer-info a {
  color: #aaa;
  text-decoration: none;
  transition: 0.3s;
}

.footer-info span:hover {
  color: #00ff88;
}

/* ================= */
/* LINHA FINAL */
/* ================= */
.footer::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;

  width: 100%;
  height: 2px;

  background: linear-gradient(90deg, transparent, #00ff88, transparent);
  opacity: 0.3;
}

/* ================= */
/* RESPONSIVO */
/* ================= */
@media (max-width: 768px) {
  .footer-container {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .footer-info {
    align-items: center;
    text-align: center;
  }

  .footer-links {
    align-items: center;
  }
}

/* RECRUTAMENTO */

ul {
  list-style: none;
}

.recruitment-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  padding: 60px;
  max-width: 1200px;
  margin: auto;
  color: white;
}

/* ESQUERDA */
.recruitment-left h2 {
  font-size: 32px;
  margin-bottom: 20px;
}

.box {
  background: rgba(255, 255, 255, 0.05);
  padding: 20px;
  border-radius: 12px;
  margin-bottom: 20px;
  border-left: 3px solid #00ff88;
}

.box li::before {
  content: "✔";
  color: #00ff88;
  margin-right: 8px;
}

.box h3 {
  margin-bottom: 10px;
}

.box.warning {
  border-left: 3px solid orange;
}

.gm_rules_title {
  font-size: 12px;
}

.highlight {
  color: #00ffcc;
}

/* DIREITA */
.form-card {
  background: rgba(0, 0, 0, 0.6);
  padding: 30px;
  border-radius: 15px;
  backdrop-filter: blur(10px);
}

/* BOTÕES */
.type-selector {
  display: flex;
  margin-bottom: 20px;
}

.type-btn {
  flex: 1;
  padding: 12px;
  border: none;
  cursor: pointer;
  background: #222;
  color: white;
  transition: 0.3s;
}

.type-btn.active {
  background: #00ff88;
  color: black;
  font-weight: bold;
}

/* TEXTO */
.form-title {
  font-size: 22px;
  margin-bottom: 5px;
}

.form-subtitle {
  font-size: 14px;
  color: #aaa;
  margin-bottom: 20px;
}

/* INPUTS */
.form-card input {
  width: 100%;
  padding: 12px;
  margin-bottom: 15px;
  background: #111;
  border: 1px solid #333;
  color: white;
  border-radius: 6px;
}

.form-card input::placeholder {
  color: #aaa;
}

/* CHECKBOX */
.checkbox {
  display: block;
  margin-bottom: 20px;
  font-size: 14px;
}

/* BOTÃO */
.submit {
  width: 100%;
  padding: 14px;
  background: #00ff88;
  border: none;
  font-weight: bold;
  cursor: pointer;
  border-radius: 6px;
  transition: 0.3s;
}

.submit:hover {
  background: #00ff88;
}

/* ===== CHECKBOX ===== */
.form-group.checkbox {
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.form-group {
  display: flex;
  flex-direction: column;
}

.form-group.checkbox {
  flex-direction: row;
}

.form-group.checkbox input {
  width: 16px;
  height: 16px;
  cursor: pointer;
  margin: 0;
  flex-shrink: 0;
}

.checkbox label {
  display: inline;
}


/* ===== RESPONSIVO ===== */
@media (max-width: 900px) {
  .recruitment-section {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .recruitment-rules,
  .recruitment-form {
    max-width: 100%;
  }
}

.form-alert {
  position: fixed;
  bottom: 130px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);

  background: rgba(0, 0, 0, 0.85);
  border: 1px solid #00ff88;
  color: #00ff88;

  padding: 12px 20px;
  font-size: 14px;
  letter-spacing: 1px;

  opacity: 0;
  pointer-events: none;

  transition: all 0.4s ease;
  z-index: 9999;
}

/* quando aparece */
.form-alert.show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* variação erro */
.form-alert.error {
  border-color: #ff4d4d;
  color: #ff4d4d;
}

/* ABOUT US */
.about-section {
  max-width: 1100px;
  margin: 0 auto;
  padding: 20px 20px;
  text-align: center;
}

/* TEXTO */
.about-text {
  max-width: 700px;
  margin: 0 auto 50px auto;
  line-height: 1.6;
  opacity: 0.9;
}

.about-text p {
  margin-bottom: 15px;
}

/* GRID */
.leaders-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
}

/* CARD */
.leader-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(0, 255, 136, 0.3);
  background: rgba(0, 0, 0, 0.6);
  transition: 0.3s;
}

.leader-card img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  opacity: 0.85;
  transition: 0.3s;
}

/* INFO */
.leader-info {
  padding: 12px;
}

.leader-info h4 {
  margin: 0;
  font-size: 16px;
  color: #00ff88;
}

.leader-info span {
  font-size: 12px;
  opacity: 0.7;
}

/* HOVER */
.leader-card:hover {
  border-color: #00ff88;
  transform: translateY(-5px);
}

.leader-card:hover img {
  opacity: 1;
  transform: scale(1.05);
}

/* RESPONSIVO */
@media (max-width: 900px) {
  .leaders-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 500px) {
  .leaders-grid {
    grid-template-columns: 1fr;
  }
}

/* NEWS */
.news-detail {
  background-image: url("https://web.df.garena.com/02_h5/240923_official_website/pt/pc/bg_02.jpg");
  background-size: cover;
  height: 100%;
  min-height: 100vh;
  overflow: hidden;
  padding: 3.28rem 3.97rem;
  position: relative;
  width: 100vw;
}

.news-info__nav[data-v-014f263f] {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.back-btn[data-v-2fdb5cf5] {
  background-image: url("/assets/news_back.svg");
  align-items: center;
  border: .04rem solid #919294;
  display: flex;
  height: .95rem;
  justify-content: center;
  width: .97rem;
}

.back-btn__icon[data-v-2fdb5cf5] {
  background-image: var(--207b434a);
  width: .6rem;
}

.back-btn__text[data-v-2fdb5cf5] {
  display: none;
}

.news-info__wrap[data-v-014f263f] {
  margin-top: .91rem;
}

.news-info__wrap .title[data-v-014f263f] {
  color: #fefefe;
  font-size: .7rem;
  font-weight: 700;
  margin-bottom: .46rem;
}

.news-info__wrap .date[data-v-014f263f] {
  color: rgba(202, 225, 207, .5);
  font-size: .36rem;
  margin-bottom: .99rem;
}

.news-info__nav[data-v-014f263f] {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.news-info__content p {
  margin-bottom: 12px;
  line-height: 1.6;
}

.news-info__content ul {
  list-style: none;
  padding-left: 20px;
}

.news-info__content li {
  position: relative;
  margin-bottom: 6px;
  padding-left: 15px;
}

.news-info__content li::before {
  content: "▸";
  position: absolute;
  left: 0;
  color: #00ff88;
  font-weight: bold;
}

/* OPEN ALL NEWS */
.news-row {
  display: flex;
  align-items: center;
  margin-bottom: .38rem;

  padding: 15px;
  border: 1px solid rgba(255, 255, 255, 0.1);

  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(6px);

  cursor: pointer;
  transition: all 0.3s ease;
}

.news-row:hover {
  border-color: #00ff88;
  transform: translateY(-3px);
}

/* IMAGEM */
.news-row-img {
  width: 220px;
  height: 120px;
  object-fit: cover;
}

/* CONTEÚDO */
.news-row-content {
  flex: 1;
}

.news-row-date {
  font-size: 12px;
  color: #aaa;
  margin-bottom: 5px;
}

.news-row-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 5px;
}

.news-row-summary {
  font-size: 14px;
  color: #ccc;
  margin-bottom: 8px;
}

.news-row-read {
  color: #f8d24a;
  font-size: 13px;
}

.news-all-list {
  max-height: 70vh;
  max-width: 50vw;
  display: flex;
  flex-direction: column;
  height: 12rem;
  margin: 1.14rem 4.30rem 0;
  overflow-y: scroll;
  padding-right: 3.18rem;
}

.category-list-item[data-v-b5ec8dee] {
  background-color: rgba(255, 255, 255, .063);
  border: .02rem solid #666d6d;
  border-radius: .04rem;
  cursor: pointer;
  display: block;
  height: 3.03rem;
  padding: .47rem .77rem .45rem .47rem;
  position: relative;
  transition: all .3s ease;
  width: 18.69rem;
}

.news-category .nav[data-v-50cdeb61] {
  align-items: center;
  display: flex;
}

.news-category .nav__breadcrumb[data-v-50cdeb61] {
  color: #cae1cf;
  font-size: .51rem;
  margin-left: 3.31rem;
}

/* OUTROS */
@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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

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

fieldset,
img {
  border: 0;
}

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

caption,
th {
  text-align: left;
}

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

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

abbr,
acronym {
  border: 0;
}

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

a,
button {
  cursor: pointer;
}

button,
input,
option,
select,
textarea {
  background-color: unset;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}

button:focus,
input:focus,
textarea:focus {
  outline: none;
}

html {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-size: 16px;
}

* {
  box-sizing: border-box;
}

img {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}

@font-face {
  font-family: ProjectDType;
  font-weight: 700;
  src: url(https://web.df.garena.com/02_h5/240923_official_website/ProjectDTypeCurve-Bold.ttf);
  unicode-range: u+00-024f;
}

@font-face {
  font-family: ProjectDType;
  font-weight: medium;
  src: url(https://web.df.garena.com/02_h5/240923_official_website/ProjectDType-Medium.ttf);
  unicode-range: u+00-024f;
}

.bg_01,
.bg_02,
.bg_03 {
  background: no-repeat 50%/100% auto;
  height: 21.6rem;
  width: 38.4rem;
}

.btn_01,
.btn_01_hover,
.btn_02 {
  background: no-repeat 50%/100% auto;
  height: 1.02rem;
  width: 9.47rem;
}

.btn_03,
.btn_04 {
  background: no-repeat 50%/100% auto;
  height: 1.02rem;
  width: 4.62rem;
}

.btn_aos_01,
.btn_aos_02 {
  background: no-repeat 50%/100% auto;
  height: 1.04rem;
  width: 3.51rem;
}

.btn_ios_01,
.btn_ios_02 {
  background: no-repeat 50%/100% auto;
  height: 1.08rem;
  width: 3.22rem;
}

.btn_windows_01,
.btn_windows_02 {
  background: no-repeat 50%/100% auto;
  height: 1.04rem;
  width: 6.84rem;
}

.error {
  background: no-repeat 50%/100% auto;
  height: 14rem;
  width: 31.07rem;
}

.firearm_bg_01,
.firearm_bg_02,
.firearm_bg_03,
.firearm_bg_04,
.firearm_bg_05 {
  background: no-repeat 50%/100% auto;
  height: 21.6rem;
  width: 38.4rem;
}

.firearm_list_01,
.firearm_list_02,
.firearm_list_03,
.firearm_list_04,
.firearm_list_05 {
  background: no-repeat 50%/100% auto;
  height: 2.06rem;
  width: 4.45rem;
}

.gamemode_bg_01,
.gamemode_bg_02,
.gamemode_bg_03 {
  background: no-repeat 50%/100% auto;
  height: 21.6rem;
  width: 38.4rem;
}

.gamemode_list_01,
.gamemode_list_02,
.gamemode_list_03 {
  background: no-repeat 50%/100% auto;
  height: 2.06rem;
  width: 4.45rem;
}

.icon_android,
.icon_apple {
  background: no-repeat 50%/100% auto;
  height: 0.4rem;
  width: 0.4rem;
}

.icon_close {
  height: 0.46rem;
  width: 0.47rem;
}

.icon_close,
.icon_lan {
  background: no-repeat 50%/100% auto;
}

.icon_lan {
  height: 3.99rem;
  width: 3.99rem;
}

.icon_lan_arrow {
  height: 0.23rem;
  width: 0.33rem;
}

.icon_lan_arrow,
.icon_windows {
  background: no-repeat 50%/100% auto;
}

.icon_windows {
  height: 0.4rem;
  width: 0.4rem;
}

.list_bg {
  height: 2.22rem;
  width: 4.61rem;
}

.list_bg,
.list_locked {
  background: no-repeat 50%/100% auto;
}

.list_locked {
  height: 2.06rem;
  width: 4.45rem;
}

.lobbby_play_deco {
  background: no-repeat 50%/100% auto;
  height: 0.09rem;
  width: 3.37rem;
}

.lobby_play,
.lobby_play_hover {
  background: no-repeat 50%/100% auto;
  height: 1.81rem;
  width: 1.81rem;
}

.lobby_slogan_title {
  font-size: 75px;
  font-weight: bolder;
}

.lobby_slogan,
.nav_bottom {
  background: no-repeat 50%/100% auto;
}

.nav_bottom {
  height: 1.04rem;
  width: 100.0rem;
}

.nav_center_btn,
.nav_center_btn_hover,
.nav_center_light,
.nav_center_mask {
  background: no-repeat 50%/100% auto;
  height: 2.2rem;
  width: 3.3rem;
}

.nav_light {
  height: 1.86rem;
  width: 2.93rem;
}

.nav_light,
.news_back {
  background: no-repeat 50%/100% auto;
}

.news_back {
  height: 1.57rem;
  width: 1.43rem;
}

.news_item {
  height: 8.23rem;
  width: 9.65rem;
}

.news_item,
.news_item_bn_960x540 {
  background: no-repeat 50%/100% auto;
}

.news_item_bn_960x540 {
  height: 5.4rem;
  width: 9.6rem;
}

.news_pinned {
  height: 0.78rem;
  width: 0.75rem;
}

.news_pinned,
.news_tab {
  background: no-repeat 50%/100% auto;
}

.news_tab {
  height: 1.14rem;
  width: 4.67rem;
}

.operator_bg_01,
.operator_bg_02,
.operator_bg_03,
.operator_bg_04,
.operator_bg_05 {
  background: no-repeat 50%/100% auto;
  height: 21.6rem;
  width: 38.4rem;
}

.operator_icon_01,
.operator_icon_02,
.operator_icon_03,
.operator_icon_04 {
  background: no-repeat 50%/100% auto;
  height: 1.42rem;
  width: 1.42rem;
}

.operator_list_01,
.operator_list_02,
.operator_list_03,
.operator_list_04,
.operator_list_05 {
  background: no-repeat 50%/100% auto;
  height: 2.06rem;
  width: 4.45rem;
}

.operator_skill_01_01,
.operator_skill_01_02,
.operator_skill_01_03,
.operator_skill_01_04,
.operator_skill_02_01,
.operator_skill_02_02,
.operator_skill_02_03,
.operator_skill_02_04,
.operator_skill_03_01,
.operator_skill_03_02,
.operator_skill_03_03,
.operator_skill_03_04,
.operator_skill_04_01,
.operator_skill_04_02,
.operator_skill_04_03,
.operator_skill_04_04,
.operator_skill_05_01,
.operator_skill_05_02,
.operator_skill_05_03,
.operator_skill_05_04 {
  background: no-repeat 50%/100% auto;
  height: 1rem;
  width: 1rem;
}

.popup_bg {
  height: 11.18rem;
  width: 18.77rem;
}

.popup_bg,
.popup_btn_hover_01 {
  background: no-repeat 50%/100% auto;
}

.popup_btn_hover_01 {
  height: 1.01rem;
  width: 4.28rem;
}

.popup_btn_hover_02 {
  background: no-repeat 50%/100% auto;
  height: 1.02rem;
  width: 5.09rem;
}

.popup_close_01 {
  height: 0.74rem;
  width: 0.74rem;
}

.popup_close_01,
.popup_deco {
  background: no-repeat 50%/100% auto;
}

.popup_deco {
  height: 0.84rem;
  width: 0.3rem;
}

.scroll_down {
  background: no-repeat 50%/100% auto;
  height: 0.17rem;
  width: 0.34rem;
}

.socialmedia_icon_01,
.socialmedia_icon_02,
.socialmedia_icon_03,
.socialmedia_icon_04,
.socialmedia_icon_05,
.socialmedia_icon_06 {
  background: no-repeat 50%/100% auto;
  height: 0.5rem;
  width: 0.5rem;
}

.top_deco {
  background: no-repeat 50%/100% auto;
  height: 0.44rem;
  width: 0.48rem;
}

.top_icon_01,
.top_icon_02,
.top_icon_03 {
  background: no-repeat 50%/100% auto;
  height: 0.4rem;
  width: 0.4rem;
}

.top_logo_01,
.top_logo_02 {
  width: 4.61rem;
}

.top_logo_01,
.top_logo_02,
.top_logo_03 {
  background: no-repeat 50%/100% auto;
  height: 0.99rem;
}

.top_logo_03 {
  width: 1rem;
}

.vehicle_bg_01,
.vehicle_bg_02,
.vehicle_bg_03,
.vehicle_bg_04,
.vehicle_bg_05 {
  background: no-repeat 50%/100% auto;
  height: 21.6rem;
  width: 38.4rem;
}

.vehicle_list_01,
.vehicle_list_02,
.vehicle_list_03,
.vehicle_list_04,
.vehicle_list_05 {
  background: no-repeat 50%/100% auto;
  height: 2.06rem;
  width: 4.45rem;
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
  .bg_01 {
    height: 16.24rem;
  }

  .bg_01,
  .bg_02 {
    background: no-repeat 50%/100% auto;
    width: 7.5rem;
  }

  .bg_02 {
    height: 14.71rem;
  }

  .bg_03 {
    background: no-repeat 50%/100% auto;
    height: 13.31rem;
    width: 7.5rem;
  }

  .btn_01 {
    height: 0.77rem;
  }

  .btn_01,
  .btn_02 {
    background: no-repeat 50%/100% auto;
    width: 5.71rem;
  }

  .btn_02,
  .btn_03 {
    height: 0.78rem;
  }

  .btn_03 {
    width: 2.82rem;
  }

  .btn_03,
  .btn_04 {
    background: no-repeat 50%/100% auto;
  }

  .btn_04 {
    height: 0.76rem;
    width: 2.81rem;
  }

  .error {
    background: no-repeat 50%/100% auto;
    height: 6.6rem;
    width: 7.5rem;
  }

  .firearm_bg_01,
  .firearm_bg_02,
  .firearm_bg_03,
  .firearm_bg_04,
  .firearm_bg_05 {
    background: no-repeat 50%/100% auto;
    height: 13.31rem;
    width: 7.5rem;
  }

  .gamemode_bg_01,
  .gamemode_bg_02,
  .gamemode_bg_03 {
    background: no-repeat 50%/100% auto;
    height: 3.57rem;
    width: 7.5rem;
  }

  .icon_menu {
    height: 3.99rem;
    width: 3.99rem;
  }

  .icon_menu,
  .list_locked {
    background: no-repeat 50%/100% auto;
  }

  .list_locked {
    height: 0.33rem;
    width: 0.25rem;
  }

  .list_on {
    background: no-repeat 50%/100% auto;
    height: 0.36rem;
    width: 0.37rem;
  }

  .list_shadow {
    height: 6.44rem;
  }

  .list_shadow,
  .mb_29_cookie_04 {
    background: no-repeat 50%/100% auto;
    width: 7.5rem;
  }

  .mb_29_cookie_04 {
    height: 13.31rem;
  }

  .nav_on {
    height: 0.36rem;
    width: 0.83rem;
  }

  .nav_on,
  .news_item {
    background: no-repeat 50%/100% auto;
  }

  .news_item {
    height: 3.9rem;
    width: 5.66rem;
  }

  .news_title_deco {
    background: no-repeat 50%/100% auto;
    height: 0.37rem;
    width: 2.28rem;
  }

  .operator_bg_01,
  .operator_bg_02,
  .operator_bg_03,
  .operator_bg_04,
  .operator_bg_05 {
    background: no-repeat 50%/100% auto;
    height: 13.31rem;
    width: 7.5rem;
  }

  .popup_bg {
    height: 6.99rem;
    width: 7.18rem;
  }

  .popup_bg,
  .popup_btn_hover_03 {
    background: no-repeat 50%/100% auto;
  }

  .popup_btn_hover_03 {
    height: 0.62rem;
    width: 6.43rem;
  }

  .top_line {
    background: no-repeat 50%/100% auto;
    height: 0.02rem;
    width: 7.07rem;
  }

  .vehicle_bg_01,
  .vehicle_bg_02,
  .vehicle_bg_03,
  .vehicle_bg_04,
  .vehicle_bg_05 {
    background: no-repeat 50%/100% auto;
    height: 13.31rem;
    width: 7.5rem;
  }
}

* {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  touch-action: pan-x pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

* input,
* select,
* textarea {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  user-select: auto;
}

::-webkit-scrollbar {
  width: 0.09rem;
}

::-webkit-scrollbar-thumb {
  background-color: #7f7f7f;
  opacity: 0.5;
}

::-webkit-scrollbar-track {
  background-color: #000;
  opacity: 0.7;
}

html {
  font-size: 2.60417vw;
}

@media only screen and (max-width: 750px) {
  html {
    font-size: 13.33333vw;
  }
}

@media only screen and (max-width: 750px) and (orientation: landscape) {
  html {
    font-size: 2.60417vw;
  }
}

html {
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  background-color: #000;
  color: #fff;
}

a {
  color: #0ff796;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

a,
button {
  transition: 0.3s;
}

button {
  border: none;
  padding: 0;
}

section {
  padding: 0 1.75rem;
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
  section {
    padding: 0 0.4rem;
  }
}

.btn {
  align-items: center;
  background-color: #182122;
  border: 0.02rem solid #0ff796;
  color: #0ff796;
  display: flex;
  font-size: 0.395rem;
  font-weight: 500;
  height: 1rem;
  justify-content: center;
  transition: all 0.3s ease;
  width: 5.07rem;
}

.btn:hover {
  color: #222;
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
  .btn {
    font-size: 0.24rem;
    height: 0.61rem;
    width: 3.15rem;
  }
}

input {
  background-color: #000;
  border: 0.01rem solid #cae1cf;
  color: #fff;
  font-size: 0.42rem;
  height: 1.14rem;
  padding: 0.26rem;
  width: 100%;
}

input::-webkit-input-placeholder {
  color: #626262ca;
}

input::-moz-placeholder {
  color: #626262ca;
}

input::placeholder {
  color: #626262ca;
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
  input {
    font-size: 0.24rem;
    height: 0.61rem;
  }
}

@keyframes toggleIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.preferences .desc .link {
  color: #0ff696;
  text-decoration: underline;
}

.preferences .desc .link:hover {
  cursor: pointer;
  -webkit-filter: brightness(1.1);
  filter: brightness(1.1);
}

.animation-fade {
  opacity: 0;
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s ease;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}

.text-rtl .back-btn__text,
.text-rtl .collapse__title *,
.text-rtl .description,
.text-rtl .footer *,
.text-rtl .gsitefooter__copyrights:before,
.text-rtl .info *,
.text-rtl .item-intro,
.text-rtl .modal-content *,
.text-rtl .modal-title,
.text-rtl .nav__breadcrumb,
.text-rtl .news-category__text,
.text-rtl .news-info__wrap *,
.text-rtl .news__list--empty,
.text-rtl .operator-skills,
.text-rtl .option,
.text-rtl .scroll-down__text,
.text-rtl .section-title:before,
.text-rtl .throttle-btn,
.text-rtl a,
.text-rtl p,
.text-rtl span {
  direction: rtl;
}

.text-rtl .link-btn img {
  margin-right: 0.16rem;
}

.text-rtl .item__frame--desc {
  width: 90%;
}

.text-rtl .mode-detail .description,
.text-rtl .operator-skills .name,
.text-rtl .operator-skills .type,
.text-rtl .title {
  width: 100%;
}

.text-rtl .category-list-item__wrap img {
  margin-left: 0.2rem;
}

@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

#__nuxt {
  font-family:
    ProjectDType,
    Noto Sans TC,
    Kanit,
    Arial,
    Droid Sans,
    sans-serif;
  height: 100%;
  min-height: 100vh;
  position: relative;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #000;
  color: #fff;
  font-size: 0.36rem;
}

#__nuxt .font-noto {
  font-family:
    Noto Sans TC,
    Kanit,
    Arial,
    Droid Sans,
    sans-serif;
}

@keyframes fadeUp-bf519175 {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.error-wrapper[data-v-bf519175] {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100svh;
  height: 100vh;
  justify-content: center;
  width: 100%;
}

.error-wrapper .img[data-v-bf519175] {
  background-image: var(--ce189e8c);
}

.error-wrapper .logo[data-v-bf519175] {
  background-image: var(--3c6f07ca);
  margin: 0.1rem 0 0.3rem;
}

.error-wrapper .msg[data-v-bf519175] {
  color: #cbdccc;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.12rem;
}

.error-wrapper .code[data-v-bf519175] {
  color: #f5f5f580;
  font-size: 0.3rem;
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
  .error-wrapper .img[data-v-bf519175] {
    background-image: var(--ce189f48);
  }

  .error-wrapper .logo[data-v-bf519175] {
    height: 0.46rem;
    width: 2.3rem;
  }

  .error-wrapper .msg[data-v-bf519175] {
    font-size: 0.36rem;
    line-height: 0.4rem;
  }

  .error-wrapper .code[data-v-bf519175] {
    font-size: 0.22rem;
  }
}

@keyframes fadeUp-1cd6eaeb {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

#__nuxt[data-v-1cd6eaeb] {
  font-family:
    ProjectDType,
    Noto Sans TC,
    Kanit,
    Arial,
    Droid Sans,
    sans-serif;
  height: 100%;
  position: relative;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  font-size: 0.36rem;
}

@keyframes fadeUp-0df47672 {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.layout[data-v-0df47672] {
  min-height: 100vh;
  position: relative;
}

@keyframes fadeUp-2edc1adf {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.nav-bar[data-v-2edc1adf] {
  display: block;
  padding: 0 1.63rem;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 40;
}

.nav-bar.lobby-invisible[data-v-2edc1adf] {
  background-color: #000000b3;
  transition: all 0.3s ease;
}

.nav-bar.lobby-invisible .nav-bar__line[data-v-2edc1adf] {
  display: none;
  transition: all 0.3s ease;
}

.nav-bar__wrap[data-v-2edc1adf] {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  padding: 0.10rem 0 0.10rem;
  position: relative;
}

.nav-bar__wrap[data-v-2edc1adf]:after,
.nav-bar__wrap[data-v-2edc1adf]:before {
  background-image: var(--e23c6c6e);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  height: 0.44rem;
  left: -0.44rem;
  position: absolute;
  top: 0.48rem;
  width: 0.48rem;
}

.nav-bar__wrap[data-v-2edc1adf]:after {
  left: unset;
  right: -0.44rem;
}

.nav-bar__line[data-v-2edc1adf] {
  background-color: #ffffff15;
  height: 0.02rem;
  position: relative;
  width: 100%;
}

.nav-bar__line[data-v-2edc1adf]:after,
.nav-bar__line[data-v-2edc1adf]:before {
  background-color: #eaebeb;
  content: "";
  height: 0.02rem;
  position: absolute;
  width: 0.05rem;
}

.nav-bar__line[data-v-2edc1adf]:before {
  left: 0;
}

.nav-bar__line[data-v-2edc1adf]:after {
  right: 0;
}

.nav-bar__items[data-v-2edc1adf] {
  align-items: center;
  display: flex;
}

.nav-bar__items.social-media-lang[data-v-2edc1adf] {
  margin: 0 0.19rem 0.11rem 0;
}

.nav-bar .link-btn-wrap[data-v-2edc1adf] {
  align-items: center;
  display: flex;
}

.nav-bar .link-btn-wrap .link-btn[data-v-2edc1adf] {
  margin-right: 0.25rem;
}

.nav-bar .social-media-btn-wrap[data-v-2edc1adf] {
  align-items: center;
  display: flex;
}

.nav-bar .social-media-btn-wrap .social-media-btn[data-v-2edc1adf] {
  margin-right: 0.34rem;
}

.nav-bar .icon[data-v-2edc1adf] {
  display: none;
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
  .nav-bar[data-v-2edc1adf] {
    background-color: transparent;
    padding: 0 0.16rem;
  }

  .nav-bar.lobby-invisible[data-v-2edc1adf] {
    background-color: #000;
  }

  .nav-bar__wrap[data-v-2edc1adf] {
    align-items: center;
    padding: 0.17rem 0 0.08rem;
  }

  .nav-bar__wrap[data-v-2edc1adf]:after,
  .nav-bar__wrap[data-v-2edc1adf]:before {
    display: none;
  }

  .nav-bar__line[data-v-2edc1adf] {
    background-color: gray;
  }

  .nav-bar__line[data-v-2edc1adf]:after,
  .nav-bar__line[data-v-2edc1adf]:before {
    background-color: #000;
  }

  .nav-bar__items.social-media-lang[data-v-2edc1adf] {
    margin: 0 0.16rem 0.04rem 0;
  }

  .nav-bar .link-btn-wrap[data-v-2edc1adf],
  .nav-bar .social-media-btn-wrap[data-v-2edc1adf] {
    display: none;
  }

  .nav-bar .icon[data-v-2edc1adf] {
    align-items: center;
    background-color: #b5b5b5;
    border: 0.02rem solid #303030;
    border-radius: 0.04rem;
    display: flex;
    height: 0.51rem;
    justify-content: center;
    margin-left: 0.16rem;
    width: 0.61rem;
  }

  .nav-bar .icon_menu[data-v-2edc1adf] {
    background-image: var(--00f92dce);
    cursor: pointer;
    height: 0.36rem;
    width: 0.36rem;
  }

  .nav-bar__mb-list[data-v-2edc1adf] {
    align-items: flex-end;
    background-color: #000;
    display: flex;
    flex-direction: column;
    height: 100vh;
    left: 0;
    overflow-y: scroll;
    padding: 0.73rem 0.2rem 0.65rem 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 41;
  }

  .nav-bar__mb-list .close[data-v-2edc1adf] {
    align-items: center;
    border: 0.02rem solid #979797;
    cursor: pointer;
    display: flex;
    height: 0.56rem;
    justify-content: center;
    position: relative;
    width: 0.67rem;
  }

  .nav-bar__mb-list .close[data-v-2edc1adf] .close-btn {
    position: relative;
    right: 0;
    top: 0;
  }

  .nav-bar__mb-list .nav-list[data-v-2edc1adf] {
    border-right: 0.02rem solid #959595;
    margin: 0.39rem 0.36rem 0.81rem 0;
    padding: 0.69rem 0;
  }

  .nav-bar__mb-list .nav-list__item[data-v-2edc1adf] {
    align-items: center;
    display: flex;
    font-size: 0.36rem;
    font-weight: 600;
    justify-content: flex-end;
    margin-bottom: 0.7rem;
  }

  .nav-bar__mb-list .nav-list__item[data-v-2edc1adf]:last-child {
    margin-bottom: 0;
  }

  .nav-bar__mb-list .nav-list__item .text[data-v-2edc1adf] {
    color: #fff;
    margin-right: 0.31rem;
  }

  .nav-bar__mb-list .nav-list__item .deco[data-v-2edc1adf] {
    background-color: #000;
    border: 0.02rem solid #959595;
    height: 0.12rem;
    margin-right: -0.07rem;
    width: 0.12rem;
  }

  .nav-bar__mb-list .nav-list__item.active .text[data-v-2edc1adf] {
    color: #f5d659;
    margin-right: 0.15rem;
  }

  .nav-bar__mb-list .nav-list__item.active .deco[data-v-2edc1adf] {
    background-color: unset;
    background-image: var(--252ae291);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    border: none;
    height: 0.36rem;
    margin-right: -0.2rem;
    width: 0.83rem;
  }

  .nav-bar__mb-list .section-list[data-v-2edc1adf] {
    margin-right: 0.36rem;
  }

  .nav-bar__mb-list .section-list .item[data-v-2edc1adf] {
    color: #9b9b9b;
    display: block;
    font-size: 0.3rem;
    margin-bottom: 0.56rem;
    text-align: right;
  }

  .nav-bar__mb-list .section-list .social-media[data-v-2edc1adf] {
    align-items: center;
    display: flex;
    gap: 0.23rem;
    justify-content: flex-end;
  }

  .nav-bar__mb-list .section-list .social-media[data-v-2edc1adf] .social-media-btn {
    height: 0.64rem;
    width: 0.64rem;
  }

  .nav-bar__mb-list .section-list .social-media[data-v-2edc1adf] img {
    height: 0.38rem;
    width: 0.38rem;
  }

  .nav-bar__mb-list .section-list[data-v-2edc1adf] .collapse__wrap {
    border-right: none;
    padding-right: 0.23rem;
  }
}

@keyframes fadeUp-155083fb {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.logo[data-v-155083fb] {
  display: flex;
  margin-right: 0.56rem;
}

.logo .icon-garena[data-v-155083fb] {
  background-image: var(--1bc50692);
  margin-right: 0.44rem;
  position: relative;
}

.logo .icon-garena[data-v-155083fb]:after {
  background: #fcfcfc;
  content: "";
  height: 0.7rem;
  position: absolute;
  right: -0.35rem;
  top: 0.2rem;
  width: 0.01rem;
}

.logo .icon-game[data-v-155083fb] {
  background-image: var(--5811932a);
}

.logo .icon-game.lobby-invisible[data-v-155083fb] {
  background-image: var(--a920d5b6);
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
  .logo .icon-garena[data-v-155083fb] {
    height: 0.45rem;
    margin-right: 0.24rem;
    width: 1.46rem;
  }

  .logo .icon-garena[data-v-155083fb]:after {
    height: 0.33rem;
    right: -0.23rem;
    top: 0.08rem;
  }

  .logo .icon-game[data-v-155083fb] {
    height: 0.45rem;
    width: 2.03rem;
  }
}

@keyframes fadeUp-103bff5e {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.link-btn[data-v-103bff5e] {
  align-items: center;
  background-color: #16202766;
  border: 0.01rem solid #7c7b7b;
  border-bottom-color: #fff;
  color: #fff;
  display: flex;
  font-size: 0.28rem;
  height: 0.8rem;
  justify-content: space-between;
  min-width: 3.2rem;
  padding: 0 0.2rem;
  transition: all 0.3s ease;
}

.link-btn[data-v-103bff5e]:hover {
  background-color: #4b5358cc;
  border-bottom: 0.01rem solid #0ff796;
}

.link-btn span[data-v-103bff5e] {
  white-space: nowrap;
}

.link-btn img[data-v-103bff5e] {
  height: 0.4rem;
  margin-left: 0.16rem;
  pointer-events: none;
  width: 0.4rem;
}

@keyframes fadeUp-cf595f56 {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.social-media-btn[data-v-cf595f56] {
  display: inline-block;
  height: 0.72rem;
  position: relative;
  transition: all 0.3s ease;
  width: 0.72rem;
}

.social-media-btn[data-v-cf595f56]:hover {
  transform: translateY(-15px) scale(1.4);
}

.social-media-btn img[data-v-cf595f56] {
  height: auto;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0.44rem;
}

@keyframes fadeUp-44d39f6f {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.language-menu[data-v-44d39f6f] {
  cursor: pointer;
  display: flex;
  justify-content: flex-end;
  min-width: 2.82rem;
  position: relative;
  text-align: right;
  z-index: 1;
}

.language-menu:hover .language-menu__selected[data-v-44d39f6f] {
  background-color: #ffffff20;
  width: 2.72rem;
}

.language-menu:hover .text[data-v-44d39f6f] {
  animation: selectedLangFadeIn-44d39f6f 0.2s 0.4s both;
  display: block;
}

.language-menu:hover .arrow[data-v-44d39f6f] {
  display: block;
}

.language-menu:hover .language-menu__list[data-v-44d39f6f] {
  animation: listCollapse-44d39f6f 0.5s 0.3s both;
  display: block;
}

.language-menu:hover .option[data-v-44d39f6f] {
  display: flex;
}

.language-menu__selected[data-v-44d39f6f] {
  align-items: center;
  background-color: #25252545;
  border: 0.02rem solid #97a199;
  border-radius: 0.04rem;
  color: #97a199;
  display: inline-flex;
  font-size: 0.24rem;
  height: 0.72rem;
  padding: 0.2rem;
  position: relative;
  transition: all 0.5s ease;
  width: 0.95rem;
}

.language-menu__selected .lang[data-v-44d39f6f] {
  background-image: var(--24b55c74);
  height: 0.47rem;
  width: 0.47rem;
}

.language-menu__selected .text[data-v-44d39f6f] {
  display: none;
  left: 0.78rem;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.language-menu__selected .arrow[data-v-44d39f6f] {
  background-image: var(--98b4b762);
  display: none;
  position: absolute;
  right: 0.28rem;
}

.language-menu__list[data-v-44d39f6f] {
  background-color: #101011;
  color: #ebebeb;
  font-size: 0.24rem;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0.72rem;
  transition: all 0.5s ease;
  width: 2.71rem;
}

.language-menu__list .option[data-v-44d39f6f] {
  align-items: center;
  background-color: #101011;
  border: 0.01rem solid hsla(0, 0%, 100%, 0.125);
  border-top: 0;
  display: flex;
  display: none;
  font-weight: 500;
  height: 0.57rem;
  justify-content: center;
  width: 100%;
}

.language-menu__list .option[data-v-44d39f6f]:hover {
  background-color: #ffffff20;
}

.language-menu__list .option.active[data-v-44d39f6f] {
  color: #0ff796;
  pointer-events: none;
}

@keyframes selectedLangFadeIn-44d39f6f {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes listCollapse-44d39f6f {
  0% {
    height: 0.02rem;
  }

  to {
    height: var(--1e1aed27);
  }
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
  .language-menu[data-v-44d39f6f] {
    min-width: unset;
  }

  .language-menu:hover .language-menu__selected[data-v-44d39f6f] {
    background-color: #b5b5b5;
    width: 0.61rem;
  }

  .language-menu:hover .language-menu__list[data-v-44d39f6f] {
    animation: unset;
  }

  .language-menu:hover .arrow[data-v-44d39f6f],
  .language-menu:hover .text[data-v-44d39f6f] {
    display: none;
  }

  .language-menu__selected[data-v-44d39f6f] {
    align-items: center;
    background-color: #b5b5b5;
    border: 0.02rem solid #303030;
    display: flex;
    height: 0.51rem;
    justify-content: center;
    padding: 0.1rem;
    width: 0.61rem;
  }

  .language-menu__selected .lang[data-v-44d39f6f] {
    background-image: unset;
    -webkit-filter: invert(89%) sepia(0) saturate(804%) hue-rotate(158deg) brightness(87%) contrast(109%);
    filter: invert(89%) sepia(0) saturate(804%) hue-rotate(158deg) brightness(87%) contrast(109%);
  }

  .language-menu__list[data-v-44d39f6f] {
    left: -2.7rem;
    margin-left: 0;
    right: unset;
    right: 0.62rem;
    top: 0;
    transform: unset;
  }

  .language-menu__list .option[data-v-44d39f6f]:hover {
    background-color: #101011;
  }
}

@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.modals-enter-active,
.modals-leave-active {
  transition: 0.3s;
}

.modals-enter-from,
.modals-leave-to {
  opacity: 0;
}

.modal-enter-active {
  transition: 0.6s;
}

.modal-enter-from {
  transform: scale(0.8);
}

.modal-leave-active {
  transition: 0s;
}

.modal-leave-to {
  opacity: 0;
}

.modals {
  background: #000000b8;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 50;
}

@keyframes fadeUp-e8378c17 {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.slide-nav[data-v-e8378c17] {
  bottom: 0;
  position: fixed;
  width: 100vw;
  z-index: 30;
}

.slide-nav__bg[data-v-e8378c17] {
  background-image: var(--719c82f3);
}

.slide-nav__item-wrap[data-v-e8378c17] {
  align-items: flex-end;
  bottom: 0;
  display: flex;
  justify-content: center;
  position: absolute;
  width: 100%;
}

@media only screen and (max-width: 750px) and (orientation: portrait) {

  .slide-nav__bg[data-v-e8378c17],
  .slide-nav__item-wrap[data-v-e8378c17] {
    display: none;
  }
}

@keyframes fadeUp-8305fc43 {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.center-btn[data-v-8305fc43] {
  bottom: 0;
  cursor: pointer;
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  z-index: 1;
}

.center-btn__bg[data-v-8305fc43] {
  align-items: center;
  background-image: var(--b61db6f2);
  display: flex;
  justify-content: center;
  -webkit-mask-image: var(--77042998);
  mask-image: var(--77042998);
  -webkit-mask: var(--77042998);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 3.3rem 2.2rem;
  mask-size: 3.3rem 2.2rem;
  transition: all 0.3s ease;
}

.center-btn__bg[data-v-8305fc43]:hover {
  background-image: var(--03e70a28);
}

.center-btn__bg:hover .center-btn__text[data-v-8305fc43] {
  color: #171717;
}

.center-btn__bg:hover .center-btn__animate[data-v-8305fc43] {
  display: none;
}

.center-btn__text[data-v-8305fc43] {
  color: #0ff796;
  font-size: 0.395rem;
  font-weight: 500;
  line-height: 1.25;
  margin-top: 0.6rem;
  text-align: center;
}

.center-btn__animate[data-v-8305fc43] {
  animation: light-8305fc43 1.5s 1s infinite both;
  background-image: var(--3cfb315c);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 2.2rem;
  pointer-events: none;
  position: absolute;
  width: 3.3rem;
  z-index: 1;
}

@keyframes light-8305fc43 {
  0% {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(0);
  }
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
  .center-btn[data-v-8305fc43] {
    bottom: 0.43rem;
    left: unset;
    position: fixed;
    right: 0.15rem;
    transform: unset;
  }

  .center-btn__bg[data-v-8305fc43] {
    height: 1.06rem;
    mask-size: 1.5rem 1.06rem;
    -webkit-mask-size: 1.5rem 1.06rem;
    width: 1.5rem;
  }

  .center-btn__text[data-v-8305fc43] {
    font-size: 0.2rem;
    margin-top: 0.34rem;
  }
}

@keyframes fadeUp-e8ff0163 {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.nav-item[data-v-e8ff0163] {
  align-items: flex-end;
  border-bottom: 0.04rem solid transparent;
  color: #8e8e8e;
  display: flex;
  font-size: 0.315rem;
  justify-content: center;
  padding: 0.2rem;
  white-space: nowrap;
}

.nav-item[data-v-e8ff0163]:hover {
  border-bottom: 0.04rem solid rgba(15, 248, 155, 0.376);
  color: #fff;
}

.nav-item.active[data-v-e8ff0163] {
  background-image: var(--427fe838);
  border-bottom: 0.04rem solid transparent;
}

@keyframes fadeUp-5b5e9d88 {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.v-enter-active[data-v-5b5e9d88],
.v-leave-active[data-v-5b5e9d88] {
  transition: opacity 0.2s ease;
}

.v-enter-from[data-v-5b5e9d88],
.v-leave-to[data-v-5b5e9d88] {
  opacity: 0;
}

.toast[data-v-5b5e9d88] {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  margin: auto;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}

.toast__msg[data-v-5b5e9d88] {
  background-color: #000;
  font-size: 0.24rem;
  padding: 0.2rem 0.9rem;
  width: 100%;
}

@keyframes fadeUp-014db7be {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.cookie[data-v-014db7be] {
  align-items: center;
  align-items: flex-end;
  bottom: 0;
  display: flex;
  height: 100%;
  justify-content: center;
  pointer-events: none;
  position: fixed;
  width: 100%;
  z-index: 999;
}

.cookie__overlay[data-v-014db7be] {
  background-color: #00000080;
  height: 100%;
  pointer-events: all;
  position: absolute;
  top: 0;
  width: 100%;
}

.cookie__nav[data-v-014db7be] {
  align-items: center;
  background-color: #050606;
  display: flex;
  font-size: 0.4rem;
  justify-content: center;
  opacity: 0.9;
  padding: 0 1.6rem;
  pointer-events: all;
}

.cookie__nav .icon_close[data-v-014db7be] {
  display: none;
}

.cookie__side-bar[data-v-014db7be] {
  background-color: #050606f0;
  height: 100%;
  left: 0;
  opacity: 0;
  pointer-events: all;
  position: absolute;
  transform: translate(-100%);
  transition: all 0.2s linear;
  width: 10.57rem;
}

.cookie__side-bar.open[data-v-014db7be] {
  opacity: 1;
  transform: translate(0);
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
  .cookie__nav[data-v-014db7be] {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0.5rem 1.6rem 0;
    position: relative;
  }

  .cookie__nav .icon_close[data-v-014db7be] {
    background-image: var(--287436e0);
    display: block;
    height: 0.3rem;
    position: absolute;
    right: 1.6rem;
    top: 0.5rem;
    width: 0.3rem;
  }

  .cookie__side-bar[data-v-014db7be] {
    width: 100%;
  }
}

@keyframes fadeUp-c6bf0b91 {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.main-page .legal-block[data-v-c6bf0b91] {
  align-items: center;
  display: flex;
  font-size: 0.28rem;
  justify-content: center;
  padding: 1rem 1.63rem 0.4rem;
  text-align: justify;
  width: 100%;
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
  .main-page .legal-block[data-v-c6bf0b91] {
    display: block;
    font-size: 0.18rem;
    padding: 0.2rem 0.74rem;
  }
}

@keyframes fadeUp-9dbee27e {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.lobby[data-v-9dbee27e] {
  background-image: var(--e797821c);
  background-size: cover;
  height: 100%;
  min-height: 100vh;
  position: relative;
}

.lobby video[data-v-9dbee27e] {
  height: 100vh;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
  width: 100%;
}

.lobby video[data-v-9dbee27e],
.lobby__wrap[data-v-9dbee27e] {
  position: absolute;
  z-index: 1;
}

.lobby__wrap[data-v-9dbee27e] {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 50%;
  /* margin-top: 2.7rem; */
  top: 50%;
  transform: translate(-50%, -50%);
}

.lobby .yt .play[data-v-9dbee27e] {
  background-image: var(--7bba7923);
  cursor: pointer;
  position: relative;
}

.lobby .yt .play[data-v-9dbee27e]:hover {
  background-image: var(--3dc72d4d);
}

.lobby .yt .play[data-v-9dbee27e]:after,
.lobby .yt .play[data-v-9dbee27e]:before {
  background-image: var(--1514bc14);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  height: 0.09rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 3.37rem;
}

.lobby .yt .play[data-v-9dbee27e]:before {
  left: -3.77rem;
}

.lobby .yt .play[data-v-9dbee27e]:after {
  left: 2.2rem;
  transform: translateY(-50%) rotate(180deg);
}

.lobby .logo[data-v-9dbee27e] {
  background-image: var(--3ceb459e);
}

.lobby .logo.animation-fade-up[data-v-9dbee27e] {
  animation: fadeUp-9dbee27e 0.5s 0.2s forwards;
}

.lobby .description[data-v-9dbee27e] {
  color: #fff;
  font-size: 0.4rem;
  margin-top: 0.75rem;
}

.lobby .description.animation-fade-up[data-v-9dbee27e] {
  animation: fadeUp-9dbee27e 0.5s 0.35s forwards;
}

.lobby .platform[data-v-9dbee27e] {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 1.2rem;
}

.lobby .platform.animation-fade-up[data-v-9dbee27e] {
  animation: fadeUp-9dbee27e 0.5s 0.5s forwards;
}

.lobby .platform__icon[data-v-9dbee27e] {
  height: 0.8rem;
  width: 0.8rem;
}

.lobby .platform__android[data-v-9dbee27e] {
  background-image: var(--0b882e79);
}

.lobby .platform__ios[data-v-9dbee27e] {
  background-image: var(--37b1389b);
}

.lobby .platform__windows[data-v-9dbee27e] {
  background-image: var(--39a52ee5);
}

.lobby .register[data-v-9dbee27e],
.lobby .test[data-v-9dbee27e] {
  align-items: center;
  display: flex;
  font-size: 0.42rem;
  font-weight: 500;
  justify-content: center;
}

.lobby .register.animation-fade-up[data-v-9dbee27e],
.lobby .test.animation-fade-up[data-v-9dbee27e] {
  animation: fadeUp-9dbee27e 0.5s 0.6s forwards;
}

.lobby .register[data-v-9dbee27e] {
  background-image: var(--d9db6ad8);
  color: #181818;
  margin-top: 0.3rem;
}

.lobby .register[data-v-9dbee27e]:hover {
  background-image: var(--eb04cb08);
}

.lobby .test[data-v-9dbee27e] {
  background-image: var(--b5682af6);
  color: #fff;
  font-size: 0.34rem;
  height: 1.02rem;
  margin-top: 0.19rem;
  width: 9.47rem;
}

.lobby .test-wrapper[data-v-9dbee27e] {
  align-items: center;
  display: flex;
  justify-content: center;
}

.lobby .test.btn_03[data-v-9dbee27e] {
  background-image: var(--1ae42440);
}

.lobby .test.btn_04[data-v-9dbee27e] {
  background-image: var(--5bbbbb4a);
  margin-left: 0.2rem;
}

.lobby .test.with-windows[data-v-9dbee27e] {
  height: 1.02rem;
  text-align: center;
  width: 4.63rem;
}

.lobby .test[data-v-9dbee27e]:hover {
  background-color: #ffffff20;
}

.lobby .download[data-v-9dbee27e] {
  align-items: center;
  display: flex;
  margin-top: 0.51rem;
}

.lobby .download__btn[data-v-9dbee27e] {
  background: no-repeat 50%/100% auto;
}

.lobby .download__ios[data-v-9dbee27e] {
  background-image: var(--74fb0a01);
  height: 1.07rem;
  width: 3.21rem;
}

.lobby .download__ios.ob[data-v-9dbee27e] {
  background-image: var(--833e03f0);
}

.lobby .download__android[data-v-9dbee27e] {
  background-image: var(--7d5c243a);
  height: 1.04rem;
  margin-left: 0.14rem;
  width: 3.5rem;
}

.lobby .download__android.ob[data-v-9dbee27e] {
  background-image: var(--fe651534);
}

.lobby .download__windows[data-v-9dbee27e] {
  background-image: var(--024605f7);
  height: 1.02rem;
  margin-top: 0.18rem;
  width: 6.82rem;
}

.lobby .download__windows.ob[data-v-9dbee27e] {
  background-image: var(--a22b145c);
}

.lobby .scroll-down[data-v-9dbee27e] {
  align-items: center;
  color: #ebebeb;
  display: flex;
  flex-direction: column;
  margin-top: 0.59rem;
}

.lobby .scroll-down__arrow[data-v-9dbee27e] {
  animation: scrollDownArrow-9dbee27e 1.5s linear infinite;
  background-image: var(--d7e69130);
}

.lobby .scroll-down__arrow[data-v-9dbee27e]:first-child {
  animation-delay: 0.5s;
}

.lobby .scroll-down__arrow[data-v-9dbee27e]:nth-child(2) {
  animation-delay: 1s;
}

.lobby .scroll-down__arrow[data-v-9dbee27e]:nth-child(3) {
  animation-delay: 1.5s;
}

.lobby .scroll-down__text[data-v-9dbee27e] {
  font-size: 0.24rem;
  margin-top: 0.23rem;
}

@keyframes scrollDownArrow-9dbee27e {
  0% {
    opacity: 0;
  }

  70% {
    opacity: 1;
  }

  80% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
  .lobby[data-v-9dbee27e] {
    background-image: var(--e79782d8);
  }

  .lobby .yt .play[data-v-9dbee27e] {
    height: 1.1rem;
    width: 1.1rem;
  }

  .lobby .yt .play[data-v-9dbee27e]:after,
  .lobby .yt .play[data-v-9dbee27e]:before {
    height: 0.03rem;
    width: 1.53rem;
  }

  .lobby .yt .play[data-v-9dbee27e]:before {
    left: -1.83rem;
  }

  .lobby .yt .play[data-v-9dbee27e]:after {
    left: 1.43rem;
  }

  .lobby__wrap[data-v-9dbee27e] {
    margin-top: 0.5rem;
  }

  .lobby .logo[data-v-9dbee27e] {
    height: 0.89rem;
    margin-top: 1.2rem;
    width: 5.67rem;
  }

  .lobby .description[data-v-9dbee27e] {
    font-size: 0.48rem;
    margin-top: 0.55rem;
    text-align: center;
  }

  .lobby .platform[data-v-9dbee27e] {
    margin-top: 0.1rem;
  }

  .lobby .platform__icon[data-v-9dbee27e] {
    height: 0.48rem;
    width: 0.48rem;
  }

  .lobby .register[data-v-9dbee27e] {
    font-size: 0.3rem;
    margin-top: 0.1rem;
  }

  .lobby .register[data-v-9dbee27e],
  .lobby .register[data-v-9dbee27e]:hover {
    background-image: var(--d9db6b94);
  }

  .lobby .test[data-v-9dbee27e] {
    background-image: var(--b5682bb2);
    font-size: 0.3rem;
    height: 0.77rem;
    margin-top: 0.13rem;
    width: 5.71rem;
  }

  .lobby .test.btn_03[data-v-9dbee27e] {
    background-image: var(--1ae423e2);
  }

  .lobby .test.btn_04[data-v-9dbee27e] {
    background-image: var(--5bbbbaec);
    margin-left: 0.1rem;
  }

  .lobby .test.with-windows[data-v-9dbee27e] {
    font-size: 0.24rem;
    height: 0.77rem;
    text-align: center;
    width: 2.82rem;
  }

  .lobby .download[data-v-9dbee27e] {
    margin-top: 0.37rem;
  }

  .lobby .download__ios[data-v-9dbee27e] {
    height: 0.74rem;
    width: 2.23rem;
  }

  .lobby .download__android[data-v-9dbee27e] {
    height: 0.73rem;
    width: 2.44rem;
  }

  .lobby .download__windows[data-v-9dbee27e] {
    height: 0.72rem;
    width: 4.75rem;
  }

  .lobby .scroll-down[data-v-9dbee27e] {
    margin-top: 0.97rem;
  }

  .lobby .scroll-down__arrow[data-v-9dbee27e] {
    height: 0.07rem;
    width: 0.14rem;
  }

  .lobby .scroll-down__text[data-v-9dbee27e] {
    margin-top: 0.18rem;
  }
}

@keyframes fadeUp-bf9c3769 {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.news[data-v-bf9c3769] {
  background-image: var(--98feb074);
  padding-top: 1.44rem;
  position: relative;
}

.news__wrap[data-v-bf9c3769] {
  margin-top: 1.39rem;
  padding: 0 2.77rem;
}

.news__category[data-v-bf9c3769] {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}

.news__category.animation-fade-up[data-v-bf9c3769] {
  animation: fadeUp-bf9c3769 0.5s 0s forwards;
}

.news__list[data-v-bf9c3769] {
  gap: 0.29rem;
  margin-top: 1.2rem;
}

.news__list[data-v-bf9c3769],
.news__list--empty[data-v-bf9c3769] {
  align-items: center;
  display: flex;
}

.news__list--empty[data-v-bf9c3769] {
  color: #bfcdc7;
  font-size: 0.64rem;
  justify-content: center;
  margin-top: 5.31rem;
}

.news__item.animation-fade-up[data-v-bf9c3769]:first-child {
  animation: fadeUp-bf9c3769 0.5s 0.2s forwards;
}

.news__item.animation-fade-up[data-v-bf9c3769]:nth-child(2) {
  animation: fadeUp-bf9c3769 0.5s 0.3s forwards;
}

.news__item.animation-fade-up[data-v-bf9c3769]:nth-child(3) {
  animation: fadeUp-bf9c3769 0.5s 0.4s forwards;
}

.news__btn[data-v-bf9c3769] {
  align-items: center;
  background-color: #ffffff15;
  border: 0.02rem solid #97a199;
  color: #dee9e0;
  display: flex;
  font-size: 0.425rem;
  font-weight: 500;
  height: 1.08rem;
  justify-content: center;
  margin: 1.04rem auto 0;
  text-align: center;
  transition: all 0.3s ease;
  width: 4.04rem;
}

html[lang="id"] .news__btn[data-v-bf9c3769],
html[lang="tr"] .news__btn[data-v-bf9c3769] {
  font-size: 0.34rem;
}

.news__btn[data-v-bf9c3769]:hover {
  background-color: #ffffff30;
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
  .news[data-v-bf9c3769] {
    background-image: var(--98feb130);
    padding-top: 0;
  }

  .news[data-v-bf9c3769] .section-title {
    padding-top: 0.5rem;
  }

  .news__wrap[data-v-bf9c3769] {
    margin-top: 0.49rem;
    padding: 0 0.53rem;
  }

  .news__category[data-v-bf9c3769] {
    gap: 0.1rem;
  }

  .news__list[data-v-bf9c3769] {
    display: block;
    margin-top: 0.17rem;
  }

  .news__list .news-item[data-v-bf9c3769] {
    margin-bottom: 0.15rem;
  }

  .news__list .news-item[data-v-bf9c3769]:nth-child(3) {
    display: none;
  }

  .news__list--empty[data-v-bf9c3769] {
    font-size: 0.3rem;
    margin-top: 3.01rem;
    text-align: center;
  }

  .news__btn[data-v-bf9c3769] {
    font-size: 0.3rem;
    height: 0.68rem;
    margin-top: 0.42rem;
    width: 2.58rem;
  }
}

@keyframes fadeUp-4f261cd5 {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.section-title[data-v-4f261cd5] {
  color: #fff;
  font-size: 1.1rem;
}

.section-title[data-v-4f261cd5],
.section-title span[data-v-4f261cd5] {
  position: relative;
}

.section-title[data-v-4f261cd5]:before {
  color: #22302e4c;
  content: attr(data-title);
  font-size: 1.8rem;
  left: -1rem;
  position: absolute;
  top: -1rem;
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
  .section-title[data-v-4f261cd5] {
    align-items: center;
    display: flex;
    font-size: 0.445rem;
    justify-content: center;
    width: 100%;
  }

  .section-title[data-v-4f261cd5]:before {
    display: none;
  }

  .section-title span[data-v-4f261cd5] {
    font-weight: 700;
    line-height: 0.48rem;
    position: relative;
  }

  .section-title span[data-v-4f261cd5]:before {
    left: -0.3rem;
  }

  .section-title span[data-v-4f261cd5]:after,
  .section-title span[data-v-4f261cd5]:before {
    background-color: #fff;
    bottom: 0;
    content: "";
    height: 0.4rem;
    margin: auto 0;
    position: absolute;
    top: -0.02rem;
    width: 0.03rem;
  }

  .section-title span[data-v-4f261cd5]:after {
    right: -0.3rem;
  }
}

@keyframes fadeUp-f36e14e5 {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.news-category[data-v-f36e14e5] {
  background-image: var(--f1e8c0f4);
  color: #c1c1c1;
  font-size: 0.42rem;
  font-weight: 500;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.news-category[data-v-f36e14e5],
.news-category__text[data-v-f36e14e5] {
  align-items: center;
  display: flex;
  justify-content: center;
}

.news-category__text[data-v-f36e14e5] {
  height: 0.96rem;
  transition: all 0.3s ease;
  width: 4.5rem;
}

.news-category.active .news-category__text[data-v-f36e14e5],
.news-category:hover .news-category__text[data-v-f36e14e5] {
  background-color: #ffffff30;
}

.news-category.active[data-v-f36e14e5] {
  color: #0ff796;
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
  .news-category[data-v-f36e14e5] {
    background-image: unset;
    border: 0.5px solid #6a6a6a;
    font-size: 0.275rem;
    height: 0.67rem;
    width: 2.77rem;
  }

  .news-category__text[data-v-f36e14e5] {
    height: 100%;
    width: 100%;
  }

  .news-category.active[data-v-f36e14e5] {
    border-color: #fff;
  }
}

@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.throttle-btn {
  cursor: pointer;
}

.disabled {
  pointer-events: none;
}

@keyframes fadeUp-30d1af05 {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.news-item[data-v-30d1af05] {
  cursor: pointer;
  position: relative;
}

.news-item__wrap[data-v-30d1af05] {
  background-image: var(--bf980172);
}

.news-item__wrap[data-v-30d1af05]:hover {
  transform: translateY(-0.54rem);
  transition: all 0.3s ease;
}

.news-item .news-banner[data-v-30d1af05] {
  height: 5.37rem;
  margin: 0.29rem 0 0.01rem 0.05rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: 9.55rem;
}

.news-item .news_pinned[data-v-30d1af05] {
  background-image: var(--88d8386a);
  position: absolute;
  right: 0.23rem;
  top: 0.44rem;
}

.news-item .info[data-v-30d1af05] {
  margin-top: 0.16rem;
  padding: 0 0.57rem;
}

.news-item .info__date[data-v-30d1af05] {
  color: #cae1cf80;
  font-size: 0.3rem;
  font-weight: 500;
  line-height: 0.3rem;
}

.news-item .info__title[data-v-30d1af05] {
  color: #eaebeb;
  font-size: 0.485rem;
  font-weight: 700;
  line-height: 0.55rem;
  margin-top: 0.15rem;
}

.news-item .info__summary[data-v-30d1af05],
.news-item .info__title[data-v-30d1af05] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.news-item .info__summary[data-v-30d1af05] {
  color: #cae1cf;
  font-size: 0.3rem;
  line-height: 0.35rem;
  margin-top: 0.14rem;
}

.news-item .info__read-more[data-v-30d1af05] {
  color: #f5d659;
  font-size: 0.285rem;
  line-height: 0.285rem;
  margin-top: 0.27rem;
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
  .news-item[data-v-30d1af05] {
    display: block;
  }

  .news-item__wrap[data-v-30d1af05] {
    background-image: var(--bf98022e);
  }

  .news-item__wrap[data-v-30d1af05]:hover {
    transform: unset;
  }

  .news-item .news-banner[data-v-30d1af05] {
    height: 3.13rem;
    margin: 0.03rem 0.05rem 0;
    width: 5.56rem;
  }

  .news-item .news_pinned[data-v-30d1af05] {
    height: 0.47rem;
    right: -0.1rem;
    top: 0.12rem;
    width: 0.45rem;
  }

  .news-item .info[data-v-30d1af05] {
    margin-top: -0.2rem;
    padding: 0.15rem;
  }

  .news-item .info__date[data-v-30d1af05] {
    font-size: 0.2rem;
  }

  .news-item .info__title[data-v-30d1af05] {
    font-size: 0.3rem;
    line-height: 0.36rem;
    margin-top: 0;
  }

  .news-item .info__read-more[data-v-30d1af05],
  .news-item .info__summary[data-v-30d1af05] {
    display: none;
  }
}

@keyframes fadeUp-9ebecaa2 {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.game-mode[data-v-9ebecaa2] {
  padding-top: 1.44rem;
  position: relative;
}

.game-mode .bg[data-v-9ebecaa2] {
  left: 0;
  position: absolute;
  top: 0;
}

.game-mode .bg img[data-v-9ebecaa2] {
  height: 100%;
  width: 100%;
}

.game-mode .pc-wrapper[data-v-9ebecaa2] {
  align-items: center;
  align-items: flex-start;
  display: flex;
  justify-content: center;
  justify-content: space-between;
  opacity: 0;
}

.game-mode .pc-wrapper.active[data-v-9ebecaa2] {
  animation: toggleIn 1s 1 forwards;
}

.game-mode .mobile-wrapper[data-v-9ebecaa2] {
  display: none;
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
  section[data-v-9ebecaa2] {
    padding: 0;
  }

  .game-mode[data-v-9ebecaa2] {
    background-image: var(--81baa5c2);
    background-size: 100% auto;
    height: auto;
    padding-top: 0;
  }

  .game-mode[data-v-9ebecaa2] .section-title {
    padding: 0.4rem;
  }

  .game-mode .bg[data-v-9ebecaa2],
  .game-mode .pc-wrapper[data-v-9ebecaa2] {
    display: none;
  }

  .game-mode .mobile-wrapper[data-v-9ebecaa2] {
    display: block;
    width: 100%;
  }

  .game-mode .mobile-wrapper .item[data-v-9ebecaa2] {
    max-height: 1.75rem;
    position: relative;
    transition: all 0.2s linear;
  }

  .game-mode .mobile-wrapper .item.active[data-v-9ebecaa2] {
    height: auto;
    max-height: 12rem;
  }

  .game-mode .mobile-wrapper .item.active[data-v-9ebecaa2] .section {
    opacity: 1;
  }

  .game-mode .mobile-wrapper .item.active .item__desc[data-v-9ebecaa2] {
    padding-top: 2.2rem;
  }

  .game-mode .mobile-wrapper .item.active .item__img[data-v-9ebecaa2] {
    -webkit-filter: brightness(1.2);
    filter: brightness(1.2);
  }

  .game-mode .mobile-wrapper .item__img[data-v-9ebecaa2] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    border-bottom: 0.01rem solid rgba(202, 225, 207, 0.376);
    -webkit-filter: brightness(0.5);
    filter: brightness(0.5);
    height: 3.57rem;
    position: absolute;
    width: 100%;
  }

  .game-mode .mobile-wrapper .item__desc[data-v-9ebecaa2] {
    padding-top: 1.2rem;
    position: relative;
  }

  .game-mode .mobile-wrapper .item[data-v-9ebecaa2] .section {
    opacity: 0;
    transition: all 0.5s linear 0.1s;
  }
}

@keyframes fadeUp-723c6de2 {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.feature-list[data-v-723c6de2] {
  flex-direction: column;
  max-height: 14rem;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0.2rem 0.5rem 0.2rem 0.2rem;
}

.feature-list[data-v-723c6de2],
.feature-list .item[data-v-723c6de2] {
  align-items: center;
  display: flex;
  justify-content: center;
  justify-content: flex-start;
  position: relative;
}

.feature-list .item[data-v-723c6de2] {
  flex-direction: row;
  min-height: 2.52rem;
  transition: all 0.3s ease;
}

.feature-list .item[data-v-723c6de2]:after {
  background-color: #e9e8d3;
  bottom: 0;
  content: "";
  height: 2.52rem;
  left: 0.16rem;
  opacity: 0.35;
  position: absolute;
  top: 0;
  width: 0.02rem;
}

.feature-list .item__dot[data-v-723c6de2] {
  position: relative;
  width: 0.7rem;
}

.feature-list .item__dot--square[data-v-723c6de2] {
  border: 0.02rem solid #fff;
  -webkit-filter: brightness(0.5);
  filter: brightness(0.5);
  height: 0.18rem;
  left: 0.08rem;
  position: absolute;
  top: -0.08rem;
  width: 0.18rem;
}

.feature-list .item__frame[data-v-723c6de2] {
  align-items: center;
  background-image: var(--3485d555);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  border: 0.04rem solid transparent;
  display: flex;
  -webkit-filter: brightness(0.5);
  filter: brightness(0.5);
  height: 2.22rem;
  justify-content: center;
  margin-left: 0.12rem;
  position: relative;
  transition: all 0.3s ease-in-out;
  width: 4.61rem;
}

.feature-list .item__frame.active[data-v-723c6de2] {
  border: 0.04rem solid #f4cf67;
  cursor: pointer;
  -webkit-filter: brightness(1);
  filter: brightness(1);
}

.feature-list .item__frame.active .item__frame--on[data-v-723c6de2] {
  opacity: 1;
}

.feature-list .item__frame.locked[data-v-723c6de2] {
  pointer-events: none;
}

.feature-list .item__frame.locked .item__frame--img[data-v-723c6de2] {
  -webkit-filter: brightness(1.5);
  filter: brightness(1.5);
}

.feature-list .item__frame.locked .item__frame--desc[data-v-723c6de2] {
  font-size: 0.26rem;
  font-weight: 400;
  left: 50%;
  text-align: center;
  transform: translate(-50%);
  width: 100%;
}

.feature-list .item__frame[data-v-723c6de2]:hover {
  border: 0.04rem solid #f4cf67;
  cursor: pointer;
  -webkit-filter: brightness(1);
  filter: brightness(1);
}

.feature-list .item__frame:hover .item__frame--on[data-v-723c6de2] {
  opacity: 1;
}

.feature-list .item__frame--on[data-v-723c6de2] {
  height: 0.36rem;
  left: -0.85rem;
  opacity: 0;
  position: absolute;
  transform: rotate(180deg);
  transition: all 0.3s ease-in-out;
  width: 0.83rem;
}

.feature-list .item__frame--img[data-v-723c6de2] {
  height: 2.06rem;
  width: 4.45rem;
}

.feature-list .item__frame--desc[data-v-723c6de2] {
  bottom: 0.2rem;
  font-size: 0.36rem;
  font-weight: 700;
  left: 0.3rem;
  position: absolute;
}

@keyframes fadeUp-2fb62571 {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.mode-detail[data-v-2fb62571] {
  align-items: center;
  align-items: flex-start;
  animation: toggleIn 1s 1 forwards;
  display: flex;
  flex-direction: column;
  justify-content: center;
  opacity: 0;
  text-shadow:
    0.03rem 0 0.008rem rgba(45, 46, 45, 0.8),
    0 0.03rem 0.008rem rgba(45, 46, 45, 0.8);
  width: 10rem;
}

.mode-detail .title[data-v-2fb62571] {
  font-size: 0.7rem;
  font-weight: 700;
  width: 100%;
}

.mode-detail .description[data-v-2fb62571] {
  font-size: 0.32rem;
}

.mode-detail .section[data-v-2fb62571] {
  font-size: 0.32rem;
  padding: 0.2rem 0;
  width: 100%;
}

.mode-detail .section__sub[data-v-2fb62571] {
  color: #0ff796;
  font-size: 0.46rem;
  font-weight: 700;
}

.mode-detail .section[data-v-2fb62571]:not(:last-of-type) {
  border-bottom: 0.01rem solid hsla(0, 0%, 100%, 0.5);
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
  .mode-detail[data-v-2fb62571] {
    color: #cae1cf;
    width: 100%;
  }

  .mode-detail .title[data-v-2fb62571] {
    color: #fff;
    font-size: 0.38rem;
    line-height: 0.4rem;
    padding: 0 0.2rem;
    width: 100%;
  }

  .mode-detail .description[data-v-2fb62571] {
    display: -webkit-box;
    font-size: 0.24rem;
    line-height: 0.3rem;
    max-height: 1rem;
    min-height: 0.8rem;
    overflow: hidden;
    padding: 0.3rem 0.2rem 0;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .mode-detail .section[data-v-2fb62571] {
    border-bottom: 0.01rem solid rgba(202, 225, 207, 0.376);
    font-size: 0.24rem;
    left: 0;
    margin: auto;
    padding: 0.2rem;
    right: 0;
    width: 100%;
  }

  .mode-detail .section__sub[data-v-2fb62571] {
    color: #0ff796;
    font-size: 0.285rem;
    font-weight: 400;
  }

  .mode-detail .section[data-v-2fb62571] {
    padding: 0.2rem 0;
    width: 90%;
  }

  .mode-detail .section[data-v-2fb62571]:last-of-type {
    border-bottom: unset;
  }

  .mode-detail[data-v-2fb62571] .separator {
    display: none;
  }
}

@keyframes fadeUp-c2c6e2ee {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.separator[data-v-c2c6e2ee] {
  background-color: #ffffff80;
  height: 0.02rem;
  margin: 0.2rem 0;
  position: relative;
  width: 100%;
}

.separator[data-v-c2c6e2ee]:after,
.separator[data-v-c2c6e2ee]:before {
  background-color: #fff;
  content: "";
  height: 0.02rem;
  position: absolute;
  width: 0.05rem;
}

.separator[data-v-c2c6e2ee]:before {
  left: 0;
}

.separator[data-v-c2c6e2ee]:after {
  right: 0;
}

@keyframes fadeUp-c71851a8 {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.operators[data-v-c71851a8] {
  padding-top: 1.44rem;
  position: relative;
}

.operators .bg[data-v-c71851a8] {
  left: 0;
  position: absolute;
  top: 0;
}

.operators .bg img[data-v-c71851a8] {
  height: 100%;
  width: 100%;
  opacity: 0.3;
}

.operators .pc-wrapper[data-v-c71851a8] {
  align-items: center;
  align-items: flex-start;
  display: flex;
  justify-content: center;
  justify-content: space-between;
  opacity: 0;
}

.operators .pc-wrapper.active[data-v-c71851a8] {
  animation: toggleIn 1s 1 forwards;
}

.operators .mb-wrapper[data-v-c71851a8] {
  display: none;
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
  .operators[data-v-c71851a8] {
    align-items: center;
    align-items: flex-start;
    background-color: #000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0;
    width: 100%;
  }

  .operators[data-v-c71851a8] .section-title {
    padding: 0.4rem;
  }

  .operators .pc-wrapper[data-v-c71851a8] {
    display: none;
  }

  .operators .mb-wrapper[data-v-c71851a8] {
    display: flex;
    flex: 1;
    position: relative;
    width: 100%;
  }

  .operators .mb-wrapper .list_shadow[data-v-c71851a8] {
    background-image: var(--0cdf925c);
    bottom: 0;
    position: absolute;
  }
}

@keyframes fadeUp-91c94830 {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.operator-skills[data-v-91c94830] {
  align-items: center;
  align-items: flex-start;
  animation: toggleIn 1s 1 forwards;
  display: flex;
  flex-direction: column;
  font-size: 0.32rem;
  justify-content: center;
  opacity: 0;
  text-shadow:
    0.01rem 0 0.03rem #292828,
    0 0.01rem 0.03rem #292828;
  width: 10rem;
}

.operator-skills .type[data-v-91c94830] {
  font-size: 0.7rem;
  font-weight: 700;
}

.operator-skills .name[data-v-91c94830] {
  color: #0ff796;
}

.operator-skills .desc[data-v-91c94830] {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 0.1rem 0;
  width: 100%;
}

.operator-skills .desc__img[data-v-91c94830] {
  display: flex;
  justify-content: center;
  min-width: 1.26rem;
}

.operator-skills .desc__img img[data-v-91c94830] {
  width: 1rem;
}

.operator-skills .desc__wrapper[data-v-91c94830] {
  flex: 1;
  margin-left: 0.2rem;
}

.operator-skills .desc__wrapper.common[data-v-91c94830] {
  padding-bottom: 0.2rem;
}

.operator-skills .desc__wrapper .sub[data-v-91c94830] {
  font-size: 0.46rem;
  font-weight: 700;
}

.operator-skills .desc__wrapper .content[data-v-91c94830] {
  line-break: auto;
}

.operator-skills .desc.special[data-v-91c94830] {
  margin-bottom: 0.1rem;
}

.operator-skills .desc.special .desc__img[data-v-91c94830] {
  width: 1.26rem;
}

.operator-skills .desc.special .desc__img img[data-v-91c94830] {
  width: 1.5rem;
}

.operator-skills .desc:not(:last-of-type) .desc__wrapper.common[data-v-91c94830] {
  border-bottom: 0.01rem solid hsla(0, 0%, 100%, 0.5);
}

@keyframes fadeUp-24444d8a {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.mb-feature[data-v-24444d8a] {
  align-self: flex-end;
  padding: 0 0.2rem;
  position: relative;
  width: 100%;
}

.mb-feature__control[data-v-24444d8a] {
  display: flex;
  justify-content: space-between;
}

.mb-feature__control .img-arrow[data-v-24444d8a] {
  align-items: center;
  background-color: #262626;
  border: 0.02rem solid #898989;
  display: flex;
  height: 1rem;
  justify-content: center;
  width: 0.5rem;
}

.mb-feature__control .img-arrow img[data-v-24444d8a] {
  height: 100%;
  width: 100%;
}

.mb-feature__control .img-arrow.right[data-v-24444d8a] {
  transform: rotate(180deg);
}

.mb-feature__control .img-arrow.locked[data-v-24444d8a] {
  opacity: 0.5;
  pointer-events: none;
}

.mb-feature__list[data-v-24444d8a] {
  align-items: center;
  align-items: flex-start;
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}

.mb-feature__list .section-arrow[data-v-24444d8a] {
  align-items: center;
  background-color: #404040;
  border: 0.02rem solid #a1a1a1;
  display: flex;
  height: 0.4rem;
  justify-content: center;
  margin-top: 0.08rem;
  width: 0.51rem;
}

.mb-feature__list .section-arrow.locked[data-v-24444d8a] {
  -webkit-filter: brightness(40%);
  filter: brightness(40%);
  pointer-events: none;
}

.mb-feature__list .section-arrow.right img[data-v-24444d8a] {
  transform: rotate(-90deg) scale(0.5);
}

.mb-feature__list .section-arrow img[data-v-24444d8a] {
  -webkit-filter: brightness(70%) contrast(79%);
  filter: brightness(70%) contrast(79%);
  transform: rotate(90deg) scale(0.5);
}

.mb-feature__list .section[data-v-24444d8a] {
  align-items: center;
  align-items: flex-start;
  display: flex;
  justify-content: center;
  justify-content: flex-start;
  position: relative;
}

.mb-feature__list .section__line[data-v-24444d8a] {
  background-color: #e9e8d3;
  height: 0.02rem;
  opacity: 0.2;
  position: absolute;
  top: 0.26rem;
  width: 100%;
}

.mb-feature__list .section__scroll[data-v-24444d8a] {
  align-items: center;
  display: flex;
  justify-content: center;
  justify-content: flex-start;
  overflow-x: auto;
  touch-action: none;
  width: 80vw;
}

.mb-feature__list .section__scroll[data-v-24444d8a]::-webkit-scrollbar {
  display: none;
}

.mb-feature__list .section__scroll .wrapper[data-v-24444d8a] {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  justify-content: flex-start;
  min-height: 1.4rem;
  min-width: 1.5rem;
  padding-top: 0.2rem;
  position: relative;
  width: 1.5rem;
}

.mb-feature__list .section__scroll .wrapper.locked[data-v-24444d8a] {
  pointer-events: none;
}

.mb-feature__list .section__scroll .wrapper.locked img[data-v-24444d8a] {
  height: 0.27rem;
  margin-bottom: -0.05rem;
  margin-top: -0.05rem;
  width: 0.2rem;
}

.mb-feature__list .section__scroll .wrapper.locked .desc[data-v-24444d8a] {
  color: #606060;
}

.mb-feature__list .section__scroll .wrapper.active .on[data-v-24444d8a] {
  opacity: 1;
}

.mb-feature__list .section__scroll .wrapper.active .desc[data-v-24444d8a] {
  color: #f5d659;
}

.mb-feature__list .section__scroll .square[data-v-24444d8a] {
  background-color: #1c1c1c;
  border: 0.02rem solid #575757;
  flex-shrink: 0;
  height: 0.15rem;
  position: relative;
  width: 0.15rem;
}

.mb-feature__list .section__scroll .on[data-v-24444d8a] {
  height: 0.34rem;
  margin-top: -0.1rem;
  opacity: 0;
  position: absolute;
  transition: all 0.2s linear;
  width: 0.34rem;
}

.mb-feature__list .section__scroll .desc[data-v-24444d8a] {
  color: #cae1cf;
  display: -webkit-box;
  font-size: 0.2rem;
  line-height: 0.24rem;
  margin: 0.2rem 0.1rem 0;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  transition: all 0.2s linear;
  word-break: break-word;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

@keyframes fadeUp-ec10a0e1 {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.firearms[data-v-ec10a0e1] {
  padding-top: 1.44rem;
  position: relative;
}

.firearms .bg[data-v-ec10a0e1] {
  left: 0;
  position: absolute;
  top: 0;
}

.firearms .bg img[data-v-ec10a0e1] {
  height: 100%;
  width: 100%;
}

.firearms .pc-wrapper[data-v-ec10a0e1] {
  align-items: center;
  align-items: flex-start;
  display: flex;
  justify-content: center;
  justify-content: flex-start;
  opacity: 0;
}

.firearms .pc-wrapper .item-intro[data-v-ec10a0e1] {
  margin-left: 0.3rem;
}

.firearms .pc-wrapper.active[data-v-ec10a0e1] {
  animation: toggleIn 1s 1 forwards;
}

.firearms .mb-wrapper[data-v-ec10a0e1] {
  display: none;
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
  .firearms[data-v-ec10a0e1] {
    align-items: center;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0;
    width: 100%;
  }

  .firearms[data-v-ec10a0e1] .section-title {
    padding: 0.4rem;
  }

  .firearms .pc-wrapper[data-v-ec10a0e1] {
    display: none;
  }

  .firearms .mb-wrapper[data-v-ec10a0e1] {
    display: flex;
    flex: 1;
    position: relative;
    width: 100%;
  }

  .firearms .mb-wrapper .list_shadow[data-v-ec10a0e1] {
    background-image: var(--00bb4fb2);
    bottom: 0;
    position: absolute;
  }
}

@keyframes fadeUp-272d2aff {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.item-intro[data-v-272d2aff] {
  align-items: center;
  align-items: flex-start;
  animation: toggleIn 1s 1 forwards;
  display: flex;
  flex-direction: column;
  justify-content: center;
  opacity: 0;
  text-shadow:
    0.01rem 0 0.03rem #292828,
    0 0.01rem 0.03rem #292828;
  width: 10rem;
}

.item-intro .title[data-v-272d2aff] {
  font-size: 0.7rem;
  font-weight: 700;
  margin-bottom: 0.6rem;
}

.item-intro[data-v-272d2aff] .separator {
  display: none;
}

.item-intro .content[data-v-272d2aff] {
  font-size: 0.32rem;
  width: 100%;
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
  .item-intro[data-v-272d2aff] {
    animation: none;
    margin: 1.6rem 0 0.6rem;
    min-height: 2.6rem;
    opacity: 0;
    width: 100%;
  }

  .item-intro.show[data-v-272d2aff] {
    animation: toggleIn 1s 1 forwards;
  }

  .item-intro[data-v-272d2aff] .separator {
    display: block;
  }

  .item-intro .title[data-v-272d2aff] {
    font-size: 0.36rem;
    font-weight: 700;
    margin-bottom: 0;
    padding: 0 0.3rem;
  }

  .item-intro .content[data-v-272d2aff] {
    color: #cae1cf;
    font-size: 0.22rem;
    padding: 0 0.3rem;
  }
}

@keyframes fadeUp-c91ea080 {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.vehicles[data-v-c91ea080] {
  padding-top: 1.44rem;
  position: relative;
}

.vehicles .bg[data-v-c91ea080] {
  left: 0;
  position: absolute;
  top: 0;
}

.vehicles .bg img[data-v-c91ea080] {
  height: 100%;
  width: 100%;
}

.vehicles .pc-wrapper[data-v-c91ea080] {
  align-items: center;
  align-items: flex-start;
  display: flex;
  justify-content: center;
  justify-content: space-between;
  opacity: 0;
}

.vehicles .pc-wrapper.active[data-v-c91ea080] {
  animation: toggleIn 1s 1 forwards;
}

.vehicles .mb-wrapper[data-v-c91ea080] {
  display: none;
}

@media only screen and (max-width: 750px) and (orientation: portrait) {
  .vehicles[data-v-c91ea080] {
    align-items: center;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0;
    width: 100%;
  }

  .vehicles[data-v-c91ea080] .section-title {
    padding: 0.4rem;
  }

  .vehicles .pc-wrapper[data-v-c91ea080] {
    display: none;
  }

  .vehicles .mb-wrapper[data-v-c91ea080] {
    display: flex;
    flex: 1;
    position: relative;
    width: 100%;
  }

  .vehicles .mb-wrapper .list_shadow[data-v-c91ea080] {
    background-image: var(--0031e40e);
    bottom: 0;
    position: absolute;
  }
}