:root { --ink: #050505; --paper: #f2f0ea; --acid: #c6ff00; }
* { box-sizing: border-box; margin: 0; padding: 0; }
html { background: var(--ink); color: var(--paper); -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { font-family: 'Space Mono', ui-monospace, Menlo, monospace; background: var(--ink); min-height: 100vh; }
::selection { background: var(--acid); color: var(--ink); }
a { color: var(--acid); text-underline-offset: 3px; }

.ticker { position: sticky; top: 0; z-index: 5; height: 26px; line-height: 26px; overflow: hidden; white-space: nowrap; background: var(--acid); color: var(--ink); font-family: 'Syne', 'Arial Black', sans-serif; font-weight: 800; font-size: 13px; letter-spacing: .08em; }
.ticker span { display: inline-block; animation: tick 40s linear infinite; }
@keyframes tick { to { transform: translateX(-50%); } }

.legal { max-width: 760px; margin: 0 auto; padding: 28px 18px 90px; }
.back { display: inline-block; font-family: 'Syne', 'Arial Black', sans-serif; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; font-size: 14px; color: var(--paper); text-decoration: none; border: 2px solid var(--paper); padding: 12px 16px; }
.back:hover, .back:focus-visible { background: var(--acid); border-color: var(--acid); color: var(--ink); }
.back--end { margin-top: 40px; }
h1 { font-family: 'Anton', Impact, sans-serif; text-transform: uppercase; font-weight: 400; line-height: .9; font-size: clamp(64px, 16vw, 140px); margin: 26px 0 10px; }
h1 span { color: var(--acid); }
.updated { font-size: 12px; letter-spacing: .2em; text-transform: uppercase; opacity: .7; }
.toc { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0; }
.toc a { font-family: 'Syne', 'Arial Black', sans-serif; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; font-size: 13px; color: var(--ink); background: var(--paper); text-decoration: none; padding: 9px 13px; transform: skewX(-8deg); }
.toc a:nth-child(even) { background: var(--acid); }
.short { border: 3px solid var(--paper); padding: 16px 18px; font-size: 15px; line-height: 1.65; }
section { margin-top: 46px; scroll-margin-top: 40px; }
h2 { font-family: 'Anton', Impact, sans-serif; text-transform: uppercase; font-weight: 400; font-size: clamp(34px, 7vw, 54px); line-height: 1; color: var(--acid); margin-bottom: 8px; }
h3 { font-family: 'Syne', 'Arial Black', sans-serif; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; font-size: 15px; margin: 22px 0 6px; }
p, li, address { font-size: 15px; line-height: 1.7; font-style: normal; }
ul { list-style: none; margin-top: 14px; display: grid; gap: 12px; }
li { padding-left: 22px; position: relative; }
li::before { content: "■"; position: absolute; left: 0; color: var(--acid); font-size: 12px; top: 3px; }
.box { background: var(--paper); color: var(--ink); padding: 16px 18px; transform: rotate(-.6deg); font-weight: 700; }
address { border-left: 3px solid var(--acid); padding-left: 16px; margin-top: 10px; }
@media (prefers-reduced-motion: reduce) { .ticker span { animation: none; } html { scroll-behavior: auto; } }