@import url('https://fonts.googleapis.com/css2?family=Audiowide&family=Orbitron:wght@400..900&display=swap');

/**************************/
/* FONTS */
/**************************/
@font-face {
   font-family: 'Nothing You Could Do';
   src: url('/fonts/NothingYouCouldDo.woff2') format('woff2'),
      url('/fonts/NothingYouCouldDo.woff') format('woff');
   font-weight: 100;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: 'GetVoIPGrotesque';
   font-style: normal;
   font-weight: normal;
   src: url('/fonts/GetVoIPGrotesque.woff2') format('woff2'),
      url('/fonts/GetVoIPGrotesque.woff') format('woff');
   font-display: swap;
}
@font-face {
   font-family: 'Audiowide', sans-serif;
   src: url('/fonts/Audiowide.woff2') format('woff2'),
      url('/fonts/Audiowide.woff') format('woff');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}
.audiowide {
   font-family: 'Audiowide' !important;
}
/**************************/
/* GERAL */
/**************************/
* {
   padding: 0;
   margin: 0;
   box-sizing: border-box;
   /* background-color: rgb(30, 38, 41); */
}
*:link {
   text-decoration: none;
   padding: 0.1em;
   color: #070707;
}
*:visited {
   color: #070707;
}
*:focus {
   outline: none;
   /* outline: 4px dotted #e67e22; */
   /* outline-offset: 8px; */
   box-shadow: 0 0 0 0.1rem rgba(255, 255, 255, 0.7);
   border-radius: 0.2em;
   /* padding: 0.1em */
}
html {
   font-size: 62.5%;
   overflow-x: hidden;

   scroll-behavior: smooth;
}
body {
   font-family: "Atkinson Hyperlegible", sans-serif;

   line-height: 1;
   font-weight: 400;
   color: #070707;

   /* Only works if there is nothing absolutely positioned in relation to body */
   overflow-x: hidden;
}
.display-contents {
   display: contents;
}
#loading-curtain {
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   background-color: rgb(0, 0, 0);

   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   z-index: 9999;
   transition: all 0.5s;
}
.spinner {
   font-size: 1.5rem;
   color: #ffffff;
   /* font-size: 2.4rem; */
   /* letter-spacing: -0.06em; */

   /* font-family: "GetVoIPGrotesque"; */
   /* text-transform: uppercase; */
}
/**************************/
/* GENRAL REUSABLE COMPONENTS */
/**************************/
.heading-link {
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;
}
/**************************/
/* NAVIGATION */
/**************************/
.sticky .hero-section {
   margin-top: 6rem;
   /* igual a altura da NAVBAR para nao criar a britadeira
      essa margem substitui a barra de navegaçao do topo */
}
/* ****************************** */
/* tracker??? */
.fade-enter-active {
   transition: all 0s;
}
.fade-leave-active {
   transition: all 1s ease;
}
.fade-enter-from,
.fade-leave-to {
   opacity: 0;
}
.loader {
   width: 80px;
   height: 70px;
   border: 5px solid #000;
   padding: 0 8px;
   box-sizing: border-box;
   background:
      linear-gradient(#fff 0 0) 0 0/8px 20px,
      linear-gradient(#fff 0 0) 100% 0/8px 20px,
      radial-gradient(farthest-side, #fff 90%, #0000) 0 5px/8px 8px content-box,
      #000;
   background-repeat: no-repeat;
   animation: pong 2s infinite linear;
}
@keyframes pong {
   25% {
      background-position: 0 0, 100% 100%, 100% calc(100% - 5px)
   }

   50% {
      background-position: 0 100%, 100% 100%, 0 calc(100% - 5px)
   }

   75% {
      background-position: 0 100%, 100% 0, 100% 5px
   }
}
.all-regions {
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
   gap: 8rem;
   align-items: center;
}
.region-logo-ww {
   max-width: 150px;
   max-height: 150px;
   width: auto;
   -o-object-fit: contain;
      object-fit: contain;
}
.world-tracker-img {
   max-width: 350px;
   max-height: 350px;
   /* width: max-content; */
   -o-object-fit: cover;
      object-fit: cover;
}
.tracker-text {
   color: white;
   font-size: 2rem;
   /* font-family: 'GetVoIPGrotesque'; */
   font-family: 'Audiowide', sans-serif;
}
.name {
   /* background-color: yellow; */
   display: flex;
   /* flex-direction: column; */
   gap: 4rem;
   font-size: 10rem !important;
   text-wrap: nowrap;


   color: #f00;
   color: rgb(255, 255, 255);
   z-index: 2;

   text-shadow:
      0 0 1px #f00,
      0 0 5px #f00,
      0 0 10px #f00,
      0 0 12px #f00,
      0px 0px 5px rgb(0, 0, 0);
}
.neon {
   font-size: 6rem !important;
   text-wrap: nowrap;
}
.neon.back {
   color: rgb(0, 0, 0);
   z-index: 1;
}
.neon.glow {
   color: #f00;
   z-index: 2;

   text-shadow:
      0 0 5px rgb(0, 0, 0),
      0 0 5px #f00,
      0 0 10px #f00,
      0 0 20px #f00,
      0 0 40px #f00;

   animation: pulseNeon 8.5s ease-in-out infinite;
}
@keyframes pulseNeon {

   0%,
   14.4%,
   17%,
   19.5%,
   22%,
   35.1%,
   36.4%,
   64.7% {
      text-shadow:
         0 0 5px #900,
         0 0 10px #f00,
         0 0 20px #f33,
         0 0 40px #f00;
      opacity: 1;
   }

   15.3%,
   16.9%,
   18.5%,
   35.6% {
      text-shadow: none;
      opacity: 0.4;
   }

   55% {
      text-shadow:
         0 0 2px #400,
         0 0 4px #800;
      opacity: 0.8;
   }

   60.1% {
      text-shadow:
         0 0 5px #f00,
         0 0 10px #f00;
      opacity: 0.9;
   }

   62% {
      text-shadow: none;
      opacity: 0.5;
   }

   63% {
      text-shadow:
         0 0 3px #a00,
         0 0 6px #f00;
      opacity: 0.7;
   }

   65.5%,
   100% {
      text-shadow:
         0 0 5px #900,
         0 0 10px #f00,
         0 0 20px #f33,
         0 0 40px #f00;
      opacity: 1;
   }
}
.tracker-text.title {
   font-size: 4rem;
   margin-top: 4rem;
}
.split-regions {
   position: relative;
   margin-bottom: 18rem;
   display: flex;
   flex-wrap: wrap;
   /* flex-direction: column; */
   gap: 5rem;
   padding: 0 3rem;

   justify-content: center;
}
.region-group-name {
   font-family: 'Audiowide', sans-serif;
   font-size: 8rem;
   margin-bottom: 6rem;
   text-align: center;

}
.region-box {
   align-self: flex-end;
   display: flex;
   gap: 2rem;

   flex-direction: column;
   align-items: center;
   width: -moz-fit-content;
   width: fit-content;

   font-size: 4.2rem;
   width: 100%;
   height: 100%;
   justify-content: end;
}
.region-box .region-logo,
.region-box .region-item {
   transition: filter 0.3s;
}
.region-box:hover .region-logo,
.region-box:hover .region-item {
   /* background-color: red; */
   filter: drop-shadow(0px 0px 6px red);
}
.region-item {
   font-size: 3rem;
   text-align: center;
   line-height: 1.2;
}
.region-logo-box {
   position: relative;
   height: 100%;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   /* background-color: rgba(95, 158, 160, 0.144); */
}
.region-logo {
   max-width: 200px;
   max-height: 140px;
   width: auto;
   -o-object-fit: contain;
      object-fit: contain;
   z-index: 2;
}
.ww-logo {
   z-index: 0;
   position: absolute;
   top: 0;
   left: 0;
   max-height: 175px;
   width: auto;
   -o-object-fit: contain;
      object-fit: contain;
   opacity: 0.3;
}
.region-box .region-logo,
.region-box .region-item {
   z-index: 2;
}
.all-regions {
   position: relative;
   margin-bottom: 10rem;
}
.region-name {
   font-size: 5rem;
   position: absolute;
   top: 0;
   left: -5rem;
}
.btn-sort:hover {
   cursor: pointer;
   background-color: rgb(255, 154, 118);
   transition: all 0.3s;
}
.btn-sort:active {
   box-shadow: 0px 0px 3px rgb(50, 50, 50), 0px 0px 4px rgba(50, 50, 50, 0.5), inset 2px 2px 3px rgb(50, 50, 50);
   background-color: rgb(220, 60, 0);
   transform: translateY(1px);
}
.btn-sort {
   all: unset;
   display: flex;
   background-color: rgb(253, 71, 4);
   box-shadow: 2px 2px 3px rgb(50, 50, 50), -1px -1px 4px rgba(50, 50, 50, 0.5), inset 0px 0px 0px rgb(50, 50, 50);
   color: white;
   width: -moz-fit-content;
   width: fit-content;
   align-self: center;
   font-size: 3rem;
   margin: 0.5rem;
   padding: 0.4rem 1rem;
   transition: all 0.2s;
   border-radius: 0.6rem;

}
.btn-sort2:hover {
   cursor: pointer;
   background-color: rgb(255, 154, 118);
   transition: all 0.3s;
}
.btn-sort2:active {
   box-shadow: 0px 0px 3px rgb(50, 50, 50), 0px 0px 4px rgba(50, 50, 50, 0.5), inset 2px 2px 3px rgb(50, 50, 50);
   background-color: rgb(220, 60, 0);
   transform: translateY(1px);
}
.icon {
   height: 24px;
   color: white;
}
.ww--sort-cell {
   padding: 0 !important;
   display: flex;
   align-items: center;
   justify-content: center;

}
.btn-sort2 {
   all: unset;
   display: flex;
   align-items: center;
   background-color: rgb(253, 71, 4);
   box-shadow: 1px 1px 3px rgb(0, 0, 0), -1px -1px 4px rgba(102, 102, 102, 0.5), inset 0px 0px 0px rgb(50, 50, 50);
   color: white;
   width: -moz-fit-content;
   width: fit-content;
   align-self: center;
   padding: 0.2rem 1rem;
   transition: all 0.2s;
   border-radius: 0.6rem;
}
.home-section {
   background-color: rgb(242, 242, 242);

   color: rgb(0, 0, 0);
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 12rem 0 8rem;
}
/************************/
/*     WW ??????????         */
/************************/
.worldwarrior-section {
   background-color: rgb(242, 242, 242);
   color: rgb(0, 0, 0);
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 1rem 0 8rem;
}
.data-block>div:first-child {
   margin-bottom: 1rem;
   font-size: 3rem;
}
.data-block {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   font-size: 2rem;
   gap: 0.2rem;
}
.elegible-container {
   padding: 2rem;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 4rem;
}
.ww-heading-text {
   font-size: 2rem;
   line-height: 1.6;
}
.ww-heading-link,
.ww-heading-link:visited,
.ww-heading-link:link {
   color: rgb(253, 71, 4);
   border-radius: 10px;
   transition: all 0.3s;
   padding: 0.5rem 1rem;
}
.ww-heading-link:hover {
   color: rgb(255, 255, 255);
   background-color: rgb(253, 71, 4);
}
.fgcw-big {
   max-height: 300px;
   /* width: max-content; */
   -o-object-fit: cover;
      object-fit: cover;
   margin-bottom: -3rem;
}
.fgcw-med {
   max-height: 175px;
   /* width: max-content; */
   -o-object-fit: cover;
      object-fit: cover;
}
/********* search ***********/
.search-aside-box {
   min-height: 15rem;
}
.search-box .region-item {
   font-size: 2.4rem;
}
.btn-search {
   cursor: pointer !important;
   all: unset;
   font-size: 2.4rem;
   background-color: red;
   padding: 0.4rem 1.2rem;
   color: white;
   border-radius: 1rem;
   box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);
   transition: all 0.2s;
}
.btn-search:hover {
   background-color: rgb(255, 63, 63);
}
.btn-search:active {
   box-shadow: 0px 0px 2px rgb(50, 50, 50), 0px 0px 4px rgba(50, 50, 50, 0.5), inset 2px 2px 3px rgb(50, 50, 50);
   transform: translateY(2px);
   background-color: rgb(184, 0, 0);
}
.search-box .player-input {
   font-size: 2.6rem;
   border: 1px solid rgba(128, 128, 128, 0.534);
   padding: 0.2rem 0.4rem;
   color: #400;
}
.search-box {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 0.8rem;
   margin-bottom: 2rem;
}
/****** twoparts **********************************/
.two-parts {
   display: flex;
   flex-wrap: wrap-reverse;
   gap: 6rem;
   padding: 2rem;
   margin-bottom: 5rem;
   align-items: center;
   justify-content: center;
}
.first-part {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   /* background-color: rgba(102, 51, 153, 0.219); */
}
.event-logo-box {
   width: 400px;
   height: 300px;
   display: flex;
   /* background-color: rgba(0, 255, 255, 0.425); */
   align-items: center;
   justify-content: center;
}
.two-parts .region-logo {
   max-width: 400px;
   max-height: 300px;
}
.card {
   gap: 1rem;
   max-width: 30rem;
}
.card .signup-btn {
   margin-bottom: 1rem;
}
/****** social **********************************/
.social-icon-box {
   display: flex;
   align-items: center;
   width: -moz-fit-content;
   width: fit-content;
   gap: 1rem;
   overflow: hidden;
}
.social-icon-box.soop {
   transition: all 0.2s;
}
.social-icon-box.soop:not(:hover) {
   filter: saturate(0);
}
.socials-container {
   padding: 2rem 2rem 5rem;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;

   width: -moz-fit-content;

   width: fit-content;
   /* background-color: rgba(255, 0, 0, 0.185); */
}
.magic-link-box {
   position: relative;
   /* background-color: blue; */
   height: 10px;
   width: 10px;
}
.magic-icon-box {
   display: flex;
   gap: 2rem;
}
.socials-container .social-link {
   position: absolute;
   top: 100%;
   left: 50%;
   transform: translateX(-50%);
}
.social-icon-box:not(:hover) .social-icon {
   fill: black;
}
.social-icon {
   height: 40px;
   stroke-width: 0.1;
   transition: all 0.3s;
}
.social-icon.soop {
   height: 50px;
}
.bird-trick {
   position: relative;
}
.bird-trick .bird.social-icon {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 2;
   /* transform: translate(-100%, 100%); */
   /* scale: 0.5; */
   opacity: 0;
}
.bird-trick:hover .bird.social-icon {
   /* transform: translate(0, 0); */
   opacity: 1;
   scale: 1.1;
}
.social-link {
   font-size: 2rem;
   display: inline-block;
   text-decoration: none;
   cursor: pointer;
   transition: all 0.3s;
   border-radius: 0.8rem;
   padding: 0.6rem 1.2rem;

   display: flex;

   gap: 2rem;
}
.socials-container .social-link.copied {
   text-wrap: nowrap;
   color: black;
}
.social-link:not(:hover) span,
.social-link:not(:hover) .copy-icon {
   color: black;
}
.copy-icon {
   height: 20px;

}
.socials-container .social-link {
   color: rgb(234, 11, 11);
   background-color: rgb(252, 252, 252);
   filter: drop-shadow(0px 0px 4px rgba(255, 255, 255, 0.9));
   /* border: none; */
}
.socials-container .social-link.twitch {
   color: #9146FF;
}
.socials-container .social-link.discord {
   color: #5865F2;
}
.socials-container .social-link.twitter {
   color: #00AAEC;
}
/****** animation **********************************/
.fast-enter-active,
.fast-leave-active {
   transition: opacity 0.3s ease;
}
.fast-enter-from,
.fast-leave-to {
   opacity: 0;
}
.fast-enter-to,
.fast-leave-from {
   opacity: 1;
}/* rem and em do NOT depend on html font-size in media queries! Instead, 1rem = 1em = 16px */

/**************************/
/* BELOW 1617px  */
/**************************/

@media (max-width: 101em) {}

/**************************/
/* BELOW 1550px  */
/**************************/

@media (max-width: 97em) {}

/**************************/
/* BELOW 1344px (Smaller desktops) */
/**************************/

@media (max-width: 84em) {}


/**************************/
/* BELOW 1200px (Landscape Tablets) */
/**************************/

@media (max-width: 75em) {
   html {
      /* 9px / 16px  */
      font-size: 56.25%;
   }

}

/**************************/
/* BELOW 1100px (Landscape Tablets) */
/**************************/

@media (max-width: 68em) {}

/**************************/
/* BELOW 944px (Tablets) */
/**************************/

@media (max-width: 59em) {
   html {
      /* 8px / 16px = 0.5 = 50% */
      font-size: 50%;
   }


   /* MOBILE NAVIGATION */
   .btn-mobile-nav {
      display: flex !important;
      z-index: 9999;
   }

   .main-nav {
      background-color: rgba(26, 26, 26, 0.9);
      -webkit-backdrop-filter: blur(5px);
      backdrop-filter: blur(10px);
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh;
      transform: translateX(100%);
      z-index: 10;

      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.5s ease-in;

      /* Hide navigation */
      /* Allows NO transitions at all */
      /* display: none; */

      /* 1) Hide it visually */
      opacity: 0;

      /* 2) Make it unaccessible to mouse and keyboard */
      pointer-events: none;

      /* 3) Hide it from screen readers */
      visibility: hidden;
   }

   .nav_open .main-nav {
      opacity: 1;
      pointer-events: auto;
      visibility: visible;
      transform: translateX(0);
   }


   .main-nav-list {
      flex-direction: column;
      gap: 4.8rem;
   }


   .main-nav-link {
      font-size: 3rem;
   }

}

/**************************/
/* BELOW 800px (Smaller tablets) */
/**************************/

@media (max-width: 50em) {

   .ww-global-grid>div {
      padding: 0.6rem 0.2rem !important;

      align-items: center;
      justify-content: center;
      display: inline-flex;
   }

   .absolute-grid {
      margin-top: 7rem;
   }

   .absolute-grid>.region-anchor.name {
      text-wrap: wrap;
      transform: translate(-50%, -6rem) !important;
   }

   .absolute-grid>.region-anchor.neon {
      transform: translate(-50%, 4rem) !important;
   }

   .results-alert.china {
      width: 80% !important;
   }
}



/**************************/
/* BELOW 704px (Smaller tablets) */
/**************************/

@media (max-width: 44em) {
   .ww-global-grid .ww--round {
      width: 3.6rem;
   }

   .ww-global-grid>div {
      align-items: center;
      justify-content: center;
      display: inline-flex;
   }

   .split-regions.grid3 {
      grid-template-columns: repeat(2, 1fr) !important;
   }




}

/**************************/
/* BELOW 600px (Phones) */
/**************************/

@media (max-width: 40em) {

   .btn-sort2 {
      font-size: 2rem;
      padding: 0.2rem 0.4rem;
   }

   .btn-sort2>.icon {
      max-width: 2rem;
   }

   .ww-global-grid .ww--round-head,
   .ww-global-grid .ww--round {
      max-width: 4rem;
   }

   .ww--name {
      max-width: 15rem !important;
   }

   .ww-global-grid>div:nth-child(1),
   .ww-global-grid>div:nth-child(11),
   .ww-global-grid>div:nth-child(10) {
      font-size: 1.6rem;
   }

   .ww--total-top3--head,
   .ww--total-top5--head {
      max-width: 5rem;
   }


   .footer-box {
      display: flex !important;
      flex-direction: column-reverse;
   }

   .footer-axio-box {
      align-items: center !important;
   }

   .results-alert.china {
      width: 90%;
      font-size: 1.6rem !important;
   }
}




/**************************/
/* BELOW 544px (Phones) */
/**************************/

@media (max-width: 34em) {


   .ww-global-grid .ww--round-head,
   .ww-global-grid .ww--round {
      font-size: 1.8rem;
      max-width: 3rem;
   }

   .ww--name {
      max-width: 13rem;
      min-width: 13rem;
      font-size: 1.7rem;
   }

   .ww-global-grid>div:nth-child(1),
   .ww-global-grid>div:nth-child(11),
   .ww-global-grid>div:nth-child(10) {
      font-size: 1.2rem;
   }



   .absolute-grid>.region-anchor.name {
      font-size: 8rem !important;
   }

   .absolute-grid>.region-anchor.neon {
      font-size: 5.4rem !important;
   }

   .split-regions.grid3 {
      grid-template-columns: repeat(1, 1fr) !important;
   }

   .ww-global-grid-container {
      padding-top: 0 !important;
   }

   .two-parts .region-logo,
   .event-logo-box {
      width: 300px;
      max-width: 300px;
      height: 220px;
      max-height: 220px;
   }

   #worldwarrior .logo-title {
      display: none;
   }

   .footer-box {
      padding: 10rem 5rem !important;
   }


}

/**************************/
/* BELOW 430px (Phones) */
/**************************/
@media (max-width: 27em) {

   .absolute-grid>.background-map {
      width: 50rem !important;
   }

   .absolute-grid {
      margin-top: 10rem;
   }

   .absolute-grid>.region-anchor>a {
      font-size: 2.2rem !important;
      text-shadow: 0 0 3px #f00, 0 0 2px #f00, 0 0 2px #f00 !important;
   }

   .absolute-grid>.region-anchor.name {
      text-wrap: wrap;
      transform: translate(-50%, -11rem) !important;
      font-size: 6rem !important;
   }

   .absolute-grid>.region-anchor.neon {
      transform: translate(-50%, 8rem) !important;
      font-size: 4.4rem !important;
   }

   .footer-disc-box,
   .disclaimer-block {
      font-size: 1.6rem !important;
      /* line-height: 1.4 !important; */
   }
}
.nav-logo[data-v-b638492f] {
      cursor: pointer;
      display: flex;
      max-height: 4rem;
      align-items: center;
      gap: 1rem;
      transition: all 0.3s;
      border-radius: 0.8rem;
      padding: 0.4rem;
}
.nav-logo[data-v-b638492f]:hover {
      background-color: rgb(252, 252, 252);
      filter: drop-shadow(0px 0px 4px rgba(255, 255, 255, 0.9));
}
.nav-logo:hover>header[data-v-b638492f] {
      color: red;
      text-shadow: none;
}
.nav-logo>header[data-v-b638492f] {
      font-family: 'Audiowide', sans-serif;
      font-size: 2.2rem;
      color: rgb(255, 255, 255);
      text-shadow:
         /* 0 0 5px #000, */
         0 0 5px #f00,
         0 0 9px #f00;
}
.nav-globe[data-v-b638492f] {
      max-height: 4rem;
      filter: drop-shadow(0 0 3px #f00);
}
.nav_open.main-nav[data-v-b638492f] {
      opacity: 1;
      pointer-events: auto;
      visibility: visible;
      transform: translateX(0);
}
.main-nav-list[data-v-b638492f] {
      list-style: none;
      display: flex;
      align-items: center;
      text-align: center;
      gap: 3rem;
}
.nav_open .main-nav-link[data-v-b638492f] {
      font-size: 5rem;
}
.main-nav-link[data-v-b638492f] {
      display: inline-block;
      text-decoration: none;
      color: #f0f0f0;
      font-weight: 500;
      font-size: 2rem;
      transition: all 0.3s;
      border-radius: 0.8rem;
      padding: 0.6rem 1.2rem;
      cursor: pointer;
}
.nav-open .main-nav-link[data-v-b638492f] {
      font-size: 5rem !important;
}
.main-nav-link[data-v-b638492f]:hover,
   .main-nav-link[data-v-b638492f]:active {
      color: rgb(234, 11, 11);
      background-color: rgb(252, 252, 252);
      filter: drop-shadow(0px 0px 4px rgba(255, 255, 255, 0.9));
      /* border: none; */
}
.main-nav-link.nav-cta[data-v-b638492f] {
      margin-left: 0.6rem;
      padding: 1.2rem 2.4rem;
      color: #ffffff;
      font-weight: 600;
      background-color: rgb(234, 11, 11);
      min-width: none;
}
.main-nav-link.nav-cta[data-v-b638492f]:hover,
   .main-nav-link.nav-cta[data-v-b638492f]:active {
      background-color: rgb(252, 252, 252);
      color: rgb(234, 11, 11);
}

   /* MOBILE */
.btn-mobile-nav[data-v-b638492f] {
      border: none;
      background: none;
      cursor: pointer;
      stroke: white;
      fill: white;
      border-radius: 0.4rem;
      transition: all 0.2s;

      display: none;
}
.btn-mobile-nav>svg[data-v-b638492f] {
      height: 4rem;
      width: 4rem;

      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-width: 2;
}
.btn-mobile-nav[data-v-b638492f]:hover {
      stroke: red;
      fill: red;
      background-color: white;
}
.icon-mobile-nav[name="close-outline"][data-v-b638492f] {
      display: none;
}

   /* STICKY NAVIGATION */
.sticky #navbar[data-v-b638492f] {
      position: fixed;
      top: 0;
      bottom: 0;
      width: 100%;
      height: 5rem;
      padding-top: 0;
      padding-bottom: 0;
      /* background-color: rgba(255, 255, 255, 0.97); */
      background-color: rgba(30, 38, 41, 0.85);

      z-index: 999;
      box-shadow: 0 1.2rem 3.2rem rgba(0, 0, 0, 0.2);
}
.sticky #navbar svg[data-v-b638492f] {
      filter: opacity(0.8) !important;
      height: 4rem;
      /* display: none; */
}
.sticky .nav-cta[data-v-b638492f] {
      padding: 0.8rem 2.4rem !important;
      /* transition: padding 0s; */
}
#navbar[data-v-b638492f] {
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-color: rgb(30, 38, 41);
      /* Because we want header to be sticky later */
      height: 6rem;

      padding: 0 4.8rem;
      position: relative;
}

.footer[data-v-f2e4fa16] {
      margin-top: 18rem;
      padding: 10rem 0 13rem;
      border-top: 1px solid #eee;
}
.footer-box[data-v-f2e4fa16] {
      display: grid;
      grid-template-columns: 1fr 2fr;
      padding: 10rem 10rem;
      gap: 5rem;
}
.logo-col[data-v-f2e4fa16] {
      display: flex;
      flex-direction: column;
}
.footer-logo-box[data-v-f2e4fa16] {
      position: relative;
      /* background-color: rgba(255, 255, 0, 0.2); */
}
.footer-logo-box>header[data-v-f2e4fa16] {
      position: absolute;
      z-index: 2;
      top: -5%;
      left: 50%;
      transform: translateX(-50%);
      font-family: Audiowide;
      font-size: 2.2rem;
      text-wrap: nowrap;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 110%;
}
.footer-logo-box>.watch[data-v-f2e4fa16] {
      z-index: 5;
      top: 28%;
      text-wrap: wrap;
      font-size: 3.2rem;
      line-height: 1.1;

      color: rgb(255, 255, 255);
      text-shadow:
         /* 0 0 5px #000, */
         0 0 5px #f00,
         0 0 5px #f00,
         0 0 9px #f00;
}
.footer-logo-box>.back[data-v-f2e4fa16] {
      color: rgb(73, 0, 0);
      z-index: 1;
}
.footer-logo-box>.follow[data-v-f2e4fa16] {
      color: #f00;
      z-index: 2;

      text-shadow:
         0 0 5px #f00,
         0 0 10px #f00;

      animation: pulseNeonMini-f2e4fa16 18.5s ease-in-out infinite;
}
@keyframes pulseNeonMini-f2e4fa16 {
0%,
      7.2%,
      8.7%,
      9.2%,
      11%,
      17.7%,
      18.2%,
      29.4%,
      100% {
         text-shadow:
            0 0 2px #900,
            0 0 7px #f00,
            0 0 13px #f33;

         opacity: 1;
}
7.6%,
      8.6%,
      9.3%,
      17.6% {
         text-shadow: none;
         opacity: 0.4;
}
22.5% {
         text-shadow:
            0 0 2px #400,
            0 0 4px #800;
         opacity: 0.8;
}
30.1% {
         text-shadow:
            0 0 5px #f00,
            0 0 10px #f00;
         opacity: 0.9;
}
31% {
         text-shadow: none;
         opacity: 0.5;
}
32% {
         text-shadow:
            0 0 3px #a00,
            0 0 6px #f00;
         opacity: 0.7;
}
33%,
      50% {
         text-shadow:
            0 0 2px #900,
            0 0 7px #f00,
            0 0 13px #f33;

         opacity: 1;
}
}
.footer-logo[data-v-f2e4fa16] {
      display: block;
      margin-bottom: 3.2rem;
      /* opacity: 0.7; */
}
.footer-fgcwp-box[data-v-f2e4fa16] {
      justify-self: flex-end;
      display: flex;
      flex-direction: column;
      /* justify-content: flex-end; */
      justify-content: space-evenly;
      align-items: flex-end;
      height: 100%;
      font-size: 1.4rem;
      line-height: 1.6;
      margin-top: auto;
}
.footer-disc-box[data-v-f2e4fa16] {
      /* justify-self: flex-end; */
      display: flex;
      flex-direction: column;
      /* justify-content: flex-end; */
      justify-content: space-evenly;
      align-items: flex-start;
      height: 100%;
      line-height: 1.6;
      margin-top: auto;
}
.footer-fgcwp-main[data-v-f2e4fa16] {
      align-items: center;
      text-align: center;
}
.disclaimer-block[data-v-f2e4fa16] {
      margin-bottom: 2.4rem;
      text-align: left;
      font-size: 1.8rem;
}
.disclaimer-block header[data-v-f2e4fa16] {
      font-size: 2.2rem;
      margin-bottom: 0.6rem;
}
.startgg-block a[data-v-f2e4fa16] {
      padding: 0;
      margin: 0;
      line-height: 0;
}
.startgg-block[data-v-f2e4fa16] {
      display: flex;
      align-items: top;
      height: -moz-fit-content;
      height: fit-content;
      line-height: 1.3;
      font-size: 1.8rem;
}
.startgg-logo[data-v-f2e4fa16] {
      max-height: 3rem;
      line-height: 1;
}
.footer-block[data-v-f2e4fa16] {
      margin-bottom: 2.4rem;
}
.footer-block[data-v-f2e4fa16]:last-child {
      margin-bottom: 0rem;
}
.footer-heading[data-v-f2e4fa16] {
      font-size: 3rem;
      font-weight: 500;
      margin-bottom: 2rem;
}
.footer-link[data-v-f2e4fa16]:link,
   .footer-link[data-v-f2e4fa16]:visited {
      text-decoration: none;
      font-size: 1.8rem;
      color: #000000;
      transition: all 0.3s;
}
.footer-link[data-v-f2e4fa16]:hover,
   .footer-link[data-v-f2e4fa16]:active {
      color: #ff0000;
}
.footer-logo[data-v-f2e4fa16] {
      max-height: 18rem;
}


.hero-section[data-v-8022e342] {
      height: -moz-fit-content;
      height: fit-content;
      min-height: 95vh;
      background-color: rgb(41, 47, 49);
      padding: 4rem 2rem 2rem;

      display: flex;
      flex-direction: column;

      align-items: center;
      gap: 5rem;
}
.news-headline[data-v-8022e342] {
      align-self: center;
      text-align: center;
      padding: 0rem 0 3rem;
      font-size: 8rem;
      letter-spacing: -0.06em;

      font-family: 'Audiowide', sans-serif;
}
.news-headline.subheadline[data-v-8022e342] {
      text-transform: none;
}
.heading-link-icon[data-v-8022e342] {
      height: 25px;
      width: 25px;
      aspect-ratio: 1;
      /* background-color: cyan; */
}
.fade-enter-active[data-v-8022e342] {
      transition: all 0s;
}
.fade-leave-active[data-v-8022e342] {
      transition: all 1s ease;
}
.fade-enter-from[data-v-8022e342],
   .fade-leave-to[data-v-8022e342] {
      opacity: 0;
}
.loader[data-v-8022e342] {
      width: 80px;
      height: 70px;
      border: 5px solid #000;
      padding: 0 8px;
      box-sizing: border-box;
      background:
         linear-gradient(#fff 0 0) 0 0/8px 20px,
         linear-gradient(#fff 0 0) 100% 0/8px 20px,
         radial-gradient(farthest-side, #fff 90%, #0000) 0 5px/8px 8px content-box,
         #000;
      background-repeat: no-repeat;
      animation: pong-8022e342 2s infinite linear;
}
@keyframes pong-8022e342 {
25% {
         background-position: 0 0, 100% 100%, 100% calc(100% - 5px)
}
50% {
         background-position: 0 100%, 100% 100%, 0 calc(100% - 5px)
}
75% {
         background-position: 0 100%, 100% 0, 100% 5px
}
}
.region-composition[data-v-8022e342] {
      position: relative;
      max-width: 150px;
      max-height: 150px;
      transition: all 0.3s ease;
      /* background-color: red; */

      display: flex;
      padding: 0;
      margin: 0;
      align-items: center;
      justify-content: center;
}
.double-a[data-v-8022e342] {
      pointer-events: none;

      opacity: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);

      display: flex;
      max-width: 170%;
      max-height: 170%;
      width: auto;
      height: auto;
      -o-object-fit: contain;
         object-fit: contain;
      transition: all 0.3s ease;
}
.logo-ww[data-v-8022e342] {
      /* background-color: yellow; */

      display: flex;

      z-index: 10;
      width: 100%;
      height: 100%;
      transition: all 0.3s ease;

      padding: 0;
      margin: 0;
}
.region-composition[data-v-8022e342]:hover {
      cursor: pointer;
      scale: 1.1;
}
.region-composition:hover>.double-a[data-v-8022e342] {
      opacity: 1;
}
.hero--img-box[data-v-8022e342] {
      z-index: 10;
      border-radius: 100%;
      overflow: visible;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
}
.world-tracker-img[data-v-8022e342] {
      max-width: 350px;
      max-height: 350px;
      /* width: max-content; */
      -o-object-fit: cover;
         object-fit: cover;
}
.logo-axq[data-v-8022e342] {
      max-height: 50px;
}
.hold-on[data-v-8022e342] {
      font-size: 1.6rem;
}
.ze-links[data-v-8022e342] {
      display: flex;
      flex-direction: column;
      font-size: 4rem !important;
}
.scroll-wrapper[data-v-8022e342] {
      scroll-behavior: smooth;
}
.region-link-box.player-search[data-v-8022e342] {
      margin-top: 3rem;
}
.grid2.region-link-box[data-v-8022e342] {
      margin-top: -2rem;
      margin-bottom: 3rem;
}
.grid3.region-link-box[data-v-8022e342] {
      margin-top: 4rem;
      gap: 3rem 0rem;
}
.grid2[data-v-8022e342] {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      justify-items: center;
      gap: 3rem;
}
.grid3[data-v-8022e342] {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      justify-items: center;
      gap: 6rem 6rem;
}
.result-box .region-item[data-v-8022e342] {
      margin-bottom: 1.4rem;
      transition: text-shadow 0.3s;
}
.result-box .region-item[data-v-8022e342]:hover {
      text-shadow: 0px 0px 8px red;
}
.result-box[data-v-8022e342] {
      margin-top: 4rem;
      /* background-color: rgba(0, 0, 255, 0.13); */
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 0.4rem;
}
.region-link.more-pages[data-v-8022e342] {
      margin-top: 1rem;
}
.result-box .region-link[data-v-8022e342] {
      color: black;
      text-shadow: none;
}
.region-link[data-v-8022e342] {
      display: flex;
      /* height: fit-content; */
      align-items: center;
      font-size: 3rem;

      color: #f0f0f0;
      text-align: center;
      transition: all 0.3s;
      border-radius: 0.8rem;
      padding: 0.6rem 1.2rem;
      text-shadow: 0 0 4px #f00, 0 0 2px #f00;

      cursor: pointer;
      text-decoration: none;
}
.region-link[data-v-8022e342]:active,
   .region-link[data-v-8022e342]:hover {
      text-shadow: 0 0 8px rgba(255, 0, 0, 0);

      color: rgb(234, 11, 11);
      background-color: rgb(252, 252, 252);

      filter: drop-shadow(0px 0px 4px rgba(255, 255, 255, 0.9));
      /* border: none; */
}


   /*******ABSOLUTE GRID*****************************************************************/
.absolute-grid[data-v-8022e342] {
      position: relative;
      z-index: 5;
      /* transform: translateY(-38%); */
      /* background-color: rgba(0, 195, 255, 0.3); */
}
.absolute-grid>.region-anchor[data-v-8022e342] {
      position: absolute;
      /* background-color: blue; */
      width: 2rem;
      height: 2rem;
      transform: translate(-50%, 0);
}
.absolute-grid>.na[data-v-8022e342] {
      left: 21%;
      top: 36%;
}
.absolute-grid>.ca[data-v-8022e342] {
      left: 25%;
      top: 47%;
}
.absolute-grid>.sa[data-v-8022e342] {
      top: 57%;
      left: 33%;
}
.absolute-grid>.eu[data-v-8022e342] {
      top: 31%;
      left: 55%;
}
.absolute-grid>.as[data-v-8022e342] {
      top: 34%;
      left: 80%;
}
.absolute-grid>.me[data-v-8022e342] {
      top: 40%;
      left: 60%;
}
.absolute-grid>.af[data-v-8022e342] {
      top: 48%;
      left: 54%;
}
.absolute-grid>.oc[data-v-8022e342] {
      top: 56%;
      left: 72%;
}
.absolute-grid>.ss[data-v-8022e342] {
      top: 71%;
      left: 52%;
}
.absolute-grid>.neon[data-v-8022e342] {
      /* top: 15%; */
      top: 91%;
      left: 50%;
}
.absolute-grid>.name[data-v-8022e342] {
      top: 12%;
      left: 50%;
}
.background-map[data-v-8022e342] {
      z-index: -1;
      width: 75rem;
}
.region-anchor[data-v-8022e342] {
      display: flex;
      align-items: center;
      text-align: center;
      justify-content: center;
      font-size: 2.6rem;
}
.region-anchor>a[data-v-8022e342] {
      text-wrap: nowrap;

      color: #f0f0f0;
      text-shadow: 0 0 4px #f00, 0 0 4px #f00;
      cursor: pointer;
      text-decoration: none;
      border-radius: 0.8rem;
      padding: 0.6rem 1.2rem;
      transition: all 0.3s;
}
.region-anchor:active>a[data-v-8022e342],
   .region-anchor:hover>a[data-v-8022e342] {
      text-shadow: 0 0 8px rgba(255, 0, 0, 0);
      color: rgb(234, 11, 11);
      background-color: rgba(252, 252, 252, 0.7);
      filter: drop-shadow(0px 0px 4px rgba(255, 255, 255, 0.9));
      /* border: none; */
}


.hero-section[data-v-e0012061] {
      all: unset;
}
.ww-global-grid-container[data-v-e0012061] {
      position: relative;
      width: 100%;
      height: -moz-max-content;
      height: max-content;
      padding: 0rem 14rem 8rem;
      margin-bottom: 2rem;
      /* background-color: rgb(242, 242, 242); */

      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
}
.ww-global-grid-title-box[data-v-e0012061] {
      display: flex;
      flex-direction: column;
      font-size: 6rem;
      margin-bottom: 12rem;
      text-transform: uppercase;
}
.ww-global-grid[data-v-e0012061] {
      /* position: relative; */
      width: -moz-max-content;
      width: max-content;
      height: -moz-fit-content;
      height: fit-content;
      display: flex;
      flex-direction: column;
      font-size: 2rem;
      border-radius: 1rem 1rem 0 0;

      box-shadow:
         1rem -1rem 1.4rem -1rem rgba(0, 0, 0, 0.3),
         /* 0rem 1rem 1rem -1rem rgba(0, 0, 0, 0.3), */
         -1rem -1rem 1.4rem -1rem rgba(0, 0, 0, 0.3);
      display: grid;
      grid-template-columns: repeat(9, auto);
      justify-content: space-between;
      justify-items: center;
      align-items: center;

      overflow: hidden;
      z-index: 1;

      transition: height 1s;
}
.ww-global-grid .ww--total[data-v-e0012061],
   .ww-global-grid .ww--standing[data-v-e0012061],
   .ww-global-grid .ww--name[data-v-e0012061],
   .ww-global-grid .ww--round[data-v-e0012061] {
      transition: all 300ms;
}
.ww-global-grid.magic_vanish .ww--total[data-v-e0012061],
   .ww-global-grid.magic_vanish .ww--standing[data-v-e0012061],
   .ww-global-grid.magic_vanish .ww--name[data-v-e0012061],
   .ww-global-grid.magic_vanish .ww--round[data-v-e0012061] {
      color: rgba(0, 0, 0, 0);
      opacity: 0;
}

   /*
   .ww-global-grid.curtain::after {
      position: absolute;
      content: '';
      width: 100%;
      height: 100%;
      top: 8.4rem;
      background-color: rgb(253, 71, 4);
      z-index: 20;
   } */
.ww-global-grid.extra_shadow[data-v-e0012061] {
      box-shadow:
         1rem -1rem 1.4rem -1rem rgba(0, 0, 0, 0.3),
         0rem 1rem 1rem -1rem rgba(0, 0, 0, 0.3),
         -1rem -1rem 1.4rem -1rem rgba(0, 0, 0, 0.3);
}
.ww-global-grid-container .btn--ww-box[data-v-e0012061] {
      position: absolute;
      bottom: 8rem;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      justify-content: center;
      width: -moz-fit-content;
      width: fit-content;
      /* height: fit-content; */
      z-index: 5;
      width: 100%;
      height: 4rem;
      background: linear-gradient(180deg, rgba(242, 242, 242, 0) 5%, rgba(242, 242, 242, 0.65) 45%, rgba(242, 242, 242, 1) 100%);
      transition: all 1s;
}
.ww-global-grid-container .btn--ww-box[data-v-e0012061]:not(.closed) {
      bottom: 3rem;
}
#btn--ww-square[data-v-e0012061] {
      all: unset;
      display: flex;
      background-color: rgb(253, 71, 4);
      box-shadow: 2px 2px 3px rgb(50, 50, 50), -1px -1px 4px rgba(50, 50, 50, 0.5), inset 0px 0px 0px rgb(50, 50, 50);
      color: white;
      width: -moz-fit-content;
      width: fit-content;
      align-self: center;
      font-size: 2.4rem;
      margin: 0.5rem;
      padding: 0.4rem 1rem;
      transition: all 0.2s;
      border-radius: 0.6rem;
}
#btn--ww-square[data-v-e0012061]:hover {
      cursor: pointer;
      background-color: rgb(255, 154, 118);
}
#btn--ww-square[data-v-e0012061]:active {
      box-shadow: 0px 0px 3px rgb(50, 50, 50), 0px 0px 4px rgba(50, 50, 50, 0.5), inset 2px 2px 3px rgb(50, 50, 50);
      background-color: rgb(220, 60, 0);
      transform: translateY(1px);
}
.ww--long-cell[data-v-e0012061] {
      grid-column: span 5;
      border-radius: 0 0 0 0;
}
.ww--sort-cell[data-v-e0012061] {
      grid-column: span 2;
      border-radius: 0 1rem 0 0;
}
.ww--tall-cell[data-v-e0012061]:first-child {
      border-radius: 1rem 0 0 0;
}
.ww--tall-cell[data-v-e0012061] {
      display: flex;
      align-items: center;
      justify-content: center;
      grid-row: span 2;
      height: 100%;
      /* background-color: rgb(238, 135, 135) !important; */
}
.ww-global-grid>div[data-v-e0012061] {
      width: 100%;
      height: 100%;
      text-align: center;
      border: 0.5px solid rgb(248.5, 248.5, 248.5);
      padding: 1.6rem;
      background-color: rgb(242, 242, 242);
}
.ww-global-grid>div[data-v-e0012061]:nth-child(18n+13),
   .ww-global-grid>div[data-v-e0012061]:nth-child(18n+14),
   .ww-global-grid>div[data-v-e0012061]:nth-child(18n+15),
   .ww-global-grid>div[data-v-e0012061]:nth-child(18n+16),
   .ww-global-grid>div[data-v-e0012061]:nth-child(18n+17),
   .ww-global-grid>div[data-v-e0012061]:nth-child(18n+18),
   .ww-global-grid>div[data-v-e0012061]:nth-child(18n+19),
   .ww-global-grid>div[data-v-e0012061]:nth-child(18n+20),
   .ww-global-grid>div[data-v-e0012061]:nth-child(18n+12) {
      background-color: #ffffff;
}
.ww-global-grid>div[data-v-e0012061]:nth-child(-n+11) {
      background-color: rgb(55, 55, 55);
      color: white;
      padding: 1rem;
}
.ww-global-grid .ww--total-top3--head[data-v-e0012061],
   .ww-global-grid .ww--total-all5--head[data-v-e0012061] {
      transition: all 0.4s ease;
}
.ww-global-grid .sort_highlight.ww--total-top3--head[data-v-e0012061],
   .ww-global-grid .sort_highlight.ww--total-all5--head[data-v-e0012061] {
      background-color: rgb(253, 71, 4);
      border-color: white;
}
.ww-global-grid .sort_highlight[data-v-e0012061] {
      border-right: 1px solid rgb(253, 71, 4);
      border-left: 1px solid rgb(253, 71, 4);
      /* display: none; */
}
.ww-global-grid .ww--total-top3--head.sort_grey[data-v-e0012061],
   .ww-global-grid .ww--total-all5--head.sort_grey[data-v-e0012061],
   .ww-global-grid .sort_grey[data-v-e0012061] {
      color: rgb(182, 182, 182);
}
.ww-global-grid>div[data-v-e0012061]:nth-last-child(2) {
      border-bottom: 1px solid rgb(253, 71, 4) !important;
}
.ww-global-grid .ww--round[data-v-e0012061] {
      color: rgb(0, 0, 0);
      width: 6rem;
}
.ww-global-grid .highlighted[data-v-e0012061],
   .ww-global-grid .ww--round-highlight[data-v-e0012061] {
      color: rgb(253, 71, 4);
      /* color: rgb(0, 0, 0); */
}
.champ_highlight[data-v-e0012061],
   .ww--champ-highlight[data-v-e0012061] {
      text-shadow: 1px 1px 5px rgb(253, 71, 4);
}

   /************************************************/
   /****** tie and table **************************/
.tie-table[data-v-e0012061] {
      display: flex;
      flex-direction: column;
      gap: 1rem;
      font-size: 2rem;
      margin-bottom: 8rem;
}
.tie-table>header[data-v-e0012061] {
      align-self: center;
      margin-bottom: 2rem;
      font-size: 2.6rem;
}
.recalculate-notice[data-v-e0012061] {
      position: absolute;
      bottom: 100%;
      left: 50%;
      width: -moz-max-content;
      width: max-content;
      transform: translateX(-50%) translateY(-1rem);

      align-self: center;
      display: flex;
      font-size: 2.2rem;
      font-style: italic;
      z-index: 90;
      margin-top: 0.4rem;
}
.card[data-v-e0012061] {
      background-color: white;
      box-shadow: 4px 8px 15px rgba(50, 50, 50, 0.5);
      padding: 2rem 1rem;
      border-radius: 0.6rem;

      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      font-size: 2.4rem;
}
.card-text[data-v-e0012061] {
      text-align: center;
      margin-bottom: 1.6rem;
}
.card-date[data-v-e0012061] {
      font-size: 3.4rem;
      text-align: center;
}
.card .region-logo-ww[data-v-e0012061] {
      max-width: 150px;
      max-height: 150px;
}
.btn-box[data-v-e0012061] {
      text-align: center;
}
.ww--standing[data-v-e0012061] {
      position: relative;
}
.results-alert[data-v-e0012061] {
      position: absolute;
      left: 50%;
      display: flex;
      text-align: center;
      align-self: center;
      font-size: 2.2rem;
      font-style: italic;
      z-index: 90;
}
.results-alert.empty[data-v-e0012061] {
      bottom: 90%;
      transform: translateX(-50%) translateY(15rem);
}
.results-alert.china[data-v-e0012061] {
      bottom: 100%;
      transform: translateX(-50%) translateY(-1rem);
      width: 50%;
}
#worldwarrior[data-v-e0012061] {
      padding-top: 6rem;
}
.logo-title[data-v-e0012061] {
      /* margin-top: 6rem; */
      margin-bottom: 3rem;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 1rem;
}
.logo-title img[data-v-e0012061] {
      max-height: 8rem;
      filter: drop-shadow(0 0 4px rgba(255, 0, 0, 0.5));
}
.logo-title>header[data-v-e0012061] {
      font-family: 'Audiowide', sans-serif;
      font-size: 3.6rem;
      color: rgb(255, 255, 255);
      text-shadow:
         /* 0 0 5px #000, */
         0 0 1px rgba(0, 0, 0, 0.5),
         0 0 5px #f00,
         0 0 4px #f00,
         0 0 12px #f00;
}