body{background:#020811 url("images/slider/s11.jpg") center top/cover fixed no-repeat}
body:before{background:rgba(0,7,15,.76)}
.page-hero,.hero-server,.hero-download,.hero-ranking,.hero-mix,.hero-rules{background-image:none!important;background-color:transparent}
.page-hero:before{background:linear-gradient(90deg,rgba(0,7,15,.9),rgba(0,12,24,.48),rgba(0,7,15,.72))}
.class-ranking{margin-top:18px}
.rank-tools{display:flex;align-items:center;justify-content:space-between;gap:16px}
.rank-tools label{color:#a9bfd2;font-size:13px;font-weight:700}
.rank-tools select{margin-left:10px;min-width:190px;height:38px;padding:0 34px 0 12px;border:1px solid #315f80;border-radius:4px;background:#071827;color:#fff;font-weight:700}
@media(max-width:700px){.nav-shell{position:relative;display:block;width:100%;min-width:0;padding:0 12px}.site-logo{position:absolute;top:5px;left:12px}.nav-actions{position:absolute;top:10px;right:12px;display:flex;gap:4px}.nav-actions .button{min-height:34px;padding:0 7px;font-size:9px}.main-nav{position:absolute;left:0;right:0;bottom:0;width:100%;min-width:0;max-width:100%;height:44px;padding:0 12px;overflow-x:auto}.rank-tools{align-items:flex-start;flex-direction:column}.rank-tools select{display:block;margin:8px 0 0;width:100%}}