/* Self-hosted pixel fonts (SIL Open Font License, see fonts/LICENSE-*.txt) */
@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;
  src:url("../fonts/press-start-2p-latin-400-normal.woff2") format("woff2"),url("../fonts/press-start-2p-latin-400-normal.woff") format("woff")}
@font-face{font-family:"VT323";font-style:normal;font-weight:400;font-display:swap;
  src:url("../fonts/vt323-latin-400-normal.woff2") format("woff2"),url("../fonts/vt323-latin-400-normal.woff") format("woff")}

:root{--ink:#0a0d14;--panel:#18233a;--cream:#f2ead3;--muted:#8e9bb3;--coral:#ff6b5a;--sky:#5bc0f5;--gold:#ffc94a;--violet:#b48cff;
  --display:"Press Start 2P","Courier New",monospace;--body:"VT323","Courier New",monospace}
*{box-sizing:border-box}
html{background:#0f1724}
body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 0%,#1d2b45 0%,#0f1724 60%);color:var(--cream);font-family:var(--body);
  padding:20px 16px 40px;display:grid;justify-items:center;align-content:start;gap:18px}
a{color:var(--gold)}
.top{width:100%;max-width:640px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.brand{font-family:var(--display);font-size:13px;line-height:1.5;color:var(--cream);text-decoration:none;text-shadow:0 2px 0 #b2362f}
.brand span{color:var(--gold)}
.play{font-family:var(--display);font-size:10px;background:var(--gold);color:var(--ink);text-decoration:none;padding:12px 14px 11px;border:3px solid var(--ink);box-shadow:4px 4px 0 #000}
.tabs{width:100%;max-width:640px;display:flex;flex-wrap:wrap;gap:6px}
.tabs a{font-family:var(--display);font-size:8px;letter-spacing:.04em;padding:9px 9px 8px;background:#1d2840;color:var(--cream);border:2px solid #3a4b70;text-decoration:none}
.tabs a[aria-current="page"]{background:var(--gold);color:var(--ink);border-color:var(--ink)}
.card{width:100%;max-width:640px;background:var(--panel);border:3px solid var(--ink);box-shadow:inset 0 0 0 3px var(--cream),inset 0 0 0 5px var(--ink),6px 6px 0 #000;padding:26px 24px 24px}
.pg{display:grid;gap:10px}
.pg h2{margin:0 0 4px;font-family:var(--display);font-weight:400;font-size:14px;line-height:1.5;color:var(--gold);letter-spacing:.06em}
.pg h3{margin:8px 0 0;font-family:var(--display);font-weight:400;font-size:9px;line-height:1.6;letter-spacing:.06em;color:var(--sky)}
.pg p,.pg li{font-size:22px;line-height:1.15}
.pg p{margin:0}
.pg ul,.pg ol{margin:0;padding-left:24px;display:grid;gap:6px}
.pg b{color:var(--gold);font-weight:400}
.pg .pg-date{color:var(--muted);font-size:19px}
.pg-legend{list-style:none;padding-left:0!important}
.pg-legend li{display:flex;align-items:center;gap:10px}
.pg-legend i{width:16px;height:16px;border:2px solid var(--ink);box-shadow:0 0 0 1px #fff;flex:none}
footer{max-width:640px;text-align:center;font-family:var(--display);font-size:7px;line-height:2;letter-spacing:.06em;color:#6f7b93}