/* Hlavní trik: Rolující pruh + jemné linky (Scanlines) */
.monitor-content::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 350%;
  /* top: 0; left: 0; bottom: 0; right: 0; */
  background: 
    /* 1. Jemné statické scanlines (linky) */
    linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%) repeat, 
    /* 2. Světlejší podbarvení */
    linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06)) repeat;
  
  background-size: 100% 4px, 6px 100%; /* Velikost linek */
  z-index: 2;
  pointer-events: none; /* Aby šlo klikat na prvky pod tím */
  
  /* Přidáme jemné blikání staré obrazovky */
  animation: crt-flicker 0.15s infinite;
  overflow: auto;
}

/* 3. Rolující interference (pruh projíždějící shora dolů) */
.monitor-content::after {
  content: " ";
  display: block;
  /* position: fixed; */
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 350%;
  /* top: 0; left: 0; bottom: 0; right: 0; */
  background: linear-gradient(
    rgba(18, 16, 16, 0) 0%, 
    rgba(18, 16, 16, 0) 10%, 
    rgba(255, 255, 255, 0.1) 15%, /* Světlá část jedoucího pruhu */
    rgba(0, 0, 0, 0.2) 18%,       /* Tmavý stín za ním */
    rgba(18, 16, 16, 0) 22%, 
    rgba(18, 16, 16, 0) 100%
  );
  background-size: 100% 1000px; /* Výška cyklu pruhu */
  z-index: 3;
  pointer-events: none;
  
  /* Animace posunu pruhu shora dolů */
  animation: screen-roll 6s linear infinite;
  overflow: auto;
}

/* Obsah pod efektem */
.monitor-content {
  
  color: #33ff33; /* Neonově zelená */
  font-family: 'Courier New', Courier, monospace;
  text-shadow: 0 0 4px rgba(51, 255, 51, 0.55); /* Fosforová zář */
}

/* DEFINICE ANIMACÍ */

/* Pohyb velkého pruhu shora dolů */
@keyframes screen-roll {
  0% { background-position: 0 0; }
  100% { background-position: 0 -1000px; }
}

/* Jemné retro blikání jasu */
@keyframes crt-flicker {
  0% { opacity: 0.98; }
  50% { opacity: 1; }
  100% { opacity: 0.99; }
}