.rotate-button:hover background: rgba(0, 0, 0, 0.9); transform: scale(1.05);

setupEventListeners() // Toggle menu this.rotateBtn.addEventListener('click', (e) => e.stopPropagation(); this.rotationMenu.classList.toggle('active'); );

.rotation-menu.active display: flex;

document.body.appendChild(notification); setTimeout(() => notification.remove(), 2000);

showNotification(message) // Create temporary notification const notification = document.createElement('div'); notification.textContent = message; notification.style.cssText = position: fixed; bottom: 80px; right: 20px; background: rgba(0,0,0,0.8); color: white; padding: 8px 16px; border-radius: 4px; font-size: 14px; z-index: 10000; animation: fadeOut 2s forwards; ;

/* Optional: Add rotation animation */ .rotating animation: rotateEffect 0.3s ease;