* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  min-height: 100%;
  background: #020812;
}

body {
  display: grid;
  place-items: start center;
  overflow-x: hidden;
  font-family: Arial, sans-serif;
}

.page-shell {
  position: relative;
  width: min(100vw, 1536px);
  aspect-ratio: 1536 / 1024;
  min-width: 320px;
  background: #020812;
  box-shadow: 0 0 44px rgba(235, 154, 44, 0.16);
}

.site-art {
  display: block;
  width: 100%;
  height: auto;
  user-select: none;
  -webkit-user-drag: none;
}

.hotspots {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.hotspot {
  position: absolute;
  display: block;
  pointer-events: auto;
  border-radius: 6px;
  color: transparent;
  text-decoration: none;
}

.hotspot:focus-visible {
  outline: 3px solid rgba(255, 199, 88, 0.9);
  outline-offset: 2px;
}

.nav-home { left: 14.2578%; top: 0%; width: 3.7760%; height: 6.6406%; }
.nav-news { left: 18.1641%; top: 0%; width: 4.8828%; height: 6.6406%; }
.nav-info { left: 23.2422%; top: 0%; width: 5.4036%; height: 6.6406%; }
.nav-download { left: 28.7760%; top: 0%; width: 5.4688%; height: 6.6406%; }
.nav-topup { left: 34.5703%; top: 0%; width: 4.4271%; height: 6.6406%; }
.nav-ranking { left: 39.1927%; top: 0%; width: 4.5573%; height: 6.6406%; }
.nav-contact { left: 44.0104%; top: 0%; width: 5.0781%; height: 6.6406%; }
.nav-discord { left: 49.8047%; top: 1.2695%; width: 8.4635%; height: 4.3945%; }
.nav-login { left: 59.2448%; top: 1.1719%; width: 8.7891%; height: 4.5898%; }
.nav-register { left: 69.0755%; top: 1.0742%; width: 9.3750%; height: 4.7852%; }

.cta-register { left: 11.0677%; top: 43.3594%; width: 16.3411%; height: 6.1523%; }
.cta-download { left: 28.5156%; top: 43.3594%; width: 16.1458%; height: 6.1523%; }
.cta-start { left: 82.7474%; top: 39.5508%; width: 11.5885%; height: 6.3477%; }
.news-more { left: 26.3672%; top: 61.0352%; width: 4.9479%; height: 2.8320%; }
.features-more { left: 58.4635%; top: 61.0352%; width: 4.9479%; height: 2.8320%; }
.ranking-more { left: 66.9922%; top: 87.3047%; width: 27.1484%; height: 3.0273%; }
.social-facebook { left: 6.2500%; top: 94.4336%; width: 8.3333%; height: 4.1016%; }
.social-discord { left: 15.7552%; top: 94.4336%; width: 7.7474%; height: 4.1016%; }
.social-youtube { left: 25.0000%; top: 94.4336%; width: 8.0078%; height: 4.1016%; }