/* ==============================================================
   SiestaGame v764 — ALIGNMENT ONLY
   IMPORTANT: v761 visual design is preserved.
   Only panel / hero / buttons / lower-section positions are fixed.
   ============================================================== */
html,body{
  margin:0;
  background:#020304;
  overflow-x:hidden!important;
  overflow-y:auto!important;
}
body.sg-page-index-v761,
body.sg-page-index-v761.sg-page-index{
  min-height:100vh!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
}

/* Same page axis as v761. */
body.sg-page-index-v761 .stage{
  position:relative!important;
  width:min(calc(100vw - 24px),1536px)!important;
  max-width:1536px!important;
  margin:0 auto!important;
  overflow:visible!important;
  background:#020304!important;
  container-type:normal!important;
}

/* GM / EVENT: keep v761 visual frame exactly, only place it in normal flow. */
body.sg-page-index-v761 .status-strip.status-strip-premium{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  width:100%!important;
  max-width:none!important;
  margin:0 0 7px!important;
  transform:none!important;
  z-index:30!important;
}

/* Hero and lower block now follow each other, no overlap. */
body.sg-page-index-v761 .design-wrap.v761-layout{
  position:relative!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
body.sg-page-index-v761 .upper-scene,
body.sg-page-index-v761 .lower-scene{
  position:relative!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
  overflow:hidden!important;
}
body.sg-page-index-v761 .design-upper,
body.sg-page-index-v761 .design-lower{
  display:block!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  user-select:none!important;
  pointer-events:none!important;
}

/* v761 buttons: same visuals, aligned only inside hero. */
body.sg-page-index-v761 .upper-scene > .play,
body.sg-page-index-v761 .upper-scene > .discord{
  position:absolute!important;
  top:auto!important;
  bottom:4.5%!important;
  height:12.0%!important;
  transform:none!important;
  z-index:15!important;
}
body.sg-page-index-v761 .upper-scene > .play{
  left:37.7%!important;
  width:14.4%!important;
}
body.sg-page-index-v761 .upper-scene > .discord{
  left:52.4%!important;
  width:14.9%!important;
}

/* No old click areas floating over hero. */
body.sg-page-index-v761 .upper-scene > .rank-all,
body.sg-page-index-v761 .upper-scene > .news-all,
body.sg-page-index-v761 .upper-scene > .community,
body.sg-page-index-v761 .upper-scene > .download,
body.sg-page-index-v761 .upper-scene > .social-discord,
body.sg-page-index-v761 .upper-scene > .social-facebook,
body.sg-page-index-v761 .upper-scene > .social-instagram,
body.sg-page-index-v761 .upper-scene > .social-youtube{
  display:none!important;
}

/* v761 lower reference image starts immediately after the hero. */
body.sg-page-index-v761 .lower-scene{
  margin-top:0!important;
  box-shadow:none!important;
}
body.sg-page-index-v761 .upper-scene::after{
  display:none!important;
}

/* Lower-section click zones remain aligned to v761 artwork. */
body.sg-page-index-v761 .lower-scene .hot{
  position:absolute!important;
  z-index:8!important;
  display:block!important;
}
body.sg-page-index-v761 .lower-scene .rank-all{left:89.2%!important;top:15.6%!important;width:9.2%!important;height:3.6%!important;}
body.sg-page-index-v761 .lower-scene .news-all{left:42.5%!important;top:55.7%!important;width:11%!important;height:3.5%!important;}
body.sg-page-index-v761 .lower-scene .community{left:49.3%!important;top:55.9%!important;width:24.2%!important;height:24.1%!important;}
body.sg-page-index-v761 .lower-scene .download{left:73.7%!important;top:55.9%!important;width:25.2%!important;height:24.1%!important;}
body.sg-page-index-v761 .lower-scene .social-discord{left:81.9%!important;top:94.4%!important;width:3.1%!important;height:3.8%!important;}
body.sg-page-index-v761 .lower-scene .social-facebook{left:86.0%!important;top:94.4%!important;width:3.1%!important;height:3.8%!important;}
body.sg-page-index-v761 .lower-scene .social-instagram{left:90.0%!important;top:94.4%!important;width:3.1%!important;height:3.8%!important;}
body.sg-page-index-v761 .lower-scene .social-youtube{left:94.0%!important;top:94.4%!important;width:3.1%!important;height:3.8%!important;}

/* Keep live DOM for JS, but do not let the old absolute live panels duplicate v761 artwork. */
body.sg-page-index-v761 .v761-hidden-panels{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.sg-page-index-v761 .v761-hidden-panels .panel{
  position:static!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
}

/* Narrow screens: scale as one unit; do not redesign. */
@media(max-width:980px){
  body.sg-page-index-v761 .stage{
    width:100%!important;
  }
  body.sg-page-index-v761 .status-strip.status-strip-premium{
    width:100%!important;
  }
}