/* Tokens herdados do IEM Arcade (iem-arcade/ESTETICA.md). Fontes servidas daqui,
   sem Google Fonts: o telão pode rodar do pendrive. Press Start 2P só tem ASCII,
   então ela fica nos rótulos sem acento e todo nome de pessoa vai em Chakra Petch. */
@font-face { font-family: 'Press Start 2P'; font-weight: 400; font-display: swap;
  src: url('../fonts/PressStart2P-400.woff2') format('woff2'); }
@font-face { font-family: 'Chakra Petch'; font-weight: 500; font-display: swap;
  src: url('../fonts/ChakraPetch-500.woff2') format('woff2'); }
@font-face { font-family: 'Chakra Petch'; font-weight: 700; font-display: swap;
  src: url('../fonts/ChakraPetch-700.woff2') format('woff2'); }

:root {
  --void: #07060d;
  --void-2: #110f1f;
  --void-3: #1b1830;
  --tinta: #f3f1ff;
  --tinta-2: #a9a4c7;
  --rosa: 255 46 136;
  --ciano: 37 239 228;
  --ambar: 255 197 61;
  --verde: 80 250 123;
  --px: 'Press Start 2P', ui-monospace, monospace;
  --sans: 'Chakra Petch', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
[hidden] { display: none !important; }
html, body { background: var(--void); color: var(--tinta); font-family: var(--sans); }
body { min-height: 100vh; -webkit-font-smoothing: antialiased; }

.px { font-family: var(--px); letter-spacing: .04em; line-height: 1.5; }
.neon-rosa { color: rgb(var(--rosa)); text-shadow: 0 0 .5em rgb(var(--rosa) / .7); }
.neon-ciano { color: rgb(var(--ciano)); text-shadow: 0 0 .5em rgb(var(--ciano) / .7); }
.neon-ambar { color: rgb(var(--ambar)); text-shadow: 0 0 .5em rgb(var(--ambar) / .6); }

/* scanlines de CRT, bem de leve */
.crt::after {
  content: ''; position: fixed; inset: 0; pointer-events: none; z-index: 50;
  background: repeating-linear-gradient(0deg, rgb(0 0 0 / .18) 0 1px, transparent 1px 3px);
}