* {
  box-sizing: border-box;
}

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

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

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

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

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

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

.download-hotspot:focus-visible {
  outline: 3px solid rgba(255, 194, 72, 0.95);
  outline-offset: 2px;
}

.nav-home { left: 18.5547%; top: 0%; width: 5.4688%; height: 7.1289%; }
.nav-news { left: 24.1536%; top: 0%; width: 5.5339%; height: 7.1289%; }
.nav-info { left: 29.7526%; top: 0%; width: 6.7057%; height: 7.1289%; }
.nav-download { left: 36.5234%; top: 0%; width: 7.6823%; height: 7.1289%; }
.nav-topup { left: 44.2708%; top: 0%; width: 5.7292%; height: 7.1289%; }
.nav-ranking { left: 50.0651%; top: 0%; width: 5.9245%; height: 7.1289%; }
.nav-event { left: 56.0547%; top: 0%; width: 5.6641%; height: 7.1289%; }
.nav-contact { left: 61.7839%; top: 0%; width: 7.0964%; height: 7.1289%; }
.nav-discord { left: 74.1536%; top: 1.3672%; width: 8.7240%; height: 4.3945%; }
.nav-profile { left: 83.8542%; top: 1.0742%; width: 13.4115%; height: 5.1758%; }

.full-client { left: 15.1042%; top: 53.5156%; width: 17.1224%; height: 4.9805%; }
.full-mirror { left: 16.4063%; top: 61.7188%; width: 12.6302%; height: 2.6367%; }
.mini-client { left: 45.3776%; top: 53.5156%; width: 17.1224%; height: 4.9805%; }
.mini-mirror { left: 46.6797%; top: 61.7188%; width: 12.6302%; height: 2.6367%; }
.install-guide { left: 69.7917%; top: 59.7656%; width: 23.8281%; height: 5.2734%; }

.tool-patch { left: 88.3464%; top: 72.0703%; width: 5.0781%; height: 3.1250%; }
.tool-vcredist { left: 88.3464%; top: 76.5625%; width: 5.0781%; height: 3.1250%; }
.tool-directx { left: 88.3464%; top: 81.1523%; width: 5.0781%; height: 3.1250%; }
.tool-winrar { left: 88.3464%; top: 85.6445%; width: 5.0781%; height: 3.1250%; }

.contact-support { left: 44.5964%; top: 93.7500%; width: 11.9141%; height: 5.2734%; }
.social-discord { left: 73.0469%; top: 94.5313%; width: 2.4740%; height: 3.1250%; }
.social-facebook { left: 76.0417%; top: 94.5313%; width: 2.4740%; height: 3.1250%; }
.social-youtube { left: 79.2318%; top: 94.5313%; width: 2.4740%; height: 3.1250%; }