/soy/ - Soyjaks

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);
});