.leaderboard-page{--leaderboard-ray-color:#9966ff1a}[data-theme=dark] .leaderboard-page{--leaderboard-ray-color:#2a1952}.leaderboard-page-content{box-sizing:border-box;width:100%;max-width:1440px;height:100%;margin-inline:auto;padding:0 0 24px}.leaderboard-page-content>h1{color:var(--text-main);text-align:center;margin-bottom:24px}.leaderboard-page-content .leaderboard{width:100%;position:static}@media (min-width:769px){.leaderboard-page .leaderboard>.card{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);grid-template-areas:"header header""podium placements";align-items:start;column-gap:24px;display:grid}}.leaderboard-page .leaderboard-header{align-items:center;height:fit-content;display:flex}.leaderboard-page .leaderboard-header .leaderboard-heading{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.leaderboard-page .leaderboard-header .leaderboard-heading>h2.card-title{flex:none;margin-bottom:0!important}.leaderboard-page .leaderboard-header .sort-by-time label{padding:8px 24px}.leaderboard-page .leaderboard-header{z-index:1}.leaderboard-page .leaderboard .podium-stage{isolation:isolate;border-radius:12px 12px 0 0;grid-area:podium;width:100%;position:relative;overflow:hidden;container-type:inline-size}.leaderboard-player{padding:12px 24px}.leaderboard-page .leaderboard .leaderboard-header{grid-area:header}.leaderboard-page .leaderboard .leaderboard-placement{grid-area:placements;min-width:0;max-height:540px;margin-inline:0;position:relative;overflow:hidden}@media (min-width:769px){.leaderboard-page .leaderboard .leaderboard-placement-scroll{box-sizing:border-box;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;height:540px;overflow:hidden auto}.leaderboard-page .leaderboard .leaderboard-placement.has-current-user .leaderboard-placement-scroll{padding-bottom:68px}.leaderboard-page .leaderboard .leaderboard-placement-scroll::-webkit-scrollbar{display:none}.leaderboard-page .leaderboard .leaderboard-current-user{z-index:1;border-top:1px solid var(--border-main);box-shadow:0 -10px 16px -6px var(--border-main);background-color:#f3ecff;background:var(--bg-card);position:absolute;bottom:0;left:0;right:0}}.leaderboard-page .leaderboard .podium-place-empty .player-icon{opacity:.5}.leaderboard-page .leaderboard .podium-place-empty #player-name{color:var(--text-muted)}.leaderboard-page .leaderboard .podium-place-empty .podium-player-xp{background-color:var(--border-main)}.leaderboard-page .leaderboard .podium{--podium-first-color:var(--primary-color);--podium-second-color:#b38cff;--podium-third-color:#cdb5ff;width:100%;min-width:0;max-width:1024px;margin-inline:auto;padding:60px 24px 0;position:relative}.leaderboard-page .leaderboard .podium .podium-place#first-place{background-color:var(--podium-first-color);height:360px}.leaderboard-page .leaderboard .podium .podium-place#second-place{background-color:var(--podium-second-color);height:280px}.leaderboard-page .leaderboard .podium .podium-place#third-place{background-color:var(--podium-third-color);height:200px}.leaderboard-page .leaderboard .podium .podium-place h1{font-size:clamp(3rem,5vw,3.75rem)}[data-theme=dark] .leaderboard-page .leaderboard .podium{--podium-second-color:#8055ba;--podium-third-color:#60438e}.leaderboard-page .leaderboard .podium-stage:before{content:"";z-index:-1;aspect-ratio:1;background:repeating-conic-gradient(from -5deg at 50% 50%, var(--leaderboard-ray-color) 0deg 10deg, var(--bg-card) 10deg 20deg);width:100cqi;position:absolute;left:50%;transform:translate(-50%)}@media (max-width:768px){.leaderboard-page-content{padding:14px 12px}.leaderboard-page .leaderboard .podium .podium-place#first-place{background-color:var(--podium-first-color);height:180px}.leaderboard-page .leaderboard .podium .podium-place#second-place{background-color:var(--podium-second-color);height:140px}.leaderboard-page .leaderboard .podium .podium-place#third-place{background-color:var(--podium-third-color);height:100px}.leaderboard-page .leaderboard .podium .podium-place h1{font-size:clamp(3rem,5vw,3.75rem)}.leaderboard-page .leaderboard-header{flex-direction:column;align-items:stretch;gap:16px}.leaderboard-page .leaderboard-header .card-title,.leaderboard-page .leaderboard-header .sort-by-time{box-sizing:border-box;flex:none;width:100%;min-width:0}.leaderboard-page .leaderboard-header .sort-by-time label{flex:1 1 0;min-width:0}.leaderboard-page .leaderboard .leaderboard-placement{border:0;border-radius:0;max-height:none;margin-inline:-14px;overflow:visible}.leaderboard-page .leaderboard .leaderboard-placement-scroll{max-height:none;padding-bottom:0;overflow:visible}.leaderboard-page .leaderboard .leaderboard-current-user{border-top:0;position:static}.leaderboard-page .leaderboard .podium-stage:before{width:900px;bottom:-450px}}
