/* Compact ranking podium. */
.ranking-podium-card{position:relative;padding:20px!important;border:1px solid #244c66!important;border-radius:16px!important;background:linear-gradient(130deg,#0c263d,#061322)!important;box-shadow:none!important;overflow:hidden}
.ranking-podium-card.rank-1{border-color:#867538!important;background:linear-gradient(130deg,#24291f,#071625)!important}
.ranking-podium-card:before{display:none!important}
.ranking-top-label{position:absolute;right:16px;top:16px;margin:0!important;padding:6px 9px;background:#1a4055;border-radius:7px;font:800 9px/1.2 Inter,Arial,sans-serif!important;letter-spacing:.08em!important}
.rank-1 .ranking-top-label{background:#55451d;color:#ffe279!important}
.ranking-team-head{gap:12px!important;padding-right:70px;min-height:52px}
.ranking-team-head img{width:48px!important;height:48px!important;border-radius:12px!important;padding:4px!important;background:#040e1b!important}
.ranking-team-head>div{min-width:0}
.ranking-team-head h3{font-size:22px!important;white-space:normal!important;line-height:1.15!important}
.ranking-team-head p{font:600 9px/1.4 Inter,Arial,sans-serif!important;color:#91aabe!important;margin-top:5px!important}
.ranking-card-stats{gap:0!important;margin-top:16px!important;padding-top:14px;border-top:1px solid #ffffff16}
.ranking-card-stats>div{background:transparent!important;border:0!important;border-radius:0!important;padding:0 6px!important;gap:5px!important}
.ranking-card-stats>div+div{border-left:1px solid #ffffff16!important}
.ranking-card-stats strong{font:800 24px/1.2 Inter,Arial,sans-serif!important}
.ranking-card-stats span{font:700 8px/1.3 Inter,Arial,sans-serif!important;color:#9bb1c6!important;letter-spacing:.12em!important}
@media(max-width:700px){.ranking-podium-card{padding:16px!important}.ranking-top-label{top:16px;right:14px}.ranking-team-head h3{font-size:20px!important}.ranking-card-stats{margin-top:13px!important;padding-top:12px}.ranking-card-stats strong{font-size:22px!important}}
/* Ranking is a full page surface rather than a framed modal. */
#rankingOverlay{background:#030c19!important}
#rankingOverlay .ranking-backdrop{display:none!important}
#rankingOverlay .ranking-full-card{width:100%!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#030c19!important;padding:28px max(18px,calc((100vw - 1100px)/2)) 130px!important;box-sizing:border-box}
#rankingOverlay .profile-card-head{background:none!important;border:0!important;padding:0 0 20px!important;margin:0!important;box-shadow:none!important}
#rankingOverlay .profile-card-head h2{font-size:38px!important;margin:12px 0!important}
#rankingOverlay .profile-card-head>div>p:last-child{font-size:11px!important;line-height:1.65!important;color:#96adc2!important;max-width:560px}
#rankingOverlay .ranking-podium{gap:0!important}
#rankingOverlay .ranking-podium-card{background:none!important;border:0!important;border-bottom:1px solid #244052!important;border-radius:0!important;padding:16px 0!important;box-shadow:none!important}
#rankingOverlay .ranking-card-stats{margin-top:10px!important;padding-top:0!important;border:0!important;max-width:250px;margin-left:60px}
#rankingOverlay .ranking-card-stats>div{display:flex!important;align-items:center;justify-content:flex-start;gap:6px!important;padding:0 8px!important}
#rankingOverlay .ranking-card-stats strong{font-size:15px!important}
#rankingOverlay .ranking-card-stats span{font-size:7px!important;letter-spacing:.04em!important}
#rankingOverlay .ranking-top-label{top:20px!important;right:0!important;font-size:8px!important}
@media(max-width:700px){#rankingOverlay .ranking-full-card{padding:24px 18px 130px!important}#rankingOverlay .ranking-team-head img{width:42px!important;height:42px!important}#rankingOverlay .ranking-team-head h3{font-size:20px!important}#rankingOverlay .ranking-card-stats{margin-left:46px}}
#rankingOverlay .ranking-table{display:block!important;margin:24px 0;width:100%;box-sizing:border-box}

body:has(#rankingOverlay.is-visible) .scrim-nav{position:fixed!important;top:0!important;left:0;right:0;z-index:90!important}
#rankingOverlay.is-visible{top:var(--scrim-top-nav-height,80px)!important}
#rankingOverlay.is-visible .ranking-full-card{height:calc(100dvh - var(--scrim-top-nav-height,80px))!important;max-height:calc(100dvh - var(--scrim-top-nav-height,80px))!important}
@media(max-width:700px){
#rankingOverlay .ranking-table{overflow:hidden;border-radius:12px}
#rankingOverlay .ranking-table-head,#rankingOverlay .ranking-table-row{display:grid!important;grid-template-columns:32px minmax(0,1fr) 39px 32px 34px!important;align-items:center;column-gap:6px!important;row-gap:0!important;padding:12px 9px!important}
#rankingOverlay .ranking-table-head{font-size:8px!important;letter-spacing:.7px!important}
#rankingOverlay .ranking-position{grid-column:1!important;grid-row:1!important;font-size:12px!important}
#rankingOverlay .ranking-table-team{grid-column:2!important;grid-row:1!important;min-width:0;gap:7px}
#rankingOverlay .ranking-table-team img{width:28px!important;height:28px!important;flex:none;border-radius:7px}
#rankingOverlay .ranking-table-team strong{min-width:0;font-size:11px!important;line-height:1.35;overflow-wrap:anywhere}
#rankingOverlay .ranking-cell{grid-row:1!important;min-height:0!important;display:block!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;font-size:13px!important;text-align:left}
#rankingOverlay .ranking-cell.points{grid-column:3!important}
#rankingOverlay .ranking-cell.wins{grid-column:4!important}
#rankingOverlay .ranking-cell.losses{grid-column:5!important}
#rankingOverlay .ranking-cell::after{display:none!important}
}
@media(max-width:360px){#rankingOverlay .ranking-table-head,#rankingOverlay .ranking-table-row{grid-template-columns:27px minmax(0,1fr) 33px 27px 29px!important;column-gap:4px!important;padding:11px 7px!important}#rankingOverlay .ranking-table-team{gap:5px}#rankingOverlay .ranking-table-team img{width:24px!important;height:24px!important}#rankingOverlay .ranking-table-team strong{font-size:10px!important}}
