/* Cero · estilos del personaje ASCII (campaña "¿Te nombró la IA?")
   Colores: los mismos de la marca. Lima = cuerpo y anillo; blanco = ojos,
   antena y satélite; rojo solo en la antena cuando está en alarma. */
.cero {
  margin: 0;
  white-space: pre;
  font-family: 'Space Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
  font-weight: 700;
  line-height: 1.08;
  font-size: 11px;           /* orbita normal: ~58 col × 33 filas ≈ 380 × 385 px */
  color: var(--lime, #b2f700);
  text-shadow: 0 0 10px rgba(178, 247, 0, .18);
  user-select: none;
  pointer-events: none;
}
.cero .m2, .cero .m5 { color: #ecebe4; text-shadow: 0 0 8px rgba(236, 235, 228, .35); }
.cero .m3 { color: #ecebe4; }
.cero .m4 { color: #ceff33; }
.cero .m9 { color: #4a4a44; text-shadow: none; }
.cero.is-alarma .m3 { color: #ff5a4e; text-shadow: 0 0 10px rgba(255, 90, 78, .6); }

.cero[data-cero-size="chico"] { font-size: 7px; }
.cero--plano { font-size: 14px; line-height: 1.12; }

@media (max-width: 600px) {
  .cero { font-size: 8px; }
  .cero[data-cero-size="chico"] { font-size: 6px; }
}