@font-face {
  font-family: 'VT323'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('/fonts/vt323-latin-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Bebas Neue'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('/fonts/bebas-neue-latin-400-normal.woff2') format('woff2');
}

:root {
  --red: #e4202c; --blue: #1a4bd6; --yellow: #ffd21f; --ink: #0b0b1a; --paper: #fffbe8;
  --glow: 0 0 12px #ffd21f, 0 0 28px #ffd21f88;
  --font-osd: 'VT323', ui-monospace, 'Courier New', monospace;
  --font-title: 'Bebas Neue', Impact, 'Arial Narrow Bold', sans-serif;
}
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; background: #000; color: var(--paper); font-family: var(--font-osd); }
button { font: inherit; color: inherit; cursor: pointer; }
:focus-visible { outline: 3px solid var(--yellow); outline-offset: 2px; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } }