*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#090503}
body{overflow-x:hidden;font-family:Georgia,'Times New Roman',serif}

.master-stage{
  position:relative;
  width:100vw;
  max-width:100vw;
  margin:0 auto;
  line-height:0;
  background:#090503;
}

.master-art{
  display:block;
  width:100%;
  height:auto;
  user-select:none;
  pointer-events:none;
}

.hotspot{
  position:absolute;
  display:block;
  z-index:10;
  border-radius:5px;
  transition:box-shadow .18s ease, background .18s ease, transform .18s ease;
}
.hotspot:hover{
  background:rgba(255,150,35,.055);
  box-shadow:inset 0 0 0 2px rgba(255,195,70,.7),0 0 18px rgba(255,84,20,.34);
  transform:translateY(-1px);
}

/* top navigation */
.hs-home{left:1.8%;top:2.0%;width:11.5%;height:4.8%}
.hs-register{left:13.4%;top:2.0%;width:12.0%;height:4.8%}
.hs-download{left:25.2%;top:2.0%;width:11.4%;height:4.8%}
.hs-rankings{left:68.7%;top:2.0%;width:10.0%;height:4.8%}
.hs-events{left:78.8%;top:2.0%;width:8.2%;height:4.8%}
.hs-discord{left:87.1%;top:2.0%;width:8.5%;height:4.8%}
.hs-login{left:95.2%;top:2.0%;width:4.2%;height:4.8%}

/* hero CTAs */
.hs-hero-register{left:28.0%;top:49.0%;width:13.5%;height:4.7%}
.hs-hero-download{left:44.3%;top:49.0%;width:13.8%;height:4.7%}
.hs-hero-discord{left:60.1%;top:49.0%;width:13.8%;height:4.7%}

/* lower call-to-actions */
.hs-features{left:3.6%;top:86.0%;width:17.0%;height:5.8%}
.hs-classes{left:25.8%;top:86.0%;width:12.5%;height:5.8%}
.hs-gallery{left:47.7%;top:86.0%;width:12.6%;height:5.8%}
.hs-full-rankings{left:68.7%;top:86.0%;width:12.8%;height:5.8%}
.hs-all-events{left:84.0%;top:86.0%;width:13.8%;height:5.8%}

.live-status{
  position:absolute;
  left:50%;
  top:54.6%;
  transform:translateX(-50%);
  z-index:12;
  display:flex;
  align-items:center;
  gap:.75vw;
  min-width:34vw;
  padding:.55vw 1.15vw;
  background:rgba(12,10,7,.90);
  border:1px solid rgba(151,100,37,.88);
  box-shadow:0 2px 12px rgba(0,0,0,.42);
  color:#e8d5ab;
  font-size:.82vw;
  line-height:1;
  white-space:nowrap;
}
.live-part{display:flex;align-items:center;gap:.48vw}
.live-part strong{color:#d9f1a1;font-weight:700}
.divider{width:1px;height:1.2vw;background:rgba(214,189,139,.56);margin:0 .35vw}
.dot{display:inline-block;width:.7vw;height:.7vw;min-width:7px;min-height:7px;border-radius:50%;background:#777;box-shadow:0 0 8px #777}
.dot.online{background:#26e957;box-shadow:0 0 11px #3dff68}
.people{color:#f7cb55;font-size:1.05vw}

.community-anchor{position:absolute;left:0;bottom:0;width:1px;height:1px}

@media (max-width:900px){
  .master-stage{min-width:900px}
  body{overflow-x:auto}
  .live-status{font-size:8px;min-width:280px;padding:6px 10px;gap:7px}
  .divider{height:14px}
  .dot{width:7px;height:7px}
  .people{font-size:10px}
}



/* precise hotspot alignment overrides */
.hotspot:hover{
  background:rgba(255,150,35,.025);
  box-shadow:inset 0 0 0 2px rgba(255,195,70,.55),0 0 14px rgba(255,84,20,.22);
  transform:none;
}

/* top navigation */
.hs-home{left:3.45%;top:1.55%;width:9.33%;height:4.77%}
.hs-register{left:14.16%;top:1.55%;width:9.95%;height:4.77%}
.hs-download{left:24.45%;top:1.55%;width:11.74%;height:4.77%}
.hs-rankings{left:68.44%;top:1.55%;width:8.56%;height:4.77%}
.hs-events{left:77.00%;top:1.55%;width:7.46%;height:4.77%}
.hs-discord{left:84.46%;top:1.55%;width:10.08%;height:4.77%}
.hs-login{left:94.54%;top:1.55%;width:4.90%;height:4.77%}

/* hero call-to-actions */
.hs-hero-register{left:28.04%;top:45.13%;width:14.50%;height:4.97%}
.hs-hero-download{left:43.09%;top:45.13%;width:14.57%;height:4.97%}
.hs-hero-discord{left:58.36%;top:45.13%;width:14.36%;height:4.97%}

/* bottom panel buttons */
.hs-features{left:4.42%;top:84.79%;width:15.33%;height:4.08%}
.hs-classes{left:26.66%;top:84.79%;width:13.12%;height:4.08%}
.hs-gallery{left:46.55%;top:84.79%;width:13.05%;height:4.08%}
.hs-full-rankings{left:63.88%;top:84.79%;width:13.81%;height:4.08%}
.hs-all-events{left:81.63%;top:84.79%;width:15.12%;height:4.08%}

/* live status moved and made non-blocking */
.live-status{
  left:50%;
  top:71.95%;
  transform:translateX(-50%);
  min-width:31.5vw;
  font-size:.78vw;
  pointer-events:none;
  z-index:8;
}
.live-status *{pointer-events:none}


/* v4.6 production alignment */
.hs-home{left:5.39%;top:1.39%;width:7.94%;height:4.67%}
.hs-register{left:13.74%;top:1.39%;width:7.25%;height:4.67%}
.hs-download{left:21.27%;top:1.39%;width:7.32%;height:4.67%}
.hs-rankings{left:68.09%;top:1.39%;width:6.91%;height:4.67%}
.hs-events{left:75.69%;top:1.39%;width:5.46%;height:4.67%}
.hs-discord{left:81.49%;top:1.39%;width:7.25%;height:4.67%}
.hs-login{left:89.36%;top:1.39%;width:7.11%;height:4.67%}

.hs-hero-register{left:28.11%;top:44.63%;width:13.67%;height:5.37%}
.hs-hero-download{left:42.89%;top:44.63%;width:14.30%;height:5.37%}
.hs-hero-discord{left:58.22%;top:44.63%;width:13.74%;height:5.37%}

.hs-features{left:4.28%;top:84.49%;width:14.57%;height:4.17%}
.hs-classes{left:23.27%;top:84.49%;width:13.95%;height:4.17%}
.hs-gallery{left:42.82%;top:84.49%;width:14.16%;height:4.17%}
.hs-full-rankings{left:62.98%;top:84.49%;width:11.53%;height:4.17%}
.hs-all-events{left:81.63%;top:87.57%;width:13.88%;height:4.17%}

/* No debug overlay in production */
.live-status{display:none !important}