/* Effet Tube Cathodique (CRT) & Scanlines Rétro - Version Adoucie */
.crt-overlay {
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 99999;
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Opacité globale adoucie pour préserver la lisibilité */
body.crt-active .crt-overlay {
  opacity: 0.55;
}

/* Scanlines horizontales adoucies */
body.crt-active .crt-overlay::before {
  content: " ";
  display: block;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  background: linear-gradient(
    rgba(18, 16, 16, 0) 50%, 
    rgba(0, 0, 0, 0.14) 50%
  ), linear-gradient(
    90deg,
    rgba(255, 0, 0, 0.012),
    rgba(0, 255, 0, 0.006),
    rgba(0, 0, 255, 0.012)
  );
  z-index: 100000;
  background-size: 100% 4px, 6px 100%;
  pointer-events: none;
}

/* Vignettage très doux et diffus */
body.crt-active .crt-overlay::after {
  content: " ";
  display: block;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  background: radial-gradient(circle at center, transparent 75%, rgba(0, 0, 0, 0.35) 100%);
  pointer-events: none;
}

/* Lueur douce sur les textes rétro */
body.crt-active .retro-glow-cyan {
  text-shadow: 0 0 5px #00e5ff, 0 0 10px rgba(0, 229, 255, 0.4);
}

body.crt-active .retro-glow-orange {
  text-shadow: 0 0 5px #ff9600, 0 0 10px rgba(255, 150, 0, 0.4);
}

body.crt-active .retro-glow-magenta {
  text-shadow: 0 0 5px #d827fc, 0 0 10px rgba(216, 39, 252, 0.4);
}

/* Écran du cabinet d'arcade avec vitre bombée */
.arcade-screen {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.9), 0 0 20px rgba(0, 229, 255, 0.25);
}

.arcade-screen::after {
  content: "";
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 50%);
  pointer-events: none;
}