* {
  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;
}

.patch-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);
}

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

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

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

.patch-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: 78.7760%; top: 1.1719%; width: 9.5703%; height: 4.4922%; }
.nav-login { left: 89.0625%; top: 1.0742%; width: 8.6589%; height: 4.6875%; }

.patch-ep212 { left: 3.0599%; top: 28.6133%; width: 19.5313%; height: 7.2266%; }
.patch-ep211 { left: 3.0599%; top: 36.2305%; width: 19.5313%; height: 7.2266%; }
.patch-weekly { left: 3.0599%; top: 43.8477%; width: 19.5313%; height: 7.2266%; }
.patch-age { left: 3.0599%; top: 51.4648%; width: 19.5313%; height: 7.2266%; }
.patch-maintenance { left: 3.0599%; top: 59.0820%; width: 19.5313%; height: 7.2266%; }
.patch-beta { left: 3.0599%; top: 74.3164%; width: 19.5313%; height: 7.2266%; }
.view-all-left { left: 4.9479%; top: 84.9609%; width: 15.6250%; height: 3.6133%; }

.tab-latest { left: 24.1536%; top: 27.4414%; width: 11.3932%; height: 5.1758%; }
.tab-events { left: 35.5469%; top: 27.4414%; width: 11.0026%; height: 5.1758%; }
.tab-announcements { left: 46.5495%; top: 27.4414%; width: 11.9141%; height: 5.1758%; }
.tab-fixes { left: 58.4635%; top: 27.4414%; width: 9.8958%; height: 5.1758%; }

.read-ep212 { left: 46.7448%; top: 51.1719%; width: 11.5885%; height: 3.2227%; }
.read-ep211 { left: 46.7448%; top: 65.5273%; width: 6.9010%; height: 2.8320%; }
.read-age { left: 46.7448%; top: 80.0781%; width: 6.9010%; height: 2.8320%; }
.view-all-news { left: 33.9844%; top: 85.4492%; width: 24.1536%; height: 4.2969%; }

.server-status { left: 71.2891%; top: 34.2773%; width: 25.5208%; height: 21.3867%; }
.event-double-exp { left: 72.2656%; top: 63.0859%; width: 22.9167%; height: 9.1797%; }
.event-login { left: 72.2656%; top: 73.8281%; width: 22.9167%; height: 9.1797%; }
.view-all-events { left: 74.9349%; top: 84.2773%; width: 18.4896%; height: 3.7109%; }

.footer-patch { left: 15.4948%; top: 91.3086%; width: 12.6953%; height: 5.9570%; }
.footer-calendar { left: 28.1901%; top: 91.3086%; width: 13.1510%; height: 5.9570%; }
.footer-status { left: 41.3411%; top: 91.3086%; width: 13.4115%; height: 5.9570%; }
.footer-report { left: 54.7526%; top: 91.3086%; width: 13.2161%; height: 5.9570%; }
.footer-discord { left: 67.9688%; top: 91.3086%; width: 15.4948%; height: 5.9570%; }