/* Battleship flywheel diagram — subtle motion, reduced-motion safe */

@keyframes battleship-flywheel-pulse {
  0%,
  100% {
    opacity: 0.55;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.15);
  }
}

@keyframes battleship-flywheel-flow {
  0% {
    stroke-dashoffset: 24;
    opacity: 0.35;
  }
  50% {
    opacity: 0.95;
  }
  100% {
    stroke-dashoffset: 0;
    opacity: 0.55;
  }
}

.battleship-flywheel__pulse {
  transform-origin: center;
  transform-box: fill-box;
  animation: battleship-flywheel-pulse 2.8s ease-in-out infinite;
}

.battleship-flywheel__flow {
  stroke-dasharray: 8 6;
  animation: battleship-flywheel-flow 3.2s ease-in-out infinite;
}

.battleship-flywheel__flow:nth-of-type(2) {
  animation-delay: 0.4s;
}

.battleship-flywheel__flow:nth-of-type(3) {
  animation-delay: 0.9s;
}

@media (prefers-reduced-motion: reduce) {
  .battleship-flywheel__pulse,
  .battleship-flywheel__flow {
    animation: none !important;
  }
}