/* Click Spark Animation Styles */

.click-spark {
    position: fixed;
    width: 1.5px;
    height: 8px;
    background: #1a1a2e;
    border-radius: 1px;
    pointer-events: none;
    z-index: 9999;
    transform-origin: center center;
    animation: sparkAnimation 0.8s ease-out forwards;
    will-change: transform, opacity;
}

@keyframes sparkAnimation {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
    100% {
        transform: translate(
            calc(-50% + var(--offset-x)),
            calc(-50% + var(--offset-y))
        ) scale(0.3);
        opacity: 0;
    }
}