/* === HANYA STYLING UNTUK ELEMEN PETIR DAN HUJAN (BACKGROUND BODY AMAN) === */
#rain-canvas,
#lightning-canvas {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

#rain-canvas {
  z-index: 2; /* Nilai z-index diperkecil agar di belakang konten utama */
  /* Hujan dikasih efek kabut tipis biar atmosfer horror-nya dapet */
  filter: drop-shadow(0 0 1px rgba(255,255,255,0.2)) blur(0.3px);
}

#lightning-canvas {
  z-index: 4; /* Nilai z-index diperkecil agar di belakang konten utama, di atas kilatan */
}

#lightning-flash {
  position: fixed;
  inset: 0;
  background: #e6f2ff; /* Warna dasar kilatan putih pucat */
  opacity: 0;
  pointer-events: none;
  z-index: 3; /* Nilai z-index diperkecil agar di belakang konten utama, di atas hujan */
}