/**
 * Stili per il Jumpscare
 */

#jumpscare-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #000;
  z-index: 999999;
  display: none;
  justify-content: center;
  align-items: center;
  cursor: none;
}

#jumpscare-overlay.active {
  display: flex;
}

#jumpscare-video,
#jumpscare-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Effetto shake per rendere più inquietante */
@keyframes shake {
  0%, 100% { transform: translate(0, 0) rotate(0deg); }
  10% { transform: translate(-10px, -10px) rotate(-2deg); }
  20% { transform: translate(10px, 10px) rotate(2deg); }
  30% { transform: translate(-10px, 10px) rotate(-1deg); }
  40% { transform: translate(10px, -10px) rotate(1deg); }
  50% { transform: translate(-5px, -5px) rotate(-2deg); }
  60% { transform: translate(5px, 5px) rotate(2deg); }
  70% { transform: translate(-5px, 5px) rotate(-1deg); }
  80% { transform: translate(5px, -5px) rotate(1deg); }
  90% { transform: translate(-2px, -2px) rotate(-0.5deg); }
}

#jumpscare-overlay.shake {
  animation: shake 0.5s;
  animation-iteration-count: 3;
}

/* Nascondi scrollbar durante il jumpscare */
body.jumpscare-active {
  overflow: hidden;
}