/* Extracted from `Leaderboards.html` on 2026-02-13. Keep selectors unchanged. */

body {
 font-family: Arial, sans-serif;
 padding:20px;
 max-width:1100px;
 margin: auto;
}

body.withTopBar { padding-top:72px; }

.section {
 margin:18px0;
 padding:12px;
 border:1px solid #ccc;
 border-radius:8px;
 background: #fff;
}

.grid2 {
 display: grid;
 grid-template-columns:1fr 1fr;
 gap:12px;
}

@media (max-width:900px) { .grid2 { grid-template-columns:1fr; } }

h1, h2, h3 { margin-top:0; }
.small { font-size:12px; color: #555; }
.muted { color: #666; }
.row { display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.mono { font-family: Consolas, monospace; }

table { width:100%; border-collapse: collapse; }
th, td { text-align:left; padding:6px 8px; border-bottom:1px solid #eee; font-size:13px; }
th { font-size:12px; text-transform: uppercase; letter-spacing: .03em; color:#666; }
td.num { text-align:right; font-family: Consolas, monospace; }
td.rank { width:42px; color:#666; font-family: Consolas, monospace; }

button { padding:6px 10px; font-size:13px; }
h1 {
 color:#fff;
}