:root { color-scheme: dark; --ink:#f4efe6; --red:#d12b34; --line:#3a3032; }
* { box-sizing: border-box; }
body { margin:0; background:#100d0e; color:var(--ink); font:18px/1.55 Georgia, "Iowan Old Style", serif; }
a { color:#ffb4a8; }
header.top, footer.foot { display:flex; flex-wrap:wrap; gap:12px 18px; align-items:center; padding:14px 22px; background:#070606; }
header.top nav, footer.foot { display:flex; flex-wrap:wrap; gap:12px; }
.brand { color:#fff; text-decoration:none; letter-spacing:.14em; font-family:Impact, sans-serif; }
.slit { display:inline-block; width:8px; height:22px; background:var(--red); margin-right:8px; vertical-align:-4px; }
.play { margin-left:auto; background:var(--red); color:#fff; text-decoration:none; padding:8px 12px; font-family:sans-serif; font-size:14px; }
main { max-width:980px; margin:0 auto; padding:22px; }
.hero-shot { width:100%; height:auto; display:block; border:1px solid var(--line); }
h1 { font-family:Impact, sans-serif; letter-spacing:.02em; font-size:46px; line-height:1.05; margin:18px 0 8px; }
h2 { font-family:sans-serif; font-size:26px; }
.lede { font-size:22px; }
.stats { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:16px 0; }
.stat { background:#1c1416; padding:12px; border-top:4px solid var(--red); }
.stat b { display:block; font-size:28px; font-family:sans-serif; }
table { width:100%; border-collapse:collapse; background:#24181a; margin:14px 0 22px; }
th, td { border:1px solid #4a3336; padding:8px 10px; text-align:left; vertical-align:top; }
th { background:#3a161a; font-family:sans-serif; }
.band { background:#1a1012; padding:8px 16px 16px; margin-top:16px; }
.next { display:grid; gap:10px; }
.next a { display:block; background:#2a1216; padding:12px 14px; text-decoration:none; border-left:6px solid var(--red); }
.page-loot .band { background:#14201c; }
.page-shop .band { background:#2a2112; }
.page-codes .band { background:#121826; }
.page-maps .band { background:#142028; }
.page-progress .band { background:#221428; }
.page-entities .band { background:#2a1014; }
form label, form select { display:block; margin:8px 0; font-family:sans-serif; }
select { font-size:18px; padding:8px; width:100%; }
@media (max-width:700px) {
  h1 { font-size:34px; }
  .stats { grid-template-columns:1fr; }
  header.top { display:block; }
  .play { display:inline-block; margin:8px 0 0; }
}