/* Ranking uses the same frameless route shell as Register and Download. */
html[data-active-view="ranking"],
html[data-active-view="ranking"] body { background: #171513 !important; }
html[data-active-view="ranking"] .site-shell { background: transparent !important; }
html[data-active-view="ranking"] #inner-page-shell {
  position: relative;
  isolation: isolate;
  min-height: 100svh;
  padding: 104px 24px 96px !important;
  background:
    linear-gradient(180deg,#191919 0,transparent 180px),
    radial-gradient(ellipse 95% 54% at 50% 105%,#4c4c4d33,transparent 78%),
    linear-gradient(155deg,#202021 0%,#1a1a1b 48%,#29292b 100%) !important;
}
html[data-active-view="ranking"] #inner-page-shell::before,
html[data-active-view="ranking"] .inner-page-hero { display: none !important; }
html[data-active-view="ranking"] #inner-page-shell::after {
  content: "";
  display: block !important;
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(151deg,transparent 74%,#b8b8bf0c 74.08%,transparent 74.2%),
    linear-gradient(151deg,transparent 83%,#b8b8bf0b 83.08%,#ffffff02 83.2%);
  border-bottom: 1px solid #9a394344;
}
html[data-active-view="ranking"] .inner-page-body,
html[data-active-view="ranking"] #panel-view {
  width: 100% !important;
  max-width: 1080px !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html[data-active-view="ranking"] #panel-frame {
  display: block;
  width: 100% !important;
  min-height: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
@media(max-width:900px){html[data-active-view="ranking"] #inner-page-shell{padding-top:130px!important}}
@media(max-width:600px){html[data-active-view="ranking"] #inner-page-shell{padding-inline:12px!important}}