.rankings-page{padding:38px;background:#0b0e11;min-height:100vh}.rank-page-heading>span{font-size:10px;color:#80ceff}.rank-page-heading h1{font-size:30px;font-weight:800;margin:14px 0}.rank-page-heading p{font-size:12px;color:#7d95a6;line-height:2;margin-bottom:30px}.my-rank{display:flex;align-items:center;justify-content:space-between;gap:23px;background:linear-gradient(115deg,#162634,#151c22);border:1px solid #334b5f;border-radius:8px;padding:25px 26px;margin:0 0 33px}.my-rank-player{display:flex;gap:15px;align-items:center;flex:1;min-width:0}.my-rank-player>div:last-child{display:flex;flex-direction:column;gap:7px;min-width:0}.my-rank-player small{color:#7597ae;font-size:10px}.my-rank-player b{font-size:16px;overflow-wrap:anywhere}.my-rank-player span{color:#678aa3;font:10px Arial}#rankAvatar{width:59px;height:59px;flex:0 0 59px;background:#263f51}.rank-metric{display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 17px;border-right:1px solid #334754;min-width:80px}.rank-metric strong{font-size:22px;color:#ceeaff;font-weight:700;white-space:nowrap}.rank-metric small{font-size:9px;color:#6f91aa}#myLevel{font-size:14px}.my-rank>a{white-space:nowrap}.leaderboard{border:1px solid #293944;border-radius:8px;overflow:hidden;background:#11171c}.leaderboard-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 23px}.rank-title{display:flex;align-items:center;gap:12px}.rank-title h2{font-size:15px;margin:0}.rank-title span{font-size:9px;color:#8bafc7;border:1px solid #334b5c;border-radius:20px;padding:4px 9px;white-space:nowrap}.leaderboard-toolbar input{background:#0b131a;border:1px solid #2c4355;color:#bcd6e8;padding:11px 13px;border-radius:5px;width:230px;max-width:100%;font:11px Vazirmatn,Tahoma;outline-color:#80ceff}.leaderboard-toolbar input::placeholder{color:#56768e}.rank-table-scroll{overflow-x:auto}.leaderboard table{width:100%;border-collapse:collapse;min-width:620px;text-align:right;font-size:12px}.leaderboard th{background:#1a222a;color:#7b9ab0;padding:15px 20px;font-weight:500;font-size:10px;white-space:nowrap}.leaderboard td{border-bottom:1px solid #25333e;padding:17px 20px;color:#92adbf;height:83px}.leaderboard tr:hover{background:#80ceff04}.leaderboard tr.is-me{background:#80ceff09;box-shadow:inset -3px 0 #80ceff}.leaderboard th:first-child{width:70px}.leaderboard th:nth-child(2){width:38%}.rank-player-cell{display:flex;align-items:center;gap:13px}.rank-table-avatar{height:40px;width:40px;flex:0 0 40px;background:#243b4c}.rank-player-cell b{font-size:12px;font-weight:600;display:block;color:#d0e1ee;overflow-wrap:anywhere}.rank-player-cell small{display:block;font:9px Arial;color:#5c819c;margin-top:7px}.leaderboard td.rank-elo{font-weight:700;color:#d2e7f5;font-size:14px}.leaderboard td.rank-level{font-size:10px;color:#80ceff}.leaderboard td.top-rank{font-size:18px;font-weight:800}.leaderboard td.top-1{color:#e6c172}.leaderboard td.top-2{color:#b1c7d6}.leaderboard td.top-3{color:#bc967c}.rank-number{font-size:12px;color:#6d8da5!important}.rank-pagination{display:flex;justify-content:center;align-items:center;gap:18px;padding:19px}.rank-pagination button{font:10px Vazirmatn,Tahoma;border:1px solid #344c5e;border-radius:4px;background:transparent;color:#99c0dc;padding:7px 14px}.rank-pagination button:disabled{opacity:.3;cursor:default}.rank-pagination span{font-size:10px;color:#6f92ac}#rankMessage{color:#8eaec5;font-size:11px;line-height:2;text-align:center;margin:12px}#rankMessage:empty{display:none}.rank-note{font-size:10px;color:#5f7d93;line-height:2;margin-top:22px}@media(max-width:1200px){.my-rank{flex-wrap:wrap;gap:20px}.my-rank-player{flex-basis:100%}.rank-metric{flex:1}.my-rank>a{margin-right:auto}.rankings-page{padding:30px 23px}.leaderboard-toolbar{flex-wrap:wrap}.leaderboard-toolbar input{width:100%}}@media(max-width:720px){.rankings-page{padding:25px 15px}.rank-page-heading h1{font-size:25px}.rank-page-heading p{font-size:11px}.my-rank{padding:20px;gap:22px 12px}.my-rank-player b{font-size:15px}.rank-metric{padding:0 8px;min-width:65px}.rank-metric strong{font-size:20px}.my-rank>a{width:100%;text-align:center}.leaderboard-toolbar{padding:18px}.rank-title h2{font-size:13px}.leaderboard td,.leaderboard th{padding:14px 16px}.rank-note{font-size:9px}}

a.rank-player-cell{color:inherit;text-decoration:none}a.rank-player-cell:hover b{color:#80ceff}a.rank-player-cell:focus-visible{outline:2px solid #80ceff;outline-offset:4px}

.rank-summary-player,
.rank-summary-metrics {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.rank-summary-player {
  flex: 1 1 160px;
}
.rank-summary-player #rankName {
  min-width: 0;
  overflow-wrap: anywhere;
}
.rank-summary-metrics {
  flex-wrap: wrap;
}
.rank-reward-badge {
  display: inline-block;
  vertical-align: middle;
  margin-inline-start: 6px;
  width: 32px;
  height: 24px;
  max-width: 100%;
  object-fit: contain;
}
.rank-player-cell .rank-premium-name,
.rank-inline-summary #rankName.rank-premium-name {
  position: relative;
  display: inline-flex;
  align-items: center;
  direction: ltr;
  gap: 5px;
  padding: 0 4px 3px 0;
  max-width: 100%;
  flex: 0 1 auto;
}
.rank-premium-name::after {
  content: '';
  position: absolute;
  inset: auto 0 0;
  height: 3px;
  background: #e0200b;
  clip-path: polygon(0 0, 100% 0, calc(100% - 3px) 100%, 0 100%);
}
.rank-premium-mark {
  align-self: flex-end;
  flex: 0 0 11px;
  height: 16px;
  background: #e0200b;
  clip-path: polygon(0 31%, 55% 0, 100% 0, 100% 100%, 55% 100%, 55% 38%, 0 66%);
}