/* Character Sprite Component */
.asc-character-sprite {
    width: 192px;
    height: 192px;
    position: relative;
    image-rendering: pixelated;
    transform-origin: center !important;
}

.asc-character-sprite__container {
    position: relative;
    display: inline-block;
}

/* Character Class Variants */
.asc-character-sprite--warrior {
    /* Warrior-specific styling if needed */
}

.asc-character-sprite--archer {
    /* Archer-specific styling if needed */
}

.asc-character-sprite--pawn {
    /* Pawn-specific styling if needed */
}

/* Animation States */
.asc-character-sprite__animation {
    width: 100%;
    height: 100%;
}

/* Animation Effects */
@keyframes sprite-idle {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-3px);
    }
}

@keyframes sprite-attack {
    0% {
        transform: translateX(0);
    }
    25% {
        transform: translateX(-5px);
    }
    50% {
        transform: translateX(10px);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes sprite-damaged {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .asc-character-sprite {
        width: 144px;
        height: 144px;
    }
}

@media (max-width: 480px) {
    .asc-character-sprite {
        width: 120px;
        height: 120px;
    }
}