body { font-family: Georgia, 'Times New Roman', serif; background: #1a1510; color: #e8dcc0;
	       margin: 0; padding: 1.25rem 1rem 2rem; }
	h1 { text-align: center; color: #f0c060; margin-bottom: .25rem; }
	.sub { text-align: center; color: #8a7c5e; margin-bottom: 2rem; font-size: .9rem; }
	.panel { background: #241d14; border: 1px solid #4a3b24; border-radius: 6px;
	         padding: 1rem 1.5rem; max-width: 1050px; margin: 0 auto; }
	h2 { color: #f0c060; margin-top: 0; text-align: center; }
	table { border-collapse: collapse; width: 100%; }
	th { text-align: left; color: #8a7c5e; font-size: .8rem; text-transform: uppercase;
	     letter-spacing: .08em; padding: .45rem .75rem; border-bottom: 1px solid #4a3b24; }
	td { padding: .45rem .75rem; border-bottom: 1px solid #2e2518; vertical-align: top; }
	td.num, th.num { text-align: right; }
	.empty { color: #8a7c5e; text-align: center; padding: 1rem; }
	.error { color: #ffb0a0; text-align: center; margin: .5rem 0 1rem; }
	.success { color: #b7e8a2; text-align: center; margin: .5rem 0 1rem; }
	button, input, select { font: inherit; }
	button { color: #1a1510; background: #f0c060; border: 0; border-radius: 4px;
	         padding: .5rem .9rem; cursor: pointer; }
	button:disabled { background: #66805d; color: #dcebd7; cursor: default; }
	label { display: block; color: #c9b98f; margin: .8rem 0 .3rem; }
	input[type=text], input[type=password], input[type=email], select { box-sizing: border-box; width: 100%; padding: .55rem;
	         background: #15110c; color: #e8dcc0; border: 1px solid #6b512a; border-radius: 4px; }
	.actions { display: flex; justify-content: center; gap: .75rem; margin-top: 1rem; }
	.inline { display: inline; }
	.button-link { color: #1a1510; background: #f0c060; border-radius: 4px;
	               padding: .5rem .9rem; text-decoration: none; }

.narrow { max-width:520px; }
.account-layout { max-width:960px; margin:auto; }
.account-layout .panel { margin-bottom:1.25rem; }
.account-heading { display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; }
.account-heading h2 { margin-bottom:0; }
.account-heading + .table-scroll { margin-top:1rem; }
.account-note { color:#c4b598; font:.9rem/1.6 system-ui,sans-serif; }
.account-email { text-align:center; overflow-wrap:anywhere; }
.verified { color:#b7e8a2; font:.8rem system-ui,sans-serif; margin-left:.5rem; }
.account-links { display:flex; flex-wrap:wrap; justify-content:center; gap:1rem; margin-top:1.5rem; }
.account-layout a:not(.button-link), .narrow a:not(.button-link) { color:#f0c060; }
.actions, .nav { flex-wrap:wrap; }
.actions { align-items:center; }
.boards { display:flex; flex-wrap:wrap; gap:2rem; justify-content:center; align-items:flex-start; }
.board { min-width:320px; margin:0; } .board tr:nth-child(-n+4) td { color:#f0c060; }
.filter-form { display:flex; flex-wrap:wrap; align-items:center; gap:.75rem; margin-bottom:1rem; }
.filter-form input[type=text] { flex:1 1 16rem; width:auto; min-width:0; }
.filter-form label { margin:0; } .table-scroll { overflow-x:auto; }
tr.reported td { background:#294426; color:#d8f0d0; }
.pager { display:flex; justify-content:center; align-items:center; gap:1.2rem; margin-top:1rem; }
.pager a, .trace-download { color:#f0c060; }
@media(max-width:700px) { th,td { padding:.4rem; } }

.leaderboards { max-width:1200px; margin:0 auto; }
.board-heading { padding:1.6rem 0 1rem; }
.board-heading .eyebrow { text-align:center; }
.board-heading h1 { font-size:clamp(2rem,5vw,3rem); margin:.4rem 0; }
.eyebrow { color:#c4a774; font: .75rem system-ui,sans-serif; text-transform:uppercase; letter-spacing:.18em; margin:0 0 .5rem; }
.leaderboards .sub { color:#b3a58b; }
.pvp-board { max-width:none; padding:1.5rem; border-top:3px solid #d6a34c; }
.board-title { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1.25rem; }
.board-title h2 { text-align:left; margin:0; font-size:1.65rem; }
.board-badge { border:1px solid #68502c; border-radius:3px; padding:.3rem .6rem; color:#cbb995; font:.75rem system-ui,sans-serif; white-space:nowrap; }
.board-controls { display:flex; flex-wrap:wrap; gap:1rem; justify-content:space-between; align-items:center; padding-bottom:1.25rem; border-bottom:1px solid #4a3b24; }
.period-tabs { display:flex; gap:.25rem; background:#15110c; padding:.25rem; border-radius:5px; }
.period-tabs a { color:#cbb995; padding:.65rem 1rem; text-decoration:none; border-radius:3px; }
.period-tabs a[aria-current], .period-tabs a:hover { color:#1a1510; background:#f0c060; }
.history-form { display:flex; align-items:center; flex-wrap:wrap; gap:.6rem; }
.history-form label { margin:0; font-size:.85rem; }
.history-form select { width:auto; max-width:100%; font-size:.85rem; }
.period-heading { padding:1.25rem 0 .7rem; }
.period-heading h3 { margin:0 0 .5rem; font-size:1.1rem; }
.period-heading h3 span { color:#b3a58b; font-weight:normal; }
.period-heading p, .board-note, .board-updated { color:#b3a58b; font:.8rem/1.6 system-ui,sans-serif; }
.period-heading p { margin:0; }
.leaderboards table { font:.9rem/1.5 system-ui,sans-serif; }
.leaderboards th { color:#b3a58b; }
.leaderboards td { padding:.8rem .75rem; }
.leaderboards tbody tr:hover { background:#30261a; }
.leaderboards .rank { color:#b3a58b; width:3rem; font-variant-numeric:tabular-nums; }
.leaderboards .num { font-variant-numeric:tabular-nums; white-space:nowrap; }
.player-name { font-weight:600; overflow-wrap:anywhere; }
.pvp-table { min-width:660px; }
.pvp-table .player-name { min-width:7rem; }
.podium .rank, .podium .player-name { color:#f0c060; }
.podium .rank { font-weight:700; }
.ratio { color:#dcc398; }
.board-note { margin:1rem 0 0; }
.board-intro { margin:0 0 1.25rem; }
.board-empty { text-align:center; padding:2.5rem 1rem; }
.board-empty h3 { margin:0 0 .6rem; color:#e8dcc0; }
.board-empty p { color:#b3a58b; margin:0; }
.lifetime-boards { display:grid; grid-template-columns:1fr 1fr; gap:1.25rem; margin-top:1.25rem; }
.lifetime-boards .board { min-width:0; padding:1.5rem; }
.lifetime-boards .played-board { grid-column:1 / -1; }
.leaderboards .board tr td { color:inherit; }
.board-updated { text-align:center; margin:1.5rem 0; }
.board-updated strong { color:#f0c060; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
a:focus-visible, button:focus-visible, select:focus-visible { outline:2px solid #f0c060; outline-offset:4px; }
@media(max-width:800px) { .lifetime-boards { grid-template-columns:1fr; } }
@media(max-width:500px) {
  .nav { gap:.3rem; } .nav a { padding:.5rem .65rem; }
  .pvp-board, .lifetime-boards .board { padding:1rem; }
  .history-form { width:100%; } .history-form label { width:100%; }
  .history-form select { flex:1; min-width:0; }
  .leaderboards td, .leaderboards th { padding:.65rem .4rem; }
}