.leaderboard-page{background:radial-gradient(circle at 12% 5%, color-mix(in srgb, var(--purple) 11%, transparent), transparent 31rem), var(--page)}.leaderboard-main{padding-block:42px 110px}.leaderboard-intro{padding-bottom:30px}.leaderboard-intro h1{margin:0;font-size:clamp(2.5rem,5vw,4.4rem)}.leaderboard-board{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:20px;overflow:hidden}.board-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:30px;padding:26px 31px 20px;display:flex}.board-kicker{color:var(--purple);letter-spacing:.14em;font-size:.68rem;font-weight:800}.board-heading h2{letter-spacing:-.035em;margin:3px 0 0;font-size:1.42rem}.board-legend{width:min(680px,67%);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;grid-template-columns:minmax(230px,1fr) 160px 135px 28px;gap:20px;font-size:.68rem;font-weight:800;display:grid}.board-legend span:nth-child(2),.board-legend span:nth-child(3){text-align:right}.leaderboard-list{min-height:220px}.leaderboard-entry+.leaderboard-entry{border-top:1px solid var(--line)}.streamer-row{width:100%;min-height:94px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:48px minmax(230px,1fr) 160px 135px 28px;align-items:center;gap:20px;padding:15px 30px;transition:background .18s;display:grid}.streamer-row:hover{background:color-mix(in srgb, var(--accent) 8%, transparent)}.leaderboard-entry.open .streamer-row{background:color-mix(in srgb, var(--accent) 11%, transparent)}.channel-rank{color:var(--muted);font-family:Rubik Mono One,Manrope,sans-serif;font-size:.72rem}.leaderboard-entry:nth-child(-n+3) .channel-rank{color:var(--purple)}.streamer-identity{align-items:center;gap:14px;min-width:0;display:flex}.streamer-avatar{border:1px solid var(--line);background:var(--page-soft);border-radius:15px;flex:none;place-items:center;width:52px;height:52px;display:grid;position:relative;overflow:hidden}.streamer-avatar img,.avatar-fallback{width:100%;height:100%;position:absolute;inset:0}.streamer-avatar img{z-index:2;object-fit:cover}.avatar-fallback{color:var(--purple);place-items:center;font-weight:800;display:grid}.streamer-names{min-width:0}.streamer-names strong,.streamer-names small,.level-cell strong,.level-cell small,.slaps-cell strong,.slaps-cell small{display:block}.streamer-names strong{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.streamer-names small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.level-cell,.slaps-cell{text-align:right}.level-cell strong,.slaps-cell strong{font-size:.91rem}.level-cell small,.slaps-cell small{color:var(--muted);font-size:.67rem}.row-progress{background:var(--page-soft);border-radius:99px;height:4px;margin-top:8px;display:block;overflow:hidden}.row-progress>span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--purple));height:100%;display:block}.expand-icon{border:1px solid var(--line);width:28px;height:28px;color:var(--muted);border-radius:50%;place-items:center;font-size:1rem;transition:transform .2s,background .2s;display:grid}.leaderboard-entry.open .expand-icon{background:var(--accent);color:var(--accent-ink);transform:rotate(45deg)}.streamer-detail{border-top:1px solid var(--line);background:var(--page-soft);padding:26px 30px 30px 98px}.profile-loading{color:var(--muted);margin:0;font-size:.85rem}.contributor-summary{grid-template-columns:repeat(2,minmax(140px,220px));gap:11px;margin-bottom:19px;display:grid}.summary-stat{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:14px 16px}.summary-stat strong,.summary-stat span{display:block}.summary-stat strong{font-size:1.25rem}.summary-stat span{color:var(--muted);font-size:.72rem}.contributor-list{border:1px solid var(--line);background:var(--surface);border-radius:11px;margin:0;padding:0;list-style:none}.contributor-row{grid-template-columns:38px 1fr auto;align-items:center;gap:13px;min-height:55px;padding:9px 14px;display:grid}.contributor-row+.contributor-row{border-top:1px solid var(--line)}.contributor-rank{color:var(--muted);font-size:.68rem;font-weight:800}.contributor-name{align-items:center;gap:8px;min-width:0;display:flex}.contributor-avatar{background:#7773;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;display:grid;position:relative;overflow:hidden}.contributor-avatar img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.contributor-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:.83rem;overflow:hidden}.broadcaster-badge{background:color-mix(in srgb, var(--orange) 18%, transparent);color:var(--orange);text-transform:uppercase;border-radius:99px;padding:2px 7px;font-size:.6rem;font-weight:800}.contributor-count{color:var(--muted);font-size:.75rem}.no-contributors{color:var(--muted);text-align:center;padding:25px;font-size:.83rem}.contributors-more,.profile-error button,.load-more,.leaderboard-message button{border:1px solid var(--line);background:var(--surface);min-height:42px;color:var(--ink);cursor:pointer;border-radius:8px;margin-top:14px;padding:0 16px;font-weight:800}.contributors-more:hover,.profile-error button:hover,.load-more:hover,.leaderboard-message button:hover{border-color:var(--purple)}.profile-error{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:.82rem;display:flex}.profile-error button{margin-top:0}.leaderboard-message{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:13px;margin:20px;padding:38px 22px}.leaderboard-message strong,.leaderboard-message span{display:block}.leaderboard-message strong{color:var(--ink);margin-bottom:4px}.error-message{border-color:color-mix(in srgb, var(--orange) 50%, var(--line))}.load-more{margin:20px auto;display:block}.leaderboard-skeleton{border-bottom:1px solid var(--line);grid-template-columns:60px 1fr 140px;align-items:center;gap:20px;min-height:94px;padding:15px 30px;display:grid}.leaderboard-skeleton span{background:linear-gradient(90deg, var(--page-soft), color-mix(in srgb, var(--surface) 35%, var(--page-soft)), var(--page-soft));background-size:200% 100%;border-radius:99px;height:13px;animation:1.5s linear infinite shimmer}.leaderboard-skeleton span:first-child{border-radius:14px;width:48px;height:48px}.leaderboard-skeleton span:last-child{justify-self:end;width:100px}.history-note{max-width:850px;color:var(--muted);align-items:flex-start;gap:9px;margin:18px 8px 0;font-size:.73rem;display:flex}.history-note>span{margin-top:2px;display:inline-flex}@keyframes shimmer{to{background-position:-200% 0}}@media (width<=900px){.board-legend{display:none}.streamer-row{grid-template-columns:42px minmax(190px,1fr) 145px 110px 28px;gap:13px;padding-inline:20px}.streamer-detail{padding-left:75px}}@media (width<=700px){.leaderboard-main{padding-block:34px 86px}.leaderboard-intro{padding-bottom:24px}.board-heading{padding-inline:20px}.streamer-row{grid-template-columns:34px minmax(0,1fr) 28px;min-height:105px}.level-cell,.slaps-cell{text-align:left;grid-row:2}.level-cell{grid-column:2;grid-template-columns:auto 1fr;align-items:center;gap:0 12px;display:grid}.level-cell small{grid-column:1}.row-progress{grid-area:1/2/span 2;width:100%;margin:0}.slaps-cell{text-align:right;grid-area:1/3/span 2}.expand-icon{grid-area:2/1;width:24px;height:24px}.streamer-detail{padding:22px 18px}}@media (width<=480px){.leaderboard-page .site-nav>a:first-child{display:none}.leaderboard-page .site-nav>a:nth-child(2){clip:auto;width:auto;height:auto;position:static;overflow:visible}.streamer-row{padding-inline:14px}.channel-rank{font-size:.63rem}.streamer-avatar{border-radius:12px;width:44px;height:44px}.streamer-names strong{font-size:.86rem}.contributor-summary{grid-template-columns:1fr 1fr}.contributor-row{grid-template-columns:30px minmax(0,1fr) auto;padding-inline:10px}.broadcaster-badge{display:none}}@media (prefers-reduced-motion:reduce){.leaderboard-skeleton span{animation:none}}
