dialog.leaderboard-dialog{width:min(740px,calc(100% - 24px));max-height:92dvh;padding:24px 28px;background:radial-gradient(ellipse at 100% 0,#284b4c 0,transparent 48%),#102b39}
.leaderboard-dialog .dialog-head{gap:14px}.leaderboard-dialog .dialog-head .eyebrow{font-size:9px;line-height:1.7;letter-spacing:1.5px}.leaderboard-dialog #dialog-close{min-width:44px;min-height:44px}
.leaderboard-dialog h2{margin:6px 0 6px;font-size:32px}.leaderboards{display:grid;gap:14px;min-width:0}.leaderboards p{margin:0;line-height:1.55}
.leaderboards .lb-scope{font-size:9px;letter-spacing:1.3px;color:#b1d7d1;margin-bottom:6px}.lb-periods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:4px;background:#071d28;border:1px solid #3e5b65;border-radius:12px}
.lb-periods button{min-height:44px;padding:8px 5px;font-size:12px;border-radius:8px;overflow-wrap:anywhere;color:#a5bec5}.lb-periods .active{background:#bedfce;color:#16392f;font-weight:700;box-shadow:0 2px 8px #0003}
.lb-filters{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lb-filters label{font-size:10px;display:grid;gap:6px;color:#a8bec6;min-width:0}.lb-filters select{width:100%;min-height:44px;padding:10px;font-size:13px}
.leaderboards .lb-hint{font-size:12px;color:#cfdfdf}.leaderboards .lb-meta{font-size:10px;color:#9fbac4;border-bottom:1px solid #38525d;padding-bottom:12px}.lb-results{min-width:0;display:grid;gap:14px}
.lb-own{display:flex;justify-content:space-between;gap:20px;padding:15px 18px;border:1px solid #5b8175;background:linear-gradient(105deg,#294e44,#18383c);border-radius:10px}.lb-own>div{display:grid;gap:5px}.lb-own>div+div{text-align:end}.lb-own small{font-size:9px;letter-spacing:.8px;color:#b5d7cc}.lb-own strong{font-size:20px;color:#e0f5e8;overflow-wrap:anywhere}
.lb-scroll{max-height:clamp(150px,35dvh,360px);overflow:auto;overscroll-behavior:contain;border:1px solid #38535f;border-radius:10px}.lb-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px}.lb-table th{text-align:start;background:#173440;color:#a1bdc6;font-size:10px;font-weight:500;position:sticky;top:0;z-index:1}.lb-table th,.lb-table td{padding:12px;border-bottom:1px solid #2f4c58}.lb-table th:first-child{width:65px}.lb-table th:last-child{width:100px;text-align:end}.lb-table tbody tr:last-child td{border-bottom:0}.lb-table .lb-rank{color:#97afb9;font-variant-numeric:tabular-nums;font-weight:700}.lb-table .lb-medal-1{color:#ffd393}.lb-table .lb-medal-2{color:#cee3eb}.lb-table .lb-medal-3{color:#d6ab8f}.lb-table .lb-score{text-align:end;font-variant-numeric:tabular-nums;font-weight:650;color:#e1efeb}.lb-is-you{background:#294e444f}.lb-captain{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.lb-captain bdi{overflow-wrap:anywhere;min-width:0}.lb-ai,.lb-you-tag{font-size:8px;font-weight:600;border-radius:4px;padding:3px 5px;border:1px solid #7f7053;color:#e8cda2}.lb-you-tag{color:#c3ebd8;border-color:#5c8b78}
.lb-pager{display:flex;justify-content:space-between;align-items:center;gap:10px}.lb-pager span{font-size:11px;color:#a1bcc4;font-variant-numeric:tabular-nums}.lb-pager button{min-height:44px;min-width:82px}.leaderboards .lb-footnote{font-size:10px;color:#8da9b4}.leaderboards .lb-empty{padding:25px 12px;text-align:center;color:#b2cbd1}
@media(max-width:540px){dialog.leaderboard-dialog{padding:16px;max-height:94dvh}.leaderboard-dialog h2{font-size:27px}.leaderboards{gap:11px}.lb-filters{gap:9px}.lb-filters select{font-size:12px}.lb-table th,.lb-table td{padding:11px 8px;font-size:11px}.lb-table th:first-child{width:44px}.lb-table th:last-child{width:72px}.lb-own{padding:12px 14px}.lb-own strong{font-size:18px}.lb-periods button{font-size:11px}.lb-scroll{max-height:31dvh}}
@media(max-height:500px){dialog.leaderboard-dialog{max-height:96dvh}.lb-scroll{max-height:180px}}