/* css/crt.css */

/* scanlines overlay */
#terminal {
  position: relative;
  text-shadow: 0 0 6px rgba(0,255,120,0.25);
}

#terminal::before {
  content: "";
  pointer-events: none;
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(
    to bottom,
    rgba(255,255,255,0.03),
    rgba(255,255,255,0.03) 1px,
    rgba(0,0,0,0.00) 3px,
    rgba(0,0,0,0.00) 4px
  );
  mix-blend-mode: overlay;
  opacity: 0.25;
}

/* flicker pulse class */
.crt-flicker {
  animation: crtFlicker 120ms linear 1;
}

@keyframes crtFlicker {
  0%   { opacity: 1; filter: contrast(1); }
  30%  { opacity: 0.85; filter: contrast(1.2); }
  60%  { opacity: 0.95; filter: contrast(1.05); }
  100% { opacity: 1; filter: contrast(1); }
}