// Body since head is snca
<img src="https://soyjak.st/test/src/1776487317279a.png" id="target">
<script>

    const target = document.getElementById('target');
    const body = document.getElementById('body');
    let isScared = false;

    // Movement Logic
    document.addEventListener('mousemove', (e) => {
      if (isScared) return;

      const rect = target.getBoundingClientRect();
      const centerX = rect.left + rect.width / 2;
      const centerY = rect.top + rect.height / 2;
      const distance = Math.hypot(e.clientX - centerX, e.clientY - centerY);

      if (distance < 180) {
        const newX = Math.random() * (window.innerWidth - rect.width);
        const newY = Math.random() * (window.innerHeight - rect.height);
        const rotation = (Math.random() - 0.5) * 60;

        target.style.left = `${newX}px`;
        target.style.top = `${newY}px`;
        target.style.transform = `rotate(${rotation}deg)`;
      }
    });

    // Scare Logic
    target.addEventListener('mousedown', () => {
      isScared = true;
      body.classList.add('horror-mode');
      
      // Optional: Reset after 2 seconds to let them breathe
      setTimeout(() => {
        body.classList.remove('horror-mode');
        isScared = false;
        target.style.transform = `scale(1) rotate(0deg)`;
      }, 2000);
    });