/* Spaceship styling */
.spaceship {
    width: 25px; /* Reduced size */
    height: 25px; /* Reduced size */
    font-size: 25px; /* Reduced size */
    color: #16343e; /* Color for the spaceship icon */
    z-index: 10;
    position: absolute;
}

.spaceship.left {
    transform: rotateY(180deg) !important; /* Rotate the spaceship when moving left */
}

/* Torpedo styling */
.torpedo {
    width: 5px; /* Smaller width */
    height: 5px; /* Smaller height */
    background: red;
    border-radius: 50%;
    z-index: 20;
}

/* Explosion animation */
@keyframes explode {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(3);
        opacity: 0;
    }
}

.explode {
    animation: explode 0.5s forwards;
    transform: none !important; /* Ensure no transformation is applied during explosion */
}