.leaderboard-page{flex-direction:column;gap:28px;display:flex}.leaderboard-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.leaderboard-title{color:#f6fbff;margin:0;font-size:26px;font-weight:700}.leaderboard-subtitle{color:#e0eaf9c7;margin:6px 0 0;font-size:15px}.leaderboard-card{-webkit-backdrop-filter:blur(10px);color:#edf3ff;background:#12141cd6;border:1px solid #ffffff14;border-radius:18px;padding:28px;box-shadow:0 16px 40px -30px #090b14cc}.leaderboard-status{color:#c6d6ecd1;margin:0;font-size:15px}.leaderboard-status--error{color:#f4a6b1}.leaderboard-button{color:#f6fbff;cursor:pointer;background:#4076dcd1;border:1px solid #4d78c573;border-radius:999px;margin-top:14px;padding:9px 20px;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .15s}.leaderboard-button:hover{transform:translateY(-1px);box-shadow:0 12px 24px -18px #4076dce6}.leaderboard-content{flex-direction:column;gap:26px;display:flex}.leaderboard-top-three{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.leaderboard-top-card{text-align:center;background:#191e2ae6;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:12px;padding:24px;display:flex;position:relative}.leaderboard-top-card--rank-1{color:#2b1c08;background:linear-gradient(135deg,#ffce6deb,#ffae42a6)}.leaderboard-top-card--rank-2{color:#1d2433;background:linear-gradient(135deg,#cfd9e9eb,#a3b0c699)}.leaderboard-top-card--rank-3{color:#2c1f12;background:linear-gradient(135deg,#f1c78feb,#d39659a6)}.leaderboard-top-rank{font-size:32px;font-weight:800}.leaderboard-top-avatar{color:#0f131c;background:#ffffffd9;border-radius:50%;place-items:center;width:72px;height:72px;margin:0 auto;font-size:28px;font-weight:700;display:grid;overflow:hidden}.leaderboard-top-card--rank-2 .leaderboard-top-avatar,.leaderboard-top-card--rank-3 .leaderboard-top-avatar{color:#10121a}.leaderboard-top-meta{flex-direction:column;gap:6px;display:flex}.leaderboard-top-name{margin:0;font-size:18px;font-weight:700}.leaderboard-top-count{opacity:.92;margin:0;font-size:14px}.leaderboard-rest{flex-direction:column;gap:12px;display:flex}.leaderboard-row{background:#0e121ac7;border:1px solid #ffffff0d;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.leaderboard-row-left{align-items:center;gap:12px;display:flex}.leaderboard-rank{color:#f1f6ffe6;font-size:18px;font-weight:700}.leaderboard-avatar{color:#10141f;background:#ffffffd9;border-radius:50%;place-items:center;width:44px;height:44px;font-size:18px;font-weight:600;display:grid;overflow:hidden}.leaderboard-name{color:#e7eeffeb;font-size:15px;font-weight:600}.leaderboard-row-right{color:#c6d6ecd1;font-size:14px;font-weight:600}.leaderboard-empty{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}@media (max-width:768px){.leaderboard-top-rank{font-size:28px}.leaderboard-top-avatar{width:64px;height:64px;font-size:24px}.leaderboard-header{align-items:center;margin-top:72px}.leaderboard-row{flex-direction:column;align-items:flex-start}.leaderboard-row-right{align-self:flex-end}}@media (prefers-reduced-motion:reduce){.leaderboard-button{transition:none}}.leaderboard-avatar-image{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}