/* RANKING AAA - HORIZONTALE */
.rank-site{min-height:100vh;background:#030812}
.rank-hero{position:relative;min-height:calc(100vh - 62px);padding:54px 0 80px;overflow:hidden;background:#030812}
.rank-bg{position:absolute;inset:0;background:url("assets/hero.png") center top/cover no-repeat;opacity:.38;transform:scale(1.04)}
.rank-overlay{position:absolute;inset:0;background:radial-gradient(circle at 50% 8%,rgba(0,130,255,.18),transparent 32%),linear-gradient(180deg,rgba(3,8,18,.62),#030812 76%),linear-gradient(90deg,rgba(3,8,18,.96),rgba(3,8,18,.42),rgba(3,8,18,.96))}
.rank-container{position:relative;z-index:2;max-width:1280px;width:100%;margin:0 auto;padding:0 36px}
.rank-title-card{min-height:190px;display:flex;align-items:center;justify-content:center;gap:34px;padding:28px 38px;margin-bottom:24px;border:1px solid rgba(209,145,51,.48);background:linear-gradient(180deg,rgba(7,19,32,.84),rgba(3,8,18,.92)),radial-gradient(circle at 50% 0%,rgba(255,209,125,.13),transparent 48%);box-shadow:0 24px 70px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.06)}
.rank-main-logo{height:138px;width:auto;filter:drop-shadow(0 18px 28px rgba(0,0,0,.72)) drop-shadow(0 0 20px rgba(0,140,255,.22))}
.rank-kicker{display:block;margin-bottom:8px;color:#8fd5ff;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.16em}
.rank-title-card h1{margin:0;font-family:Cinzel,Georgia,serif;color:#ffd17d;font-size:42px;line-height:1.05;text-transform:uppercase;text-shadow:0 4px 14px rgba(0,0,0,.85)}
.rank-title-card p{margin-top:10px;color:#e5edf8;font-size:16px;line-height:1.55}
.rank-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0 0 22px}
.rank-tabs a{min-width:142px;height:48px;display:flex;align-items:center;justify-content:center;padding:0 18px;color:#fff4df;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;border:1px solid rgba(239,189,102,.62);background:linear-gradient(180deg,rgba(22,39,57,.96),rgba(5,15,27,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 35px rgba(0,0,0,.25);transition:.22s}
.rank-tabs a:hover,.rank-tabs a.active{color:#fff6df;transform:translateY(-2px);background:linear-gradient(180deg,#e7ad4c,#9b5616 70%,#65300b);box-shadow:0 0 24px rgba(209,145,51,.38),inset 0 1px 0 rgba(255,255,255,.35)}
.rank-board{border:1px solid rgba(199,129,42,.48);background:linear-gradient(180deg,rgba(5,15,27,.98),rgba(3,8,18,.99));box-shadow:0 26px 70px rgba(0,0,0,.55);padding:18px}
.rank-board-head{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 10px 16px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:14px}
.rank-board-head h2{margin:0;color:#ffd17d;font-family:Cinzel,Georgia,serif;font-size:25px;text-transform:uppercase}
.rank-board-head p{margin-top:5px;color:#9fb2c8;font-size:13px}
.rank-board-head span{color:#fff2d0;font-weight:900;text-transform:uppercase;font-size:12px;padding:10px 14px;border:1px solid rgba(209,145,51,.45);background:rgba(255,209,125,.06)}
.rank-board-head i{color:#ffd17d;margin-right:8px}
.rank-frame{width:100%;height:760px;border:0;display:block;background:transparent}
@media(max-width:900px){.rank-title-card{flex-direction:column;text-align:center}.rank-title-card h1{font-size:32px}.rank-main-logo{height:110px}.rank-board-head{flex-direction:column;align-items:flex-start}}