@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');

/* ===== POSSE — VHS / ANNI '80 BRUTALE ===== */

/* Tinta seppia/giallognola VHS su TUTTO (UI + immagini): filtro sulla root */
html {
  filter: sepia(0.62) saturate(1.55) contrast(1.08) brightness(1.02) hue-rotate(-7deg) !important;
  background: #0d0a02 !important;
}

/* Font da terminale anni '80 su chrome, nomi, bottoni, titoli */
button, input, textarea, .name, ._title, h1, h2, h3,
._button, ._buttonPrimary, .mk-header, [class*="header"] {
  font-family: 'VT323', 'Courier New', monospace !important;
  letter-spacing: 0.6px !important;
}

/* Aberrazione cromatica VHS su nomi e titoli */
.name, h1, h2 {
  text-shadow: -1.5px 0 rgba(255,40,90,.55), 1.5px 0 rgba(40,200,255,.55) !important;
}

/* Accento ambra sui link */
a, [class*="url"], ._link { color: #f0c040 !important; }

/* ===== Overlay: scanline + vignetta CRT ===== */
body::before {
  content: "";
  position: fixed; inset: 0; z-index: 2147483646; pointer-events: none;
  background:
    repeating-linear-gradient(0deg,
      rgba(0,0,0,0.22) 0px, rgba(0,0,0,0.22) 1px,
      transparent 1px, transparent 3px),
    radial-gradient(ellipse at center, transparent 52%, rgba(0,0,0,0.6) 100%);
  opacity: 0.85;
  animation: vhs-flicker 4s steps(40) infinite;
}
@keyframes vhs-flicker {
  0%,100% { opacity: 0.83; }
  49% { opacity: 0.86; }
  50% { opacity: 0.72; }
  51% { opacity: 0.86; }
}

/* ===== OSD da videocamera (PLAY / REC) ===== */
body::after {
  content: "\25B6  PLAY        SP        \25CF REC";
  position: fixed; top: 16px; left: 20px;
  z-index: 2147483647; pointer-events: none;
  font-family: 'VT323', monospace; font-size: 30px;
  color: #fff; letter-spacing: 3px;
  text-shadow: 2px 2px 0 #000, 0 0 10px rgba(255,255,255,.5);
}