.lb-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.lb-heading h1{margin:7px 0 6px;font-size:36px;color:#244a5d;line-height:1.25}.lb-heading p{font-size:12px;color:#78909e;margin:0}
.lb-refresh{display:flex;align-items:center;gap:8px;border:1px solid #cddce6;background:#fff;color:#486d85;border-radius:9px;min-height:42px;padding:10px 16px;font-size:12px;font-weight:700}.lb-refresh:hover:not(:disabled){background:#e8f3f8}.lb-refresh:disabled{opacity:.45}.lb-refresh .icon{width:16px;height:16px}
.lb-state{font-size:12px;color:#58768c;margin-bottom:12px;min-height:15px}.lb-error{color:#b12f46}.lb-table-wrap{overflow:auto;border:1px solid #d2dfe8;border-radius:13px;background:#fff;box-shadow:0 3px 0 #dce7ef}
.leaderboard table{width:100%;border-collapse:collapse;text-align:left;min-width:850px}.leaderboard thead{background:#2d496b;color:#fff}.leaderboard thead th{font-size:10px;letter-spacing:.7px;text-transform:uppercase;padding:18px 14px;font-weight:700}.leaderboard tbody td,.leaderboard tbody th{padding:22px 14px;border-top:1px solid #e0e9f0;vertical-align:middle}.leaderboard tbody tr:first-child td,.leaderboard tbody tr:first-child th{border-top:0}.leaderboard tbody tr.is-you{background:#fff8ed}
.lb-position{width:65px;text-align:center}.lb-position>span:first-child{font-size:22px;color:#8ca0b0;font-weight:800}.leaderboard tbody th{min-width:130px}.leaderboard tbody th>strong{display:block;color:#385c72;font-size:14px;overflow-wrap:anywhere}.leaderboard tbody th>small{display:block;color:#8298a8;font-size:10px;font-weight:500;margin-top:8px}.lb-you{display:inline-block;margin-top:7px;padding:3px 7px;background:#fce1ad;color:#8a5e1e;border-radius:4px;font-size:9px}
.lb-progress{min-width:180px;max-width:230px}.lb-progress>strong{display:block;font-size:14px;color:#345a70;white-space:nowrap}.lb-progress>strong>span{font-size:10px;color:#8da1af;font-weight:500}.lb-progress>span{display:block;font-size:11px;line-height:1.6;color:#758f9f;margin:6px 0 10px}.lb-progress progress{display:block;appearance:none;width:140px;height:5px;border:0;border-radius:4px;overflow:hidden;background:#e8eff4}.lb-progress progress::-webkit-progress-bar{background:#e8eff4}.lb-progress progress::-webkit-progress-value{background:#dc3d55;border-radius:4px}.lb-progress progress::-moz-progress-bar{background:#dc3d55;border-radius:4px}
.lb-team{display:flex;gap:7px;align-items:flex-start;flex-wrap:wrap;min-width:200px;max-width:420px}.lb-team>span{display:flex;flex-direction:column;align-items:center;width:51px;min-width:0}.lb-team .sprite{width:42px;height:45px;object-fit:contain}.lb-team>span>span{max-width:100%;font-size:8px;font-weight:650;color:#526f81;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.6}.lb-team>span>small{font-size:8px;color:#91a5b1;margin-top:2px}.lb-team .lb-no-team{font-size:11px;color:#90a3af;width:auto}
.lb-losses{width:65px;text-align:center}.lb-losses>strong{display:block;font-size:23px;color:#bb4256;font-weight:800}.lb-losses>small{display:block;font-size:9px;color:#9b7c88;margin-top:5px}.lb-pages{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:20px}.lb-pages button{min-height:40px;padding:10px 13px;border:1px solid #cfdee8;border-radius:7px;background:#fff;font-size:11px;color:#466b83;font-weight:650}.lb-pages button:disabled{opacity:.35;cursor:default}.lb-pages>span{font-size:11px;color:#7b92a2;white-space:nowrap}.lb-empty{padding:60px 25px;text-align:center;background:#fff;border:1px solid #d5e1ea;border-radius:12px;color:#7c93a2;font-size:14px}.leaderboard button:focus-visible{outline:3px solid #3895d6;outline-offset:3px}
.j-navigation nav{overflow-x:auto;scrollbar-width:none}.j-navigation nav>button{flex-shrink:0}
.lb-team>span>.icon{width:42px;height:45px;padding:9px;color:#8aa3b6}
@media(max-width:650px){.lb-heading{gap:12px;margin-bottom:15px}.lb-heading h1{font-size:28px}.lb-refresh{font-size:10px;padding:9px 12px}.lb-table-wrap{border:0;background:transparent;box-shadow:none;overflow:visible}.leaderboard table{min-width:0;display:block}.leaderboard thead{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.leaderboard tbody{display:block}.leaderboard tbody tr{display:grid;grid-template-columns:30px minmax(0,1fr) 42px;gap:12px;background:#fff;border:1px solid #d5e1ea;border-radius:12px;padding:18px 15px;margin-bottom:13px;box-shadow:0 3px 0 #dce7ef}.leaderboard tbody td,.leaderboard tbody th{padding:0;border:0;min-width:0;max-width:none;width:auto}.lb-position{grid-column:1;grid-row:1}.lb-position>span:first-child{font-size:20px}.leaderboard tbody th{grid-column:2;grid-row:1}.lb-losses{grid-column:3;grid-row:1}.lb-losses>strong{font-size:22px}.lb-progress{grid-column:2/4;grid-row:2}.lb-progress>span{font-size:11px;margin:4px 0 8px}.lb-progress progress{width:100%}.leaderboard tbody td:nth-child(4){grid-column:1/4;grid-row:3;border-top:1px solid #e5edf2;padding-top:12px}.lb-team{max-width:none;min-width:0;gap:5px;justify-content:flex-start}.lb-team>span{width:45px}.lb-team .sprite{width:39px;height:42px}.lb-pages{gap:8px}.lb-pages button{font-size:10px;padding:9px}.j-navigation nav{justify-content:flex-start;gap:17px}.j-navigation nav>button{font-size:10px}}