.dool-leaderboard{margin:22px 0 34px;padding:26px 30px;background:#faf8eb;border:1px solid #9c9e88;box-shadow:5px 5px 0 #dedfcd;position:relative;color:#292d23}
.dool-leaderboard::before{content:"";position:absolute;left:-7px;top:30px;width:13px;height:30px;border:1px solid #858b71;background:#faf8eb;transform:rotate(-8deg)}
.leaderboard-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #8e977d;padding-bottom:18px}.leaderboard-heading h2{font-size:clamp(28px,3vw,42px);margin:3px 0}.leaderboard-heading p{margin:3px 0}.leaderboard-stamp{display:block;text-align:center;border:2px solid #de633a;border-radius:50%;padding:14px;color:#bc502b;transform:rotate(9deg);font-size:15px;line-height:1.1}
.leaderboard-totals{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 18px;border-bottom:1px solid #8e977d}.leaderboard-totals>div{padding:15px 20px;border-right:1px solid #babca6}.leaderboard-totals>div:first-child{padding-left:0}.leaderboard-totals>div:last-child{border:0}.leaderboard-totals span{display:block;font-size:14px}.leaderboard-totals strong{font-size:34px;font-weight:400;color:#677747;line-height:1.2}
.leaderboard-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:20px}.leaderboard-modes{display:flex;gap:5px;margin-right:auto;flex-wrap:wrap}.leaderboard-modes button{border:1px solid #999e88;background:transparent;padding:9px 15px;border-radius:0}.leaderboard-modes button[aria-pressed=true]{background:#e9e795;box-shadow:0 3px 0 #68744b}.leaderboard-controls label{font-size:13px;display:grid;gap:4px}.leaderboard-controls select,.leaderboard-controls>button{padding:8px 10px;border:1px solid #a6aa92;background:#fffef7;min-height:40px}.leaderboard-controls label[hidden]{display:none}
.leaderboard-table-wrap{overflow-x:auto}.leaderboard-table{width:100%;border-collapse:collapse;min-width:530px;text-align:left}.leaderboard-table caption{text-align:left;color:#656b58;font-size:14px;padding:0 0 12px}.leaderboard-table th{font-size:14px;font-weight:400;text-align:left;border-bottom:2px solid #788166;padding:8px 12px}.leaderboard-table td{border-bottom:1px solid #d4d5be;padding:14px 12px;font-size:16px}.leaderboard-table td b{font-weight:400}.leaderboard-table td small,.leaderboard-table td a{display:block;font-size:12px;color:#67714f}.leaderboard-table .leaderboard-rank{font-size:25px;color:#ae5b38;width:60px}.leaderboard-table .leaderboard-number{font-size:27px;color:#566633}.leaderboard-table .leaderboard-amount{color:#506131;overflow-wrap:anywhere;max-width:300px}.leaderboard-table .leaderboard-empty{height:92px;text-align:center;color:#6a705c;padding:24px;white-space:normal}.leaderboard-table code{font-size:12px}
#leaderNotice{font-size:13px;color:#6b705f;min-height:20px;margin:14px 0}.leaderboard-rules{border-top:1px dashed #a6aa94;padding-top:10px}.leaderboard-rules summary{cursor:pointer;font-size:15px}.leaderboard-rules p{font-size:13px;max-width:900px;color:#666d56}.dool-leaderboard button:focus-visible,.dool-leaderboard select:focus-visible{outline:2px solid #ba4e78;outline-offset:3px}
@media(max-width:650px){.dool-leaderboard{padding:18px 14px;margin:20px 0}.leaderboard-stamp{display:none}.leaderboard-totals>div{padding:14px 8px}.leaderboard-totals span{font-size:12px}.leaderboard-totals strong{font-size:28px}.leaderboard-controls label{flex:1}.leaderboard-modes{width:100%}.leaderboard-modes button{padding:8px 10px;font-size:14px}}
