/* A fonte do jogo é a VCR OSD Neue, a mesma das telas de referência.
   Vem do próprio servidor (fontes/ -> client/assets/fontes/), então funciona
   offline e sem depender do Google Fonts. */

@font-face {
  font-family: "VCR OSD Neue";
  src: url("/assets/fontes/VCRosdNEUE.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
  --fonte-pixel: "VCR OSD Neue", "Courier New", monospace;
}

body {
  font-family: var(--fonte-pixel);
  color: var(--texto);
  letter-spacing: 0.04em;
  line-height: 1.6;
}

/* Contorno roxo + brilho neon: é o tratamento do logo na arte.
   Sobrou para títulos escritos em texto, já que o logo em si é imagem. */
.neon {
  color: var(--amarelo);
  text-shadow:
    3px 0 0 var(--roxo), -3px 0 0 var(--roxo),
    0 3px 0 var(--roxo), 0 -3px 0 var(--roxo),
    3px 3px 0 var(--roxo), -3px -3px 0 var(--roxo),
    3px -3px 0 var(--roxo), -3px 3px 0 var(--roxo),
    0 8px 0 rgba(0, 0, 0, 0.4),
    0 0 22px var(--verde-neon),
    0 0 44px rgba(57, 255, 20, 0.5);
}

.titulo-secao {
  font-size: clamp(0.95rem, 2.4vw, 1.5rem);
  text-transform: uppercase;
  letter-spacing: 0.2em;
  text-align: center;
  color: var(--branco);
  text-shadow: 0 3px 0 rgba(0, 0, 0, 0.45);
}

.rotulo {
  font-size: clamp(0.78rem, 1.7vw, 1rem);
  text-transform: uppercase;
  letter-spacing: 0.18em;
  opacity: 0.85;
}

.texto-miudo {
  font-size: clamp(0.7rem, 1.5vw, 0.9rem);
  line-height: 1.8;
}