@font-face { font-family: "Sega Logo"; src: url(/fonts/sega-logo.ttf) format("truetype"); font-display: swap; }
:root {
  color-scheme: dark;
  --bg: #040704; --ink: #e6f0dc; --dim: #8e9c82; --faint: rgba(230, 240, 220, 0.14);
  --lime: #d8f23c; --amber: #ffb21e; --gold: #e2b442; --camo: #3d6128;
  --display: "Outfit", "Arial Black", system-ui, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
  --gutter: clamp(16px, 4vw, 40px);
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 15px/1.7 var(--mono); }
[hidden] { display: none !important; }
a { color: var(--lime); text-underline-offset: 3px; }
a:focus-visible { outline: 2px solid var(--amber); outline-offset: 3px; }

.top { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 18px var(--gutter); border-bottom: 1px solid var(--faint); }
.logo { font-family: "Sega Logo", var(--display); font-size: 22px; line-height: 1; color: var(--lime); text-decoration: none; text-shadow: 0 0 14px rgba(216, 242, 60, 0.3); }
.back { font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--dim); text-decoration: none; }
.back:hover { color: var(--lime); }

main { max-width: 760px; margin: 0 auto; padding: clamp(40px, 8vw, 80px) var(--gutter) 60px; }
.eyebrow { margin: 0 0 8px; font-size: 11px; letter-spacing: 0.26em; text-transform: uppercase; color: #3dff8b; }
h1 { margin: 0 0 10px; font: 400 clamp(40px, 7vw, 72px)/0.9 "Anton", Impact, sans-serif; text-transform: uppercase; color: var(--gold); }
.updated { margin: 0 0 36px; font-size: 12px; color: var(--dim); }
h2 { margin: 40px 0 10px; font: 800 18px/1.3 var(--display); letter-spacing: 0.04em; text-transform: uppercase; }
p, li { color: #cfd8c4; max-width: 68ch; }
ul { padding-left: 20px; }
li + li { margin-top: 6px; }
strong { color: var(--ink); }
.summary { margin: 0 0 12px; padding: 16px 18px; border: 1px solid var(--faint); border-left: 3px solid var(--lime); background: #070d07; }
.summary p { margin: 0; }
.todo { color: var(--amber); }

footer { max-width: 760px; margin: 0 auto; padding: 22px var(--gutter) 40px; border-top: 1px solid var(--faint); display: flex; gap: 10px 22px; flex-wrap: wrap; font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--dim); }
footer a { color: var(--dim); text-decoration: none; }
footer a:hover, footer a[aria-current="page"] { color: var(--lime); }

.skip { position: absolute; left: 12px; top: -60px; z-index: 10; padding: 10px 14px; background: var(--lime); color: #0b1000; font-weight: 500; text-decoration: none; }
.skip:focus { top: 12px; }
main:focus { outline: none; }
address { font-style: normal; color: #cfd8c4; line-height: 1.8; }
footer nav { display: contents; }
a:hover { text-decoration-thickness: 2px; }