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

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

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

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

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

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

.nav-home { left: 20.3125%; top: 0%; width: 5.6641%; height: 4.7526%; }
.nav-news { left: 25.9766%; top: 0%; width: 5.4688%; height: 4.7526%; }
.nav-info { left: 31.4453%; top: 0%; width: 6.7383%; height: 4.7526%; }
.nav-download { left: 38.1836%; top: 0%; width: 6.1523%; height: 4.7526%; }
.nav-topup { left: 44.3359%; top: 0%; width: 5.7617%; height: 4.7526%; }
.nav-ranking { left: 50.0977%; top: 0%; width: 6.0547%; height: 4.7526%; }
.nav-event { left: 56.1523%; top: 0%; width: 5.4688%; height: 4.7526%; }
.nav-contact { left: 61.6211%; top: 0%; width: 6.3477%; height: 4.7526%; }
.nav-discord { left: 75.0977%; top: 0.9115%; width: 10.8398%; height: 3.0599%; }
.nav-login { left: 87.1094%; top: 0.9115%; width: 10.7422%; height: 3.0599%; }

.side-info { left: 1.5625%; top: 13.3464%; width: 14.7461%; height: 3.5156%; }
.side-detail { left: 1.5625%; top: 16.9922%; width: 14.7461%; height: 3.5156%; }
.side-feature { left: 1.5625%; top: 20.6380%; width: 14.7461%; height: 3.5156%; }
.side-rules { left: 1.5625%; top: 24.2839%; width: 14.7461%; height: 3.5156%; }
.side-jobs { left: 1.5625%; top: 27.9297%; width: 14.7461%; height: 3.5156%; }
.side-systems { left: 1.5625%; top: 31.5755%; width: 14.7461%; height: 3.5156%; }
.side-items { left: 1.5625%; top: 35.2214%; width: 14.7461%; height: 3.5156%; }
.side-time { left: 1.5625%; top: 38.8672%; width: 14.7461%; height: 3.5156%; }
.side-contact { left: 1.5625%; top: 42.5130%; width: 14.7461%; height: 3.5156%; }

.report-bug { left: 16.1133%; top: 94.0755%; width: 17.2852%; height: 3.4505%; }
.contact-gm { left: 36.5234%; top: 94.0755%; width: 16.7969%; height: 3.4505%; }
.appeal-ban { left: 56.4453%; top: 94.0755%; width: 17.5781%; height: 3.4505%; }
.join-discord { left: 77.1484%; top: 94.0755%; width: 17.1875%; height: 3.4505%; }