:root{--bg:#12131a;--panel:#1b1d27;--ink:#e8e6df;--mut:#9a97a3;--acc:#c8102e;--gold:#d4a017;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);
font:16px/1.6 system-ui,Segoe UI,Roboto,sans-serif}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}
header{background:var(--panel);border-bottom:3px solid var(--acc)}
header .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:14px 20px}
.brand{display:flex;align-items:center;gap:2px;font-family:'Archivo Black','Arial Black',sans-serif;
font-size:1.15rem;color:var(--ink);text-decoration:none;letter-spacing:.04em}
.brand .ring-o{width:1em;height:1em;margin:0 1px}
.brand .gold,h1.logotype .gold{color:var(--gold)}
.brand .gold{margin-left:9px}
h1.logotype{display:flex;align-items:center;gap:4px;font-family:'Archivo Black','Arial Black',sans-serif;
font-size:2.6rem;letter-spacing:.04em;margin:.3em 0}
h1.logotype .ring-o{width:.82em;height:.82em;margin:0 3px}
h1.logotype .gold{margin-left:18px}
nav{display:flex;flex-wrap:wrap;gap:4px 18px}
nav a{color:var(--mut);text-decoration:none;white-space:nowrap}nav a:hover{color:var(--ink)}
nav a[aria-current="page"]{color:var(--ink);border-bottom:2px solid var(--acc)}
a:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:2px}
main{padding:28px 20px 48px}
h1{font-size:2rem;line-height:1.2;margin:.4em 0}h2{margin-top:1.6em;border-bottom:1px solid #2c2f3d;padding-bottom:.2em}
a{color:var(--gold)}a:hover{color:#e8b93c}
td a{text-decoration:none}td a:hover{text-decoration:underline}
.lede{font-size:1.12rem;color:var(--mut)}
.crumb{color:var(--mut);font-size:.9rem}
.muted{color:var(--mut)}.trivia{border-left:3px solid var(--gold);padding-left:12px;color:var(--mut);font-style:italic}
.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;margin:10px 0}
th{ text-align:left;color:var(--mut);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}
th,td{padding:8px 12px;border-bottom:1px solid #262a38}td.num{text-align:right;font-variant-numeric:tabular-nums}
tr:hover td{background:#1e2130}
.tier{display:inline-block;min-width:1.6em;text-align:center;padding:1px 7px;border-radius:5px;font-weight:800;font-size:.85rem}
.athead{display:flex;gap:18px;align-items:center;margin-top:10px}
.avatar{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;flex:0 0 auto;letter-spacing:.03em}
.avatar-photo{object-fit:cover;background:#262a38;border:3px solid #2c2f3d}
.avcol{display:flex;flex-direction:column;align-items:center;gap:3px;flex:0 0 auto}
.photocredit{font-size:.72rem}
.tierbg-S{background:var(--gold);color:#1a1a1a}.tierbg-A{background:var(--acc);color:#fff}
.tierbg-B{background:#3d4460;color:#fff}.tierbg-C{background:#262a38;color:var(--mut)}
.gauge{max-width:620px;margin:6px 0 0}
@media (max-width:520px){.athead{flex-direction:column;align-items:flex-start;gap:10px}.avatar{width:120px;height:120px;font-size:2.4rem}}
.g-track{stroke:#2c2f3d;stroke-width:4;stroke-linecap:round}
.g-med{stroke:#6f6b76;stroke-width:2;stroke-dasharray:3 3}
.g-me{fill:var(--acc)}
.g-lbl{fill:var(--mut);font:15px system-ui}
.tier-S{background:var(--gold);color:#1a1a1a}.tier-A{background:var(--acc);color:#fff}
.tier-B{background:#3d4460;color:#fff}.tier-C{background:#262a38;color:var(--mut)}
.stats{display:flex;gap:14px;flex-wrap:wrap;margin:22px 0}
.stat{background:var(--panel);border-radius:10px;padding:14px 18px;min-width:150px}
.stat b{display:block;font-size:1.5rem;color:var(--gold)}
.cols{display:flex;gap:40px;flex-wrap:wrap}
.event{background:var(--panel);border-radius:10px;padding:6px 18px 14px;margin:14px 0}
.event h2{margin-top:.45em}
.nextevent h2{color:var(--gold);border-bottom:none;padding-bottom:0;margin:.45em 0 .3em}
svg{width:100%;height:auto;max-width:760px;display:block;margin:10px 0}
.bar{fill:var(--acc)}.cnt{fill:var(--ink);font:13px system-ui;text-anchor:middle}
.lbl{fill:var(--mut);font:12px system-ui;text-anchor:middle}.axis{stroke:#3a3f52}
footer{background:var(--panel);color:var(--mut);font-size:.85rem;margin-top:30px}
footer .wrap{padding:18px 20px}