:root {
  color-scheme:dark;
  --ink:#fff4cf;--muted:#9aa7ae;--page:#080c18;--panel:#111a2b;--line:#34445e;
  --lime:#b8f43d;--cyan:#59e1e6;--pink:#ff5f87;--yellow:#ffcc4a;--black:#04060c;
  --pixel-font:"Courier New","Lucida Console",monospace;
  font-family:Verdana,Geneva,sans-serif;
}
* { box-sizing:border-box; }
body { margin:0;min-width:320px;min-height:100vh;color:var(--ink);background-color:var(--page);background-image:linear-gradient(90deg,transparent 31px,rgba(89,225,230,.035) 32px),linear-gradient(transparent 31px,rgba(89,225,230,.035) 32px),radial-gradient(circle at 14% 8%,rgba(141,100,255,.16) 0 2px,transparent 3px);background-size:32px 32px,32px 32px,96px 96px; }
body::after { content:"";position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.22;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(1,3,8,.36) 4px);mix-blend-mode:multiply; }
::selection { color:var(--black);background:var(--lime); }
main { width:min(800px,calc(100% - 40px));margin:0 auto;padding:58px 0 100px; }
.back { display:inline-block;padding:10px 12px;border:2px solid var(--line);color:var(--cyan);background:var(--panel);box-shadow:4px 4px 0 var(--black);font:900 .65rem var(--pixel-font);text-decoration:none;text-transform:uppercase; }
.back:hover { color:var(--black);background:var(--lime); }
.eyebrow { margin:76px 0 17px;color:var(--pink);font:900 .65rem var(--pixel-font);letter-spacing:.08em; }
.eyebrow::before { content:"[FILE] ";color:var(--cyan); }
h1 { margin:0 0 30px;font:900 clamp(2.7rem,7vw,5.3rem)/.94 var(--pixel-font);letter-spacing:-.08em;text-transform:uppercase;text-shadow:5px 5px 0 #39266b,8px 8px 0 var(--black); }
.lede { margin-bottom:62px;padding:20px 22px;border:2px solid var(--line);border-left:7px solid var(--lime);color:#c5ccca;background:var(--panel);box-shadow:7px 7px 0 var(--black);font-size:.92rem;line-height:1.75; }
section { position:relative;margin-top:24px;padding:27px 27px 25px;border:2px solid var(--line);background:var(--panel);box-shadow:6px 6px 0 var(--black); }
section::before { content:"";position:absolute;top:-2px;left:-2px;width:70px;height:5px;background:var(--cyan);box-shadow:78px 0 var(--pink),156px 0 var(--lime); }
h2 { margin:0 0 17px;color:var(--yellow);font:900 1rem var(--pixel-font);text-transform:uppercase; }
h2::before { content:"> ";color:var(--pink); }
p,li { color:var(--muted);font-size:.84rem;line-height:1.75; }
strong { color:var(--ink); }
ul { padding-left:21px; }
li { margin:5px 0; }
li::marker { color:var(--lime); }
.updated { width:max-content;margin:54px 0 0;padding:8px 10px;border:1px dashed var(--line);color:#6f7c85;font:700 .58rem var(--pixel-font);text-transform:uppercase; }
@media (max-width:600px) {
  main { width:calc(100% - 28px);padding-top:30px; }.eyebrow { margin-top:54px; }h1 { font-size:clamp(2.3rem,13vw,4rem); }section { padding:22px 18px; }.lede { padding:18px; }
}
@media (prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; } }