:root{--pitch:#0B5D2A;--pitch-2:#0E6E33;--deep:#052E14;--gold:#FCE0A8;--red:#D82800;--good:#58F898;--bad:#F87858;--sky:#3CBCFC;--ink:#000;--paper:#FCFCFC;
--pixel:"Press Start 2P",ui-monospace,monospace;--term:"VT323","Courier New",monospace;color-scheme:dark}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--pitch);background-image:repeating-linear-gradient(180deg,var(--pitch) 0 44px,var(--pitch-2) 44px 88px);color:var(--paper);font:21px/1.35 var(--term);overflow-wrap:break-word}
a{color:var(--gold)}a:hover{color:#fff}
.top{background:var(--ink);border-bottom:4px solid var(--deep);padding:12px 16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px}
.brand{text-decoration:none;display:flex;flex-direction:column;line-height:1.1}
.brand b{font:18px var(--pixel);color:var(--red);text-shadow:2px 2px 0 var(--gold)}
.brand small{font:9px var(--pixel);color:#fff;margin-top:6px;letter-spacing:1px;text-transform:uppercase}
.top nav{display:flex;flex-wrap:wrap;gap:6px 14px}
.top nav a{font:10px var(--pixel);color:var(--sky);text-decoration:none;text-transform:uppercase;padding:6px 0}
.top nav a[aria-current=page]{color:var(--gold);text-decoration:underline;text-underline-offset:5px}
main{max-width:760px;margin:0 auto;padding:24px 16px 40px}
h1{font:22px/1.4 var(--pixel);color:#fff;text-shadow:3px 3px 0 var(--ink);margin:8px 0 16px;text-transform:uppercase}
h2{font:14px/1.5 var(--pixel);color:var(--gold);text-shadow:2px 2px 0 var(--ink);margin:32px 0 10px;text-transform:uppercase}
h3{font:11px/1.5 var(--pixel);color:var(--good);margin:22px 0 6px;text-transform:uppercase}
p,ul{margin:0 0 12px}ul{padding-left:22px}li{margin:4px 0}
b{color:var(--gold);font-weight:normal}
.lead{font-size:24px}
.meta{color:#cfe8d6;font-size:18px}
section{background:rgba(5,46,20,.72);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:4px 16px 10px;margin:22px 0}
section h2{margin-top:18px}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.toc a{font:9px var(--pixel);background:var(--ink);color:#fff;text-decoration:none;padding:10px 10px;border:2px solid #fff;text-transform:uppercase}
table.eg{border-collapse:collapse;margin:8px 0 14px;background:var(--ink)}
.eg th,.eg td{border:2px solid #3A3A3A;padding:4px 14px;text-align:center}
.eg th{font:9px var(--pixel);color:var(--gold)}
.good{color:var(--good)}.bad{color:var(--bad)}
.cta{margin:28px 0 8px}
.play{margin:14px 0 6px}.play a{font:10px var(--pixel);text-transform:uppercase;color:var(--good)}
.btn{display:inline-block;font:12px var(--pixel);text-transform:uppercase;background:var(--red);color:#fff;text-decoration:none;padding:16px 18px;box-shadow:0 5px 0 #881400}
.btn:hover{color:#fff;filter:brightness(1.1)}
.crumb{margin:0 0 4px;font:10px var(--pixel);text-transform:uppercase}
h1.art{font-size:17px;line-height:1.6;text-transform:none}
.cards{display:grid;gap:14px;margin-top:18px}
.card{display:block;text-decoration:none;color:var(--paper);background:var(--ink);border:3px solid #fff;box-shadow:4px 4px 0 var(--deep);padding:14px 16px}
.card b{display:block;font:12px/1.6 var(--pixel);color:var(--gold)}
.card small{display:block;color:var(--sky);margin:6px 0}
.card:hover b{color:#fff}
.foot{background:var(--ink);color:#bbb;padding:20px 16px 28px;text-align:center;font-size:18px}
.foot p{margin:6px auto;max-width:760px}
.foot a{color:#fff}