/* Component: ship art additions (lane UI-V): the guards' escort boat, and cargo leaving the ship at sea
   (delivered boxes fade out; lost boxes drop with a calm splash: opacity and a small drop, never red). */

.ship-escort__badge {
  font-size: 5.6px;
}

.ship-slot.is-leaving {
  animation: ship-box-leave 600ms var(--ease) forwards;
}

.ship-slot.is-lost {
  animation: ship-box-splash 700ms var(--ease) forwards;
}

@keyframes ship-box-leave {
  to {
    opacity: 0;
  }
}

@keyframes ship-box-splash {
  60% {
    opacity: 0.6;
    transform: translateY(18px);
  }
  to {
    opacity: 0;
    transform: translateY(26px);
  }
}

.ship-splash {
  animation: ship-splash-ring 700ms var(--ease) forwards;
  transform-box: fill-box;
  transform-origin: center;
}

@keyframes ship-splash-ring {
  from {
    opacity: 0.9;
    transform: scale(0.4);
  }
  to {
    opacity: 0;
    transform: scale(1.6);
  }
}