@import url("https://fonts.googleapis.com/css2?family=VT323&display=swap");

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font: 16px/1.6 Arial, sans-serif; background: #000; color: #eaeae3; }
a { color: inherit; text-decoration: none; text-underline-offset: 5px; }
a:hover { text-decoration: underline; }
button { font: inherit; }
h1, h2, h3, p { margin: 0; }
h1, h2, h3 { line-height: 1.06; }
p { max-width: 62ch; }
img { display: block; width: 100%; height: auto; object-fit: cover; }
section { min-width: 0; }
a:focus-visible, button:focus-visible { outline: 3px solid var(--accent, #fff); outline-offset: 5px; }
::selection { background: var(--accent, #fff); color: var(--bg, #000); }
.skip { position: fixed; left: 20px; top: -80px; z-index: 150; padding: 12px; background: var(--fg, #eaeae3); color: var(--bg, #000); }
.skip:focus { top: 12px; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { animation: none !important; transition: none !important; }
}