/* Ranking row, sidebar and responsive components. */
.podium-2 .ranking-position b{background:linear-gradient(145deg,#e4edf2,#869cab);border-color:#d5e5ed}.podium-3 .ranking-position b{background:linear-gradient(145deg,#ffc294,#b5582d);border-color:#f4a06e}.ranking-position i{color:#d4a35d;font:normal 17px Georgia,serif}
.ranking-character,.ranking-faction{display:flex;align-items:center;gap:12px;min-width:0}.ranking-avatar{display:block;width:43px;height:43px;flex:0 0 43px;border:1px solid rgba(222,174,103,.55);background-repeat:no-repeat;background-size:205px auto;background-position:50% 13%;box-shadow:0 3px 10px #000}.ranking-character>span,.ranking-faction>span,.ranking-level{display:flex;flex-direction:column;gap:4px;min-width:0}.ranking-character strong{overflow:hidden;text-overflow:ellipsis;color:#f3f0ea;font-size:12px}.ranking-character small,.ranking-faction small,.ranking-level small{color:#747e89;font:700 7px Arial,sans-serif;letter-spacing:1px;text-transform:uppercase}.ranking-level{text-align:center}.ranking-level strong{color:#efca87;font:700 15px Georgia,serif}.ranking-level.level-master strong{color:#54c8ff}.ranking-level.level-god strong{color:#d38cff}.ranking-level.level-rebirth strong{color:#ff6360;text-shadow:0 0 9px rgba(255,70,65,.32)}
.ranking-faction img{width:37px;height:37px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(228,177,99,.2));transition:transform .25s,filter .25s}.ranking-entry:hover .ranking-faction img{transform:scale(1.12);filter:drop-shadow(0 0 8px rgba(228,177,99,.5))}.ranking-faction strong{color:#efc575;font:700 12px Georgia,serif}.faction-entry-snake .ranking-faction strong{color:#e97462}.faction-entry-dragon .ranking-faction strong{color:#72c7ff}.faction-entry-leopard .ranking-faction strong{color:#e7b95e}.faction-entry-sky .ranking-faction strong{color:#b690ff}.ranking-points{text-align:center}.ranking-points strong{color:#f3c879;font:700 14px Georgia,serif}.ranking-points i{color:#747a82;font-style:normal}
.ranking-state{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#767e87;text-align:center}.ranking-state:before{content:"✦";width:60px;height:60px;margin-bottom:18px;display:grid;place-items:center;border:1px solid rgba(208,155,78,.3);border-radius:50%;color:#d5a255;font-size:25px;box-shadow:0 0 24px rgba(196,134,52,.08)}.ranking-state strong{color:#dcb577;font:700 14px Georgia,serif;letter-spacing:2px}.ranking-state p{font-size:11px}.ranking-pagination{min-height:58px;padding:8px 18px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(223,170,91,.24);background:rgba(2,4,6,.64)}.ranking-pagination p{margin:0;color:#77808a;font-size:9px;letter-spacing:.7px}.ranking-pagination p strong{color:#d7b16f}.ranking-pagination .page-link{width:29px;height:29px;padding:0;display:grid;place-items:center}.ranking-pagination .page-arrow{color:#efbd6f;font-size:19px;background:transparent}
.ranking-side{display:flex;flex-direction:column;gap:10px}.ranking-search-panel,.ranking-promo{border:1px solid rgba(222,170,92,.52);border-radius:0;background:linear-gradient(145deg,rgba(12,15,18,.98),rgba(4,6,8,.98));box-shadow:inset 0 0 30px rgba(211,154,74,.025)}.ranking-search-panel{padding:14px 12px 12px}.ranking-search-panel h2{margin:0 0 13px;color:#e3bb79;font:700 14px Georgia,serif;letter-spacing:1.5px}.ranking-search-panel h2 span{font-size:21px}.ranking-search-panel form{display:grid;gap:9px}.ranking-search-panel .input-group{height:43px}.ranking-search-panel .input-group-text{color:#edbc70}.ranking-search-panel form>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ranking-search-panel .form-control,.ranking-search-panel .form-select{font-size:11px}.ranking-search-panel button{height:45px;font:700 12px Georgia,serif;letter-spacing:1.5px}.ranking-search-panel button span{margin-right:9px;font-size:20px}
.ranking-promo{min-height:165px;padding:17px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.ranking-promo:before{content:"";position:absolute;inset:0;z-index:-2;background-position:center;background-size:cover;transition:transform .6s ease}.ranking-promo:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,7,9,.98),rgba(5,7,9,.65) 62%,rgba(5,7,9,.2))}.ranking-promo:hover:before{transform:scale(1.035)}.account-promo:before{background-image:url('../images/auth-register-bg.webp');background-position:60% 44%}.download-promo:before{background-image:url('../images/download-hero-v2.webp');background-position:72% 50%}.ranking-promo small{color:#c98f4f;font:700 7px Arial,sans-serif;letter-spacing:2px}.ranking-promo h2{margin:5px 0;color:#f1cb8b;font:22px/1.05 Georgia,serif;letter-spacing:1px}.ranking-promo p{width:62%;margin:0 0 12px;color:#c6c3be;font-size:10px;line-height:1.45}.ranking-promo a{height:42px;padding:0 12px;display:grid;grid-template-columns:30px 1fr 20px;align-items:center;text-align:left;font:700 10px Georgia,serif;letter-spacing:1px}.ranking-promo a span{font-size:21px}.ranking-promo a b{text-align:right;font-size:18px;transition:transform .2s}.ranking-promo a:hover b{transform:translateX(4px)}
@media(max-width:1199px){.ranking-scene{width:min(1100px,calc(100% - 32px))}.ranking-side{display:grid;grid-template-columns:1.15fr 1fr 1fr}.ranking-promo{min-height:190px}}
@media(max-width:820px){.rankings-page .account-main{padding:25px 0}.ranking-scene{width:calc(100% - 20px)}.ranking-hero{height:210px;background-position:62% center}.ranking-hero-copy{padding:28px 22px}.ranking-hero h1{font-size:43px}.ranking-hero h2{font-size:15px;letter-spacing:4px}.ranking-hero blockquote,.ranking-hero-glyph{display:none}.ranking-tabs{height:auto;grid-template-columns:1fr}.ranking-tabs .nav-link{min-height:45px}.ranking-board-head{display:none}.ranking-entry{grid-template-columns:45px 1fr 80px;padding:8px 9px}.ranking-entry .ranking-faction{grid-column:2;margin-top:5px}.ranking-points{grid-column:3;grid-row:1/3}.ranking-side{display:grid;grid-template-columns:1fr}.ranking-promo{min-height:175px}.ranking-pagination{align-items:flex-start;gap:12px;flex-direction:column}}
@media(max-width:520px){.ranking-content{padding-left:5px;padding-right:5px}.ranking-hero{height:190px}.ranking-hero-copy{padding:22px 18px}.ranking-hero h1{font-size:35px;letter-spacing:5px}.ranking-hero h2{font-size:12px}.ranking-avatar{width:38px;height:38px;flex-basis:38px}.ranking-character{gap:8px}.ranking-faction img{width:28px;height:28px}.ranking-level strong{font-size:13px}.ranking-search-panel form>div{grid-template-columns:1fr}.ranking-promo p{width:70%}}