.leaderboard{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:24px;margin:26px 0;padding:20px 24px;border:1px solid #dce4f2;border-radius:20px;background:linear-gradient(135deg,#fff9e9,#fff);text-align:left}.leaderboard .eyebrow{margin:0}.leaderboard h2{margin:4px 0 0;font-size:18px}.leaderboard ol{display:grid;gap:6px;margin:0;padding:0;list-style:none}.leaderboard li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-radius:11px;background:rgba(255,255,255,.8)}.leaderboard li strong{color:#9b6415}.leaderboard .no-rank{justify-content:center;color:var(--muted);font-size:13px}.rank-form{display:grid;grid-template-columns:1fr minmax(160px,220px) auto;align-items:center;gap:12px;margin:26px 0;padding:20px;border:2px solid #f1ca6a;border-radius:18px;background:#fff9e8;text-align:left}.rank-form b,.rank-form small{display:block}.rank-form small{margin-top:3px;color:var(--muted)}.rank-form input{min-height:48px;padding:10px 13px;border:1px solid #d8c58e;border-radius:12px;background:white;font:inherit}.rank-form p{grid-column:1/-1;margin:0;color:#c33;font-size:12px}.rank-form button:disabled{opacity:.55}@media(max-width:700px){.leaderboard{grid-template-columns:1fr;gap:12px}.rank-form{grid-template-columns:1fr}.rank-form p{grid-column:auto}}