/**
 * Rocket Animation Styles
 * CSS for rocket launch back-to-top animation feature
 * 
 * Validates: Requirements 6, 8
 */

/* Launching state for back-to-top button (Requirement 8.4) */
@keyframes rocket-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(0, 245, 212, 0.4); }
  70%  { box-shadow: 0 0 0 10px rgba(0, 245, 212, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 245, 212, 0); }
}

.back-to-top.launching {
  pointer-events: none;
  opacity: 0.5;
  cursor: default;
  animation: rocket-pulse 0.8s ease-out infinite;
}

/* Sound toggle button — hidden (sound feature disabled) */
#rocket-sound-toggle {
  display: none;
}

/* Canvas element styling (Requirement 6) */
#rocket-launch-canvas {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  pointer-events: none;
  will-change: transform;
}

/* Responsive adjustments for mobile */
@media (max-width: 768px) {
  /* No sound toggle to adjust */
}

/* Reduced motion support (Requirement 10.2, 10.3) */
@media (prefers-reduced-motion: reduce) {
  .rocket-sound-toggle {
    transition: none;
  }
  
  .rocket-sound-toggle:hover {
    transform: none;
  }
  
  .rocket-sound-toggle:active {
    transform: none;
  }
}