#tab-ranks{max-width:1040px;margin:auto}.leaderboard-heading{align-items:center;gap:20px;margin-bottom:28px}.leaderboard-heading h2{font-size:2rem}.leaderboard-heading p{margin:10px 0 0;color:#aeb5cc;font-size:1rem}.lb-connection{border:1px solid #394460;background:#182037;color:#b9c8e2;border-radius:99px;padding:8px 13px;font-size:14px;white-space:nowrap}.lb-connection[data-state=online]{color:#b7e7cf;border-color:#375c53}.leaderboard-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;background:#171c2d;border:1px solid #303851;border-radius:16px;padding:20px}.lb-picker{display:flex;flex-direction:column;gap:10px;flex:1;max-width:420px}.lb-picker>span,.lb-period>span{font-size:14px;color:#aebbd1;display:block;font-weight:700}.lb-picker select{appearance:auto;color:#fff;background:#242c44;border:1px solid #4a5575;border-radius:10px;padding:13px 14px;font:700 16px Rubik,Arial;width:100%;min-height:49px}.lb-picker select:focus-visible{outline:2px solid #a5ff5b;outline-offset:3px}.lb-period>span{margin-bottom:10px}.lb-period .seg{background:#101629;border-color:#333d59;flex-wrap:nowrap;padding:5px}.lb-period .seg button{min-height:37px;padding:8px 17px;font-size:14px;white-space:nowrap}.lb-period .seg button.active{background:#3d496b;color:white}.leaderboard-summary{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 4px}.leaderboard-summary h3{font-size:1.4rem;margin:0 0 10px;font-family:var(--body);font-weight:700}.leaderboard-summary .fine{margin:0;max-width:570px;line-height:1.6;font-size:14px}.lb-personal{text-align:right;flex-shrink:0}.lb-personal span,.lb-personal small{display:block;color:#aebbd1;font-size:13px}.lb-personal strong{display:block;color:#a5ff5b;font-size:1.5rem;margin:7px 0;line-height:1.2}.leaderboard-board{border:1px solid #38405b;border-radius:17px;background:#171b2c;box-shadow:0 18px 55px #0002}.lb-table-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:19px 24px;font-size:15px;font-weight:700;border-bottom:1px solid #35405a}.lb-table-caption>span{font-size:13px;color:#9dabc7;font-weight:400}.lb-table{width:100%;border-collapse:collapse;table-layout:auto}.lb-table thead{background:#111727}.lb-table th{text-align:left;color:#9eaec9;padding:13px 24px;font-size:13px;font-weight:700}.lb-table th:last-child{text-align:right}.lb-table td{padding:17px 24px;border-top:1px solid #2a334b;font-size:16px}.lb-table td:first-child{width:90px}.lb-table td:last-child{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:700;color:#eaf1ff}.lb-table .lb-mine{background:#a5ff5b0c}.lb-mine td:first-child{box-shadow:inset 3px 0 0 #a5ff5b}.lb-rank{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;color:#a9b6cf;background:#242d43;font-weight:700}.lb-rank.rank-1{color:#ffd977;background:#614f252c;border:1px solid #9b7b3a}.lb-rank.rank-2{color:#d6e5f4;background:#71849820;border:1px solid #6d829b}.lb-rank.rank-3{color:#ffbb8b;background:#754a3020;border:1px solid #a57758}.lb-player{display:flex;align-items:center;gap:14px;min-width:0}.lb-player strong{display:flex;align-items:center;flex-wrap:wrap;gap:10px;word-break:break-word;line-height:1.4}.lb-player small{display:block;font-size:13px;color:#91a2bf;margin-top:4px}.lb-avatar{width:40px;height:40px;display:grid;place-items:center;flex-shrink:0;border-radius:12px;background:#234853;color:#74e7ed;font-size:14px;font-weight:700;border:1px solid #73e4ed33}.avatar-1{background:#48344f;color:#f0a4cd;border-color:#f0a4cd33}.avatar-2{background:#494030;color:#f4c889;border-color:#f4c88933}.avatar-3{background:#393751;color:#c1b3f6;border-color:#c1b3f633}.avatar-4{background:#2c4235;color:#b5e5a3;border-color:#b5e5a333}.avatar-5{background:#343e55;color:#a5c5f6;border-color:#a5c5f633}.lb-you{color:#bfed9e;background:#a5ff5b15;border:1px solid #a5ff5b33;padding:1px 7px;border-radius:7px;font-size:12px;font-weight:500}.lb-empty{text-align:center;padding:55px 24px}.lb-empty h3{font-family:var(--body);font-size:1.3rem;font-weight:700;margin:20px 0 12px}.lb-empty p{max-width:440px;margin:0 auto 23px;line-height:1.65;color:#aebbd1;font-size:16px}.lb-empty-symbol{display:grid;place-items:center;width:62px;height:62px;margin:auto;color:#a2bada;background:#26334b;border:1px solid #4c6183;border-radius:18px;font-size:30px;font-weight:700}.lb-loading{padding:24px}.lb-loading p{text-align:center;color:#aebbd1;font-size:14px;margin:20px 0 5px}.lb-skeleton{display:block;height:50px;background:linear-gradient(100deg,#222a40,#2b354e,#222a40);margin:10px 0;border-radius:11px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:620px){.leaderboard-heading{align-items:flex-start;flex-direction:column;gap:16px}.leaderboard-heading h2{font-size:1.6rem}.leaderboard-toolbar{flex-direction:column;align-items:stretch;padding:16px;gap:18px}.lb-picker{max-width:none}.lb-period .seg{display:flex}.lb-period .seg button{flex:1}.leaderboard-summary{align-items:flex-start;gap:16px;padding:24px 0}.leaderboard-summary h3{font-size:1.2rem}.leaderboard-summary .fine{font-size:13px}.lb-personal{max-width:130px}.lb-personal strong{font-size:1.3rem}.lb-table-caption{padding:17px 14px}.lb-table th{padding:12px 13px;font-size:12px}.lb-table td{padding:14px 13px;font-size:14px}.lb-table td:first-child{width:50px}.lb-rank{width:28px;height:30px;border-radius:8px}.lb-avatar{display:none}.lb-player{gap:0}.lb-player strong{gap:5px}.lb-personal small{font-size:12px}.lb-empty{padding:36px 20px}}

.lb-picker{min-width:0}.lb-score-picker{max-width:210px;flex:.7}.bests small{display:block;margin-top:9px;color:#8c9cb9;font-size:12px;line-height:1.4}.result-card{max-height:calc(100dvh - 36px);overflow-y:auto}.res-points{background:#0f1726;border:1px solid #394950;border-radius:13px;padding:14px;margin:16px 0;text-align:left}.res-points>span{color:#b6c7d8;font-size:13px}.res-points>strong{display:block;color:#a5ff5b;font-family:var(--display);font-size:2rem;margin:5px 0}.res-points>small{display:block;color:#aebed0}.res-points details{margin-top:14px;font-size:13px;border-top:1px solid #2b3b4a;padding-top:12px}.res-points summary{cursor:pointer;color:#d9e9f4;min-height:25px}.res-points ul{list-style:none;padding:0;margin:10px 0 0}.res-points li{display:flex;justify-content:space-between;gap:20px;padding:6px 0;color:#becbdd}.res-points li b{color:#a5ff5b;white-space:nowrap}@media(max-width:620px){.lb-score-picker{max-width:none}.result-card{padding:22px}.res-score{font-size:2.8rem}}
.result{top:58px}.result-card{max-height:calc(100dvh - 94px)}