@keyframes ship-movement {
  0% {
    left: -50px;
    top: 60%;
  }
  30% {
    left: 50%;
    top: 40%;
  }
  100% {
    left: calc(100% + 50px);
    top: 30%;
    filter: drop-shadow(0 0 20px #00ffff);
  }
}

@keyframes ship-trail {
  0% {
    left: -80px;
    top: 60%;
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  30% {
    left: 45%;
    top: 42%;
  }
  100% {
    left: calc(100% + 20px);
    top: 32%;
    opacity: 0;
  }
}

@keyframes star-trail-1 {
  0% {
    left: -30px;
    top: 65%;
    opacity: 0;
    transform: scale(0);
  }
  25% {
    opacity: 1;
    transform: scale(1);
  }
  35% {
    left: 40%;
    top: 45%;
  }
  100% {
    left: calc(100% - 20px);
    top: 35%;
    opacity: 0;
    transform: scale(0);
  }
}

@keyframes star-trail-2 {
  0% {
    left: -20px;
    top: 70%;
    opacity: 0;
    transform: scale(0);
  }
  30% {
    opacity: 1;
    transform: scale(1);
  }
  40% {
    left: 35%;
    top: 50%;
  }
  100% {
    left: calc(100% - 40px);
    top: 40%;
    opacity: 0;
    transform: scale(0);
  }
}

@keyframes star-trail-3 {
  0% {
    left: -10px;
    top: 75%;
    opacity: 0;
    transform: scale(0);
  }
  35% {
    opacity: 1;
    transform: scale(1);
  }
  45% {
    left: 30%;
    top: 55%;
  }
  100% {
    left: calc(100% - 60px);
    top: 45%;
    opacity: 0;
    transform: scale(0);
  }
}

@keyframes text-flash {
  0% {
    opacity: 0.8;
    transform: scale(1);
  }
  30% {
    opacity: 1;
    transform: scale(1.02);
  }
  100% {
    opacity: 0.8;
    transform: scale(1);
  }
}