:root { --bg: #07061a; --panel: #0a0620; --ink: #f4f0e6; --dim: #9a92d8; --gold: #ffd86a; --pink: #ff3df0; --cyan: #7df9ff; --green: #6dff8a; --line: #1e1640; }
html { background: var(--bg); }
body { margin: 0 auto; max-width: 860px; padding: 18px 16px 40px; color: var(--ink); background: var(--bg); font: 15px/1.5 ui-monospace, Menlo, Consolas, monospace; }
a { color: var(--cyan); }
.home { display: inline-block; margin: 0 0 14px; text-decoration: none; font-weight: bold; letter-spacing: 1px; }
h1 { margin: 0 0 6px; font-size: 28px; letter-spacing: 4px; color: var(--cyan); text-shadow: 2px 2px 0 var(--pink); }
.dim { color: var(--dim); }
nav { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 8px; }
nav button { font: bold 13px/1 ui-monospace, Menlo, Consolas, monospace; letter-spacing: 1px; text-transform: uppercase; padding: 9px 12px; background: #120a1a; color: var(--gold); border: 2px solid var(--gold); border-radius: 0; cursor: pointer; box-shadow: 3px 3px 0 #000; }
nav#rounds button { border-color: var(--cyan); color: var(--cyan); }
nav button[aria-pressed="true"] { background: var(--pink); color: #0a0620; border-color: var(--pink); }
nav button:focus-visible { outline: 3px solid var(--cyan); outline-offset: 2px; }
#round-info p { margin: 4px 0; }
.prize { color: var(--gold); }
table { width: 100%; border-collapse: collapse; margin: 10px 0; }
th { text-align: left; color: var(--dim); font-weight: normal; border-bottom: 2px solid #3a2f6a; padding: 6px; }
td { padding: 6px; border-bottom: 1px solid var(--line); }
.num { text-align: right; }
tr.top td { color: var(--gold); }
footer { margin-top: 30px; font-size: 12px; }
@media (max-width: 520px) { body { font-size: 14px; } h1 { font-size: 22px; } td, th { padding: 5px 3px; } .time { display: none; } }