.leaderboard-page{width:min(1040px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 5rem}.leaderboard-hero{position:relative;padding-bottom:1.5rem}.leaderboard-context{display:inline-grid;grid-template-columns:auto auto;align-items:baseline;gap:.1rem .6rem;margin-top:1rem;padding:.75rem 1.05rem;border:1px solid #55d6be55;border-radius:14px;background:#55d6be12}.leaderboard-context span{color:#aebed4;font-size:.78rem}.leaderboard-context strong{grid-row:1/3;grid-column:2;color:#55d6be;font-size:1.8rem}.leaderboard-context small{color:#c4d2e4}.leaderboard-tabs{display:flex;gap:.45rem;margin:1rem 0;padding:.45rem;border:1px solid #ffffff18;border-radius:16px;background:#102440;overflow-x:auto;scrollbar-width:thin}.leaderboard-tabs button{flex:1;min-width:max-content;padding:.72rem .9rem;border:0;border-radius:11px;background:transparent;color:#b8c7da;font:inherit;font-weight:750;cursor:pointer;transition:background .18s,color .18s,transform .18s}.leaderboard-tabs button:hover{background:#ffffff0c;color:#fff}.leaderboard-tabs button.active{background:linear-gradient(135deg,#2859ae,#3978df);color:#fff;box-shadow:0 6px 16px #02081755}.leaderboard-table{display:grid;gap:.55rem;min-height:260px}.leader-row{display:grid;grid-template-columns:55px 52px minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.85rem 1.15rem;border:1px solid #c8d3e0;border-radius:15px;background:#e8edf3;color:#10213d;box-shadow:0 5px 16px #0208171f;transition:transform .18s,border-color .18s}.leader-row:hover{transform:translateY(-2px);border-color:#7e9dc5}.leader-row.is-me{border-color:#55d6be;box-shadow:inset 4px 0 #55d6be,0 8px 22px #02081730}.leader-row.podium{background:linear-gradient(135deg,#edf3f8,#dce7f1)}.leader-position{color:#315f9e;font-size:1.05rem;text-align:center}.leader-row.podium .leader-position{font-size:1.55rem}.leader-avatar{display:grid;place-items:center;width:46px;height:46px;border:2px solid #9aabc0;border-radius:50%;background:#d5e3ee center/cover;color:#17365f;font-weight:900}.leader-avatar.profile-frame{outline-width:2px!important;outline-offset:2px!important;box-shadow:0 0 0 4px var(--frame-b),0 5px 15px #10213d33!important}.leader-identity{display:grid;gap:.15rem;min-width:0}.leader-identity>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader-identity em{display:inline-block;margin-left:.35rem;padding:.12rem .38rem;border-radius:99px;background:#c7eee3;color:#147557;font-size:.62rem;font-style:normal;vertical-align:middle}.leader-identity span,.leader-score span{color:#64758c;font-size:.78rem}.leader-score{display:grid;justify-items:end}.leader-score strong{font-size:1.12rem}.leaderboard-loading,.leaderboard-empty{display:grid;place-items:center;min-height:220px;padding:2rem;border:1px dashed #ffffff2b;border-radius:16px;color:#9eafc5;text-align:center}.leader-avatar.profile-frame[data-frame=developer]{isolation:isolate;border-color:#dffff9!important;outline:0!important;box-shadow:0 0 8px #63ffe1,0 0 15px #447dff!important;animation:developer-compact-aura 1.7s ease-in-out infinite!important}.leader-avatar.profile-frame[data-frame=developer]::before{content:"";position:absolute;z-index:-1;inset:-7px;border-radius:50%;background:conic-gradient(#63ffe1,#447dff,#b84dff,#fff,#63ffe1);animation:developer-core-spin 2.2s linear infinite;filter:drop-shadow(0 0 4px #63ffe1);mask:radial-gradient(circle,transparent 57%,#000 60%)}.leader-avatar.profile-frame[data-frame=developer]::after{content:"";position:absolute;z-index:3;right:-7px;bottom:-6px;width:17px;height:17px;border:2px solid #071831;border-radius:50%;background:#0d3157 url("../favicon.svg") center/15px no-repeat;box-shadow:0 0 7px #63ffe1;animation:developer-logo-pulse 1.6s ease-in-out infinite}@media(max-width:620px){.leaderboard-page{width:min(100% - 1rem,1040px);padding-top:1rem}.leader-row{grid-template-columns:38px 45px minmax(0,1fr);gap:.65rem;padding:.75rem}.leader-score{grid-column:3;justify-items:start}.leader-score strong{font-size:.95rem}.leader-score span{display:none}.leader-position{text-align:left}.leaderboard-tabs{border-radius:12px}}@media(prefers-reduced-motion:reduce){.leader-avatar.profile-frame[data-frame=developer],.leader-avatar.profile-frame[data-frame=developer]::before,.leader-avatar.profile-frame[data-frame=developer]::after{animation:none!important}}