body.crt::before {
  content: "";
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: linear-gradient(rgba(18,16,16,0) 50%, rgba(0,0,0,0.25) 50%),
              linear-gradient(90deg, rgba(255,0,0,0.06),
                                   rgba(0,255,0,0.02),
                                   rgba(0,0,255,0.06));
  background-size: 100% 2px, 3px 100%;
  pointer-events: none;
  z-index: 0;
}

body.crt::after {
  content: "";
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(18,16,16,0.1);
  animation: flicker 1.2s infinite ease-in-out; /* slowed + smoothed */
  pointer-events: none;
  z-index: -1;
}

@keyframes flicker {
  0%   { opacity: 0.28; }
  20%  { opacity: 0.34; }
  40%  { opacity: 0.23; }
  60%  { opacity: 0.18; }
  80%  { opacity: 0.30; }
  100% { opacity: 0.26; }
}