body.light-mode .home-leaderboard{--leader-accent:#34765b;--leader-soft:#edf6ef;position:relative;margin:24px 0;padding:20px;border:1px solid #e2e7df;border-radius:28px;background:linear-gradient(145deg,#fffefb 0%,#fff 60%,#f6f9f4 100%);box-shadow:0 14px 30px -24px #385543;color:#34463b;overflow:hidden}
body.light-mode .home-leaderboard.leaders-gold{--leader-accent:#93671c;--leader-soft:#fbf4e5}
.leaders-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}
body.light-mode .leaders-eyebrow{font-size:10px;color:#8f8469;margin-bottom:4px}
body.light-mode .leaders-heading h2{font-size:19px;font-weight:600;line-height:1.6;color:#2f4336}
.leaders-emblem{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:15px;border:1px solid #ebdbb4;background:linear-gradient(145deg,#fffcf2,#f5e7c4);color:#a47b2c;box-shadow:inset 0 1px 0 #fff}
.leaders-emblem svg{width:25px;height:25px;stroke-width:1.5}
body.light-mode .leaders-period{font-size:11px;color:#8b958e;margin-top:2px}
.leaders-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#f2f4ef;padding:4px;border-radius:13px;margin:17px 0}
body.light-mode .leaders-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:40px;padding:7px 4px;border:1px solid transparent;border-radius:10px!important;background:transparent;color:#79857a;font-size:12px;font-weight:400;box-shadow:none}
body.light-mode .leaders-tabs button[aria-pressed=true]{background:#fff;color:var(--leader-accent);border-color:#e2e8dc;font-weight:500;box-shadow:0 2px 5px #304e3510}
.leaders-tabs svg{width:17px;height:17px}
.leader-list{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.leader-entry{display:flex;align-items:center;gap:8px;padding:12px 8px;border:1px solid transparent;border-radius:16px;min-width:0}
.leader-entry.leader-first{background:linear-gradient(110deg,#fffdf6,#faf0d8);border-color:#eee0bb}
.leader-rank{display:grid;place-items:center;width:25px;min-width:25px;height:28px;font-size:15px;font-weight:500;color:#8f9693;font-variant-numeric:tabular-nums}
.leader-rank svg{width:23px;height:23px;stroke-width:1.6}
.rank-1{color:#a77e28}.rank-2{color:#82918e}.rank-3{color:#b08261}
.leader-monogram{display:grid;place-items:center;flex:none;width:35px;height:35px;border-radius:50%;background:#eef2ed;color:#788b79;font-size:16px;font-weight:500;border:2px solid #fff;box-shadow:0 0 0 1px #e7ece2}
.leader-first .leader-monogram{background:#eedead;color:#806426;box-shadow:0 0 0 1px #e7d7a8}
.leader-person{flex:1;min-width:0}
body.light-mode .leader-person strong{display:block;font-size:12px;font-weight:500;line-height:1.8;overflow-wrap:anywhere;color:#364b3e}
body.light-mode .leader-person strong small{font-size:9px;font-weight:400;color:var(--leader-accent);margin-inline-start:5px}
body.light-mode .leader-person>span{display:block;font-size:10px;color:#9a9f93;margin-top:1px}
.leader-count{display:flex;flex-direction:column;align-items:center;min-width:28px;margin-inline-start:3px;flex:none}
body.light-mode .leader-count b{font-size:20px;font-weight:500;color:#516747;line-height:1.3}
body.light-mode .leader-count span{font-size:9px;color:#989d8f}
.leader-self{margin-top:17px;padding:15px;border-radius:17px;background:var(--leader-soft);border:1px solid #e0e8dc}
.leader-self-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}
.leader-self-heading>span{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--leader-accent)}
.leader-self-heading svg{width:17px;height:17px}
body.light-mode .leader-self-heading strong{font-size:13px;font-weight:500;color:var(--leader-accent);text-align:left}
body.light-mode .leader-self-heading small{display:block;font-weight:400;font-size:10px;color:#7d8f7d;margin-top:3px}
body.light-mode .leader-self p{font-size:11px;line-height:1.9;color:#71826d;margin-top:10px}
.leader-progress{display:block;width:100%;appearance:none;-webkit-appearance:none;border:0;height:4px;background:#dae6d6;border-radius:5px;overflow:hidden;margin-top:10px}
.leader-progress::-webkit-progress-bar{background:#dae6d6;border-radius:5px}.leader-progress::-webkit-progress-value{background:var(--leader-accent);border-radius:5px}.leader-progress::-moz-progress-bar{background:var(--leader-accent);border-radius:5px}
body.light-mode .leader-self>a{display:flex;align-items:center;justify-content:space-between;color:var(--leader-accent);font-size:11px;font-weight:500;min-height:34px;margin-top:8px;border-top:1px solid #dfe8d9;padding-top:7px}
.leader-self>a svg{width:15px;height:15px}
.leaders-foot{display:flex;justify-content:space-between;gap:8px;margin-top:15px;font-size:9px;color:#9ba393}
body.light-mode .leaders-admin-note,body.light-mode .leader-ties{font-size:10px;color:#8b9588;line-height:1.8;margin-top:13px}
.leaders-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px 8px;text-align:center}
.leaders-empty-mark{display:grid;place-items:center;width:40px;height:40px;border:1px dashed #dacfaf;border-radius:50%;color:#baa363}
.leaders-empty-mark svg{width:21px;height:21px}
body.light-mode .leaders-empty strong{font-size:13px;font-weight:500;color:#64725b}
body.light-mode .leaders-empty p,.leaders-loading{font-size:11px;line-height:1.9;color:#8d9885}
.leaders-loading{padding:20px;text-align:center}
body.light-mode .leaders-empty button{font-size:12px;color:var(--leader-accent);background:#f3f7ef;min-height:36px;padding:6px 12px;border-radius:10px!important}
.leaders-tabs button:focus-visible,.leader-self>a:focus-visible{outline:2px solid #a4823c;outline-offset:2px}
@media(max-width:360px){body.light-mode .home-leaderboard{padding:16px}.leader-entry{padding-inline:5px;gap:6px}.leader-monogram{width:30px;height:30px}.leader-person strong{font-size:11px}.leader-self{padding:12px}}