/* Retro effects — scoped exclusively to .retro-chrome elements */
/* DO NOT add scanlines, glow, or glitch to body, html, or any element selectors */

.retro-chrome {
  position: relative;
  overflow: hidden;
}

/* Scanlines overlay */
.retro-chrome::before {
  content: '';
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(
    0deg,
    transparent,
    transparent 2px,
    rgba(0, 0, 0, 0.15) 2px,
    rgba(0, 0, 0, 0.15) 4px
  );
  pointer-events: none;
  z-index: 1;
}

/* Amber glow overlay */
.retro-chrome::after {
  content: '';
  position: absolute;
  inset: 0;
  box-shadow: inset 0 0 40px rgba(255, 176, 0, 0.12);
  pointer-events: none;
  z-index: 2;
}

/* Glitch keyframe animation */
@keyframes rmn-glitch {
  0%   { transform: translate(0); }
  95%  { transform: translate(0); }
  96%  { transform: translate(-2px, 1px); }
  97%  { transform: translate(2px, -1px); }
  98%  { transform: translate(-1px, 0); }
  100% { transform: translate(0); }
}

/* Glitch class — apply to an element inside .retro-chrome */
.retro-chrome .glitch {
  animation: rmn-glitch 8s infinite;
}