.leaderboard { margin: 2rem auto; max-width: 620px; padding: 1.25rem; border-radius: 12px; background: rgba(255,255,255,.08); }
.leaderboard h2 { margin-top: 0; }
.leaderboard ol { list-style: none; padding: 0; margin: 1rem 0; }
.leaderboard li { display: grid; grid-template-columns: 3rem 1fr auto; gap: .75rem; padding: .5rem .25rem; border-bottom: 1px solid rgba(255,255,255,.16); }
.leaderboard-form { display: grid; grid-template-columns: 1fr 8rem auto; gap: .5rem; align-items: end; }
.leaderboard-form label { display: grid; gap: .25rem; font-size: .9rem; }
.leaderboard-form input { width: 100%; box-sizing: border-box; padding: .55rem; border-radius: 6px; border: 1px solid #777; }
.leaderboard-status { min-height: 1.4rem; margin: .6rem 0 0; }
.leaderboard-status.error { color: #ff9b9b; }
@media (max-width: 600px) { .leaderboard-form { grid-template-columns: 1fr; } }