.creator-leaderboard{max-width:1100px;margin:10px auto 50px;color:#eee;font-family:Jost,sans-serif}.leaderboard-heading{margin-bottom:28px}.leaderboard-heading h1{font:38px/1.2 Questrian,sans-serif;margin:10px 0 14px}.leaderboard-heading>p:last-child{color:#bbb;font-size:16px}.leaderboard-periods{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #373737;padding-bottom:14px}.leaderboard-periods a{padding:11px 18px;border:1px solid #555;border-radius:7px;text-decoration:none;color:#bbb;font:600 14px Jost,sans-serif}.leaderboard-periods a[aria-current="page"]{color:#ffd45c;border-color:#b29448;background:#242015}.leaderboard-periods a:hover{border-color:#ffd45c;color:#fff}.leaderboard-explanation{margin:26px 0}.leaderboard-explanation h2{font:600 23px Jost,sans-serif}.leaderboard-explanation p{color:#bbb;font:14px/1.6 Jost,sans-serif;max-width:850px;margin-bottom:8px}.leaderboard-explanation small{color:#999}.leaderboard-list{padding:0;margin:0;list-style:none;display:grid;gap:12px}.leaderboard-row{display:grid;grid-template-columns:65px minmax(180px,1fr) 150px 205px;align-items:center;gap:18px;padding:20px;border:1px solid #45413a;background:linear-gradient(110deg,#151511,#0b0c0d);border-radius:11px;min-width:0}.leaderboard-place{color:#ffd45c;font:800 29px Jost,sans-serif}.leaderboard-creator{display:flex;align-items:center;gap:14px;min-width:0;text-decoration:none;color:#eee}.leaderboard-creator:hover strong{color:#ffd45c}.leaderboard-creator>img,.leaderboard-avatar{width:56px;height:56px;flex:none;border-radius:50%;object-fit:cover;border:1px solid #727063}.leaderboard-avatar{display:grid;place-items:center;background:#24212d;color:#c5a1ff;font:24px Jost,sans-serif}.leaderboard-creator>span:last-child{min-width:0;display:grid;gap:3px}.leaderboard-creator strong{font-size:18px;overflow-wrap:anywhere}.leaderboard-creator span>span{font-size:13px;color:#aaa;overflow-wrap:anywhere}.leaderboard-creator small{font-size:11px;color:#aaa}.leaderboard-views,.leaderboard-rating{display:grid;gap:6px}.leaderboard-views>strong{display:flex;gap:8px;align-items:center;color:#b595ff;font-size:21px}.leaderboard-views .odeyu-eye{width:20px;height:14px}.leaderboard-views>span,.leaderboard-rating>span{font-size:12px;color:#aaa}.leaderboard-stars{display:flex;align-items:center;gap:3px}.leaderboard-stars svg{width:22px;height:22px;stroke:#fff;stroke-width:1.5;stroke-linejoin:round;fill:none}.leaderboard-stars .is-filled{fill:#ffd45c;stroke:#ffd45c}.leaderboard-stars strong{margin-left:6px;font-size:17px;color:#ffd45c}.leaderboard-pagination{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:24px;color:#aaa;font-size:14px}.leaderboard-pagination a{color:#ffd45c}.leaderboard-empty{padding:36px;border:1px solid #444;border-radius:10px;background:#111}.leaderboard-empty h2{font-size:24px}.leaderboard-empty p{color:#aaa}.leaderboard-banner{display:flex;align-items:center;gap:20px;margin:34px auto 0;padding:25px 28px;max-width:1400px;border:1px solid #776339;border-radius:11px;background:linear-gradient(110deg,#1e1b12,#101013);text-decoration:none;color:#eee;font-family:Jost,sans-serif}.leaderboard-banner>svg{width:42px;height:42px;flex:none;fill:none;stroke:#ffd45c;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.leaderboard-banner>span:nth-child(2){display:grid;gap:7px}.leaderboard-banner strong{font:22px Questrian,sans-serif;color:#ffd45c}.leaderboard-banner>span:nth-child(2)>span{color:#bbb;font-size:14px}.leaderboard-banner .leaderboard-banner-action{margin-left:auto;flex:none;display:flex;gap:10px;font-weight:600;color:#ffd45c}.leaderboard-banner:hover{border-color:#ffd45c;background:#211d15}.leaderboard-banner:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:760px){.leaderboard-row{grid-template-columns:42px minmax(0,1fr);gap:14px 12px;padding:17px}.leaderboard-place{font-size:25px}.leaderboard-creator{gap:10px}.leaderboard-creator strong{font-size:17px}.leaderboard-creator>img,.leaderboard-avatar{width:48px;height:48px}.leaderboard-views{grid-column:2;grid-row:2}.leaderboard-rating{grid-column:2;grid-row:3}.leaderboard-stars svg{width:20px;height:20px}.leaderboard-heading h1{font-size:30px}.leaderboard-periods{gap:6px;flex-wrap:nowrap}.leaderboard-periods a{padding:10px 9px;font-size:12px;flex:1;text-align:center;white-space:nowrap}.leaderboard-explanation{margin:22px 0}.leaderboard-banner{padding:20px;gap:14px;flex-wrap:wrap}.leaderboard-banner>svg{width:32px;height:32px}.leaderboard-banner>span:nth-child(2){flex:1}.leaderboard-banner strong{font-size:18px}.leaderboard-banner>span:nth-child(2)>span{font-size:13px;line-height:1.5}.leaderboard-banner .leaderboard-banner-action{margin-left:46px;font-size:14px}.leaderboard-pagination{gap:16px;font-size:12px}}