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; }
h2 { color: #ffb000; font-size: 1.2em; margin: 28px 0 8px; }
a { color: #6cb4ff; }
code { background: #22262d; padding: 2px 6px; border-radius: 4px; }
footer { margin-top: 32px; color: #9aa0a8; font-size: 0.9em; }

/* The one-click "Join the server" button (et://). */
a.join {
  display: inline-block; padding: 6px 14px; border-radius: 4px;
  background: #ffb000; color: #14161a; font-weight: bold; text-decoration: none;
}

table { width: 100%; border-collapse: collapse; }
th, td { padding: 8px; border-bottom: 1px solid #262b33; text-align: left; }
th { color: #ffb000; }
/* Numbers aligned right, so they line up. */
.number { text-align: right; }
/* On a phone, the 7 combat columns still fit. */
@media (max-width: 600px) { th, td { padding: 6px 4px; font-size: 0.85em; } }