.leaderboard h1{font:700 27px/1.15 'Segoe UI',Arial,sans-serif;margin:8px 0 20px}
.leaderboard-position{display:flex;justify-content:space-between;gap:12px;background:#24281e;border:1px solid #565127;border-radius:14px;padding:17px 13px;margin-bottom:18px}
.position-label{display:flex;align-items:center;gap:4px;color:#b3b5a9;font-size:10px;font-weight:700;min-height:20px}
.leaderboard-position p{margin-top:15px;min-height:38px}
.leaderboard-position strong{color:#ffe000;font:600 29px/1.2 'Segoe UI',sans-serif}
.leaderboard-position small{color:#b3b5a9;font-size:11px;margin-left:8px}
.leaderboard-chase{text-align:right}
.leaderboard-chase .position-label{color:#ffe000;justify-content:flex-end}
.leaderboard-chase .icon{width:14px;height:14px}
.leaderboard-chase b{font-size:13px;display:block}
.leaderboard-chase small{display:block;margin:4px 0 0}
.leaderboard .table-label,.leaderboard .rank-row{grid-template-columns:24px minmax(0,1fr) 53px 48px;gap:7px}
.leaderboard .table-label{border:0;margin:0 0 10px;padding:0 10px;font:10px/1.25 'Segoe UI',sans-serif;color:#b3b5a9;min-height:39px}
.leaderboard .table-label>span:nth-last-child(-n+2){display:flex;flex-direction:column;align-items:center;justify-content:center}
.leaderboard .table-label .icon{width:17px;height:17px;color:#ffe000;margin-bottom:4px}
.leaderboard .rank-row{position:relative;overflow:hidden;border:1px solid #e5dfcd;border-left:5px solid #d5d1c5;background:#f3efe3;color:#1c211c;border-radius:13px;padding:12px 9px 12px 7px;margin-top:5px;min-height:66px}
.leaderboard .rank-row:hover{background:#fff9e8;border-color:#c5ac49}
.leaderboard .rank-row.is-leader{border-color:#c4a128;border-left-color:#d1ad20}
.leaderboard .rank-row.podium-3{border-left-color:#b68d6d}
.leaderboard .rank-row.mine{border:2px solid #ffe000;border-left:5px solid #ffe000;background:#fff2b2;padding:11px 8px 11px 7px}
.leaderboard .rank-row.mine:hover{background:#ffed96}
.leaderboard .rank-row .number{font:600 16px 'Segoe UI',sans-serif;color:#333b33}
.leaderboard .rank-row .number .icon{width:22px;height:22px;color:#b28b00}
.leaderboard .rank-row.mine .number{color:#9b7d00}
.leaderboard .rank-row .name{font:700 15px/1.2 'Segoe UI',sans-serif;gap:8px}
.leaderboard .rank-row .avatar{width:33px;height:33px;background:#222a23;border:1px solid #596052;color:#f5f3e8;font:700 15px 'Segoe UI',sans-serif}
.leaderboard .rank-row .avatar.self{border-color:#c4a000;color:#ffe000}
.leaderboard-name{min-width:0;overflow-wrap:anywhere}
.leaderboard-name small{display:block;font:600 9px/1.4 'Segoe UI',sans-serif;color:#a18100;margin-top:3px}
.leaderboard .rank-row .points{font:600 20px/1.2 'Segoe UI',sans-serif;color:#1c211c}
.leaderboard-footer{display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;font-size:10px;color:#b5b8a9;margin:20px 0 8px}
.leaderboard-footer .icon{width:16px;height:16px;color:#ffe000}
@media(max-width:350px){.leaderboard h1{font-size:24px}.leaderboard-position{padding:12px 10px}.position-label{font-size:9px}.leaderboard-chase b{font-size:12px}.leaderboard .table-label,.leaderboard .rank-row{grid-template-columns:20px minmax(0,1fr) 44px 37px;gap:5px}.leaderboard .rank-row .name{font-size:13px;gap:6px}.leaderboard .rank-row .avatar{width:29px;height:29px}.leaderboard .rank-row .points{font-size:18px}}