.leaderboard-main{width:min(1050px,calc(100% - 48px));min-width:0;margin:0 auto;padding:54px 0 64px}.leaderboard-panel{width:100%;min-width:0}.leaderboard-heading{padding-bottom:24px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;border-bottom:1px solid var(--ui-border)}.leaderboard-kicker{margin:0 0 7px;color:var(--ui-cyan);font:9px var(--mono);letter-spacing:1px}.leaderboard-heading h1{margin:0;color:var(--ui-text);font-size:clamp(30px,4vw,42px);font-weight:900}.leaderboard-heading h1 em{color:var(--ui-accent);font-style:normal}.leaderboard-description{margin:9px 0 0;color:var(--ui-muted);font-size:11px}.leaderboard-updated{display:flex;align-items:center;gap:8px;color:var(--ui-muted);font:9px var(--mono);white-space:nowrap}.leaderboard-live-dot{width:7px;height:7px;border-radius:50%;background:var(--ui-success);box-shadow:0 0 10px #7de0b073}.leaderboard-panel{margin-top:24px;padding:clamp(16px,2.8vw,28px);padding-bottom:clamp(30px,4vw,42px);border:1px solid var(--ui-border);border-radius:10px;background:linear-gradient(145deg,#1f232ffa,#181b25fa);box-shadow:0 12px 30px #00000029,inset 0 1px #ffffff09}.leaderboard-tabs{margin-bottom:24px;padding:4px;display:inline-flex;gap:4px;border:1px solid var(--ui-border);border-radius:8px;background:#00000029}.leaderboard-tab{min-width:76px;padding:8px 14px;border:0;border-radius:6px;color:var(--ui-muted);background:transparent;font:inherit;font-size:11px;font-weight:750;cursor:pointer;transition:color .18s ease,background .18s ease,box-shadow .18s ease}.leaderboard-tab:hover,.leaderboard-tab.is-active{color:var(--ui-text);background:linear-gradient(110deg,#62d8eb29,#ed64ad1f)}.leaderboard-tab.is-active{box-shadow:inset 0 0 0 1px #62d8eb47}.leaderboard-tab:focus-visible{outline:2px solid var(--ui-cyan);outline-offset:2px}.leaderboard-panel-heading{padding-bottom:16px;display:flex;align-items:stretch;flex-direction:column;gap:18px;border-bottom:1px solid var(--ui-border)}.leaderboard-panel-heading .leaderboard-kicker{margin-bottom:3px}.leaderboard-panel-heading h2{margin:0;color:var(--ui-text);font-size:21px}.leaderboard-legend{width:100%;min-width:0;padding-inline:14px;display:grid;grid-template-columns:56px minmax(0,1fr) 112px 86px;align-items:center;gap:10px;color:var(--ui-subtle);font-size:9px;text-align:right}.leaderboard-legend span:nth-child(2){text-align:left}.leaderboard-legend span:first-child{text-align:center}.leaderboard-legend.is-boost-category{grid-template-columns:56px minmax(0,1fr) 140px}.leaderboard-legend [hidden]{display:none}.leaderboard-status{margin:20px 0;color:var(--ui-muted);font-size:11px}.leaderboard-status[hidden]{display:none}.leaderboard-list{margin:0;padding:0 0 14px;list-style:none}.leaderboard-row{min-height:66px;padding:9px 14px;display:grid;grid-template-columns:56px minmax(0,1fr) 112px 86px;align-items:center;gap:10px;border-bottom:1px solid rgba(222,230,245,.09)}.leaderboard-row.is-boost-category{grid-template-columns:56px minmax(0,1fr) 140px}.leaderboard-duration{color:var(--ui-cyan);font:600 12px var(--mono);text-align:right;white-space:nowrap}.leaderboard-row.is-booster{position:relative;isolation:isolate;overflow:hidden;border-bottom-color:#87d8ff8c;background:linear-gradient(110deg,#50beff47,#9d6fff3d 48%,#ff68d247);box-shadow:inset 3px 0 #72d6ff,inset 0 1px #ade4ffb3,inset 0 -1px #ff99e599}.leaderboard-row.is-booster:before{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 20%,rgba(218,249,255,.68) 42%,rgba(255,213,244,.58) 58%,transparent 76%);content:"";pointer-events:none;transform:translate(-100%);animation:booster-hologram 5s ease-in-out infinite}.leaderboard-row.is-booster>*{position:relative;z-index:1}@keyframes booster-hologram{0%,35%{transform:translate(-100%)}75%,to{transform:translate(100%)}}.leaderboard-list>li:last-child .leaderboard-row{border-bottom:0}.leaderboard-position{color:var(--ui-muted);font:700 17px var(--display);text-align:center}.leaderboard-list>li:nth-child(-n+3) .leaderboard-position{color:var(--ui-cyan)}.leaderboard-member{min-width:0;display:flex;align-items:center;gap:12px}.leaderboard-avatar{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(98,216,235,.35);border-radius:50%;color:var(--ui-cyan);background:var(--ui-surface-raised);font:700 14px var(--display)}.leaderboard-avatar img{width:100%;height:100%;object-fit:cover}.leaderboard-member-name{min-width:0;overflow:hidden;color:var(--ui-text);font-size:12px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.leaderboard-xp{color:var(--ui-text);font:600 12px var(--mono);text-align:right;white-space:nowrap}.leaderboard-movement{color:var(--ui-subtle);font:600 11px var(--mono);text-align:right;white-space:nowrap}.leaderboard-movement.is-up{color:var(--ui-success)}.leaderboard-movement.is-down{color:var(--ui-danger)}.my-ranking-section{position:fixed;z-index:20;right:0;bottom:calc(14px + env(safe-area-inset-bottom,0px));left:0;width:min(680px,calc(100% - 32px));margin:0 auto;padding:10px 12px 12px;border:1px solid rgba(98,216,235,.35);border-radius:10px;background:linear-gradient(135deg,#1b222ef7,#181b25f5);box-shadow:0 14px 40px #0006,0 0 26px #62d8eb1a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:translate3d(0,var(--ranking-follow-offset, 0px),0);will-change:transform}.my-ranking-divider{padding:0 4px 8px;color:var(--ui-accent);font:8px var(--mono);letter-spacing:1px}.my-ranking-prompt{min-height:56px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(98,216,235,.16);border-radius:8px;background:linear-gradient(110deg,#62d8eb17,#ed64ad0f)}.rankings-page [hidden]{display:none!important}.my-ranking-prompt p{min-width:0;flex:1 1 auto;margin:0;color:var(--ui-text);font-size:11px;line-height:1.6}.my-ranking-prompt a,.my-ranking-prompt button{flex:0 0 auto;padding:7px 12px;border:1px solid rgba(98,216,235,.28);border-radius:6px;color:var(--ui-cyan);background:#62d8eb14;font:inherit;font-size:10px;font-weight:750;cursor:pointer}.my-ranking-prompt [hidden]{display:none}.my-leaderboard-row{min-height:72px;padding:8px 4px;border:0;border-radius:8px;background:linear-gradient(110deg,#62d8eb1a,#ed64ad12)}.leaderboard-login{margin-top:18px;padding:15px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--ui-border);border-radius:8px;background:#ffffff06}.leaderboard-login p{margin:0;color:var(--ui-muted);font-size:10px}.leaderboard-login a{flex:0 0 auto;color:var(--ui-cyan);font-size:10px;font-weight:750}.leaderboard-login[hidden],.my-ranking-section[hidden]{display:none}.leaderboard-footer{margin-top:18px;padding-top:12px;display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--ui-border);color:var(--ui-subtle);font-size:9px}body.has-my-ranking .leaderboard-main{padding-bottom:calc(212px + env(safe-area-inset-bottom,0px))}body.rankings-page .site-shell{overflow:visible}@media(max-width:760px){.leaderboard-main{width:calc(100% - 32px);padding:34px 0 46px}.leaderboard-heading,.leaderboard-panel-heading{align-items:flex-start;flex-direction:column;gap:12px}.leaderboard-legend{width:100%;padding-inline:8px;grid-template-columns:40px minmax(0,1fr) 78px 67px;gap:7px;font-size:8px}.leaderboard-legend.is-boost-category{grid-template-columns:40px minmax(0,1fr) 100px}.leaderboard-row{min-height:60px;padding:8px;grid-template-columns:40px minmax(0,1fr) 78px 67px;gap:7px}.leaderboard-row.is-boost-category{grid-template-columns:40px minmax(0,1fr) 100px}.leaderboard-position{font-size:15px}.leaderboard-member{gap:8px}.leaderboard-avatar{width:32px;height:32px;flex-basis:32px;font-size:12px}.leaderboard-member-name{font-size:10px}.leaderboard-xp,.leaderboard-movement,.leaderboard-duration{font-size:9px}.leaderboard-login{align-items:flex-start;flex-direction:column}.my-ranking-prompt{align-items:flex-start;flex-direction:column;gap:10px}.my-ranking-section{bottom:calc(8px + env(safe-area-inset-bottom,0px));width:calc(100% - 24px);padding:8px 10px 10px}body.has-my-ranking .leaderboard-main{padding-bottom:calc(162px + env(safe-area-inset-bottom,0px))}.my-leaderboard-row{min-height:58px}}@media(max-width:390px){.leaderboard-main{width:calc(100% - 24px)}.leaderboard-panel{padding:14px 11px 28px}.leaderboard-legend{padding-inline:6px;grid-template-columns:32px minmax(0,1fr) 66px 58px;gap:5px}.leaderboard-legend.is-boost-category{grid-template-columns:32px minmax(0,1fr) 82px}.leaderboard-row{padding-inline:6px;grid-template-columns:32px minmax(0,1fr) 66px 58px;gap:5px}.leaderboard-row.is-boost-category{grid-template-columns:32px minmax(0,1fr) 82px}body.has-my-ranking .leaderboard-main{padding-bottom:calc(178px + env(safe-area-inset-bottom,0px))}}@media(prefers-reduced-motion:reduce){.my-ranking-section{will-change:auto}.leaderboard-row.is-booster:before{animation:none;opacity:.35;transform:translate(0)}}