#enable-tilt {
  display: none; /* hidden by default */
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  background: #6c2bd9; /* purple */
  color: white;
  border: none;
  padding: 12px 20px;
  border-radius: 8px;
  font-size: 16px;
  cursor: pointer;
  z-index: 1000;
  white-space: nowrap; /* keep text on one line */
  animation: pulse 1.5s ease-in-out infinite;
  animation-delay: 2s; /* start pulsing after 2 seconds */
}

/* Show only on tablet + mobile */
@media (max-width: 991px) {
  #enable-tilt {
    display: block;
  }
}

/* Pulse animation */
@keyframes pulse {
  0% {
    transform: translateX(-50%) scale(1);
  }
  50% {
    transform: translateX(-50%) scale(1.1);
  }
  100% {
    transform: translateX(-50%) scale(1);
  }
}

#shader-bg {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: auto;
  width: 100%;
  height: 100% !important;
}