body { margin: 0; background: #14161a; color: #e4e4e4; font: 16px/1.5 Verdana, Tahoma, sans-serif; }
main { max-width: 760px; margin: 0 auto; padding: 24px 16px; }
h1 { color: #ffb000; font-size: 1.6em; margin: 0 0 8px; }
a { color: #6cb4ff; }
code { background: #22262d; padding: 2px 6px; border-radius: 4px; }
nav { display: flex; flex-wrap: wrap; gap: 6px; margin: 20px 0; }
nav a { padding: 4px 10px; border: 1px solid #333a44; border-radius: 4px; text-decoration: none; }
nav a.active { background: #ffb000; border-color: #ffb000; color: #14161a; }
table { width: 100%; border-collapse: collapse; }
th, td { padding: 8px; border-bottom: 1px solid #262b33; text-align: left; }
th { color: #ffb000; }
.ranking td:first-child, .ranking th:first-child { width: 3em; }
.ranking td:last-child, .ranking th:last-child { text-align: right; }
footer { margin-top: 32px; color: #9aa0a8; font-size: 0.9em; }
h2 { color: #ffb000; font-size: 1.2em; margin: 28px 0 8px; }
b { color: #fff; }
h3 { font-size: 1em; margin: 20px 0 6px; }
a.join { display: inline-block; padding: 6px 14px; background: #ffb000; color: #14161a; border-radius: 4px; font-weight: bold; text-decoration: none; }