/* ===== ค้างคาวเมื่อคลิก/แตะ ===== */
.bat {
  position: fixed;
  z-index: 9999;
  pointer-events: none;
  user-select: none;
  transform-origin: center;
  will-change: transform, opacity;
}

/* ===== ผีน้อยลอยตามเมาส์ ===== */
.ghost {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9998;
  width: 100px; /* ขนาดผีน้อย */
  pointer-events: none;
  user-select: none;
  opacity: 0;
  transition: opacity 0.6s ease; /* ความเร็ว fade เข้า/ออก */
  will-change: transform, opacity;
}
.ghost.is-visible {
  opacity: 1;
}

/* ===== หางควันผีน้อย ===== */
.ghost-smoke {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9997; /* อยู่หลังตัวผีน้อย */
  pointer-events: none;
  border-radius: 50%;
  /* ขาวตรงกลาง ขอบเทาอ่อน ให้เห็นบนพื้นหลังสีอ่อนด้วย */
  background: radial-gradient(circle, rgba(255, 255, 255, 0.95) 0%, rgba(226, 232, 240, 0.7) 55%, rgba(203, 213, 225, 0) 100%);
  filter: blur(2px);
  will-change: transform, opacity;
}