/* Neon Pong Styles */

:root {
    /* Vibrant Neon Palette */
    --np-glow: #00ff00;
    --np-player: #00ff00;
    /* Neon Cyan */
    --np-ai: #ff0000;
    /* Neon Red */
    --np-ball: #cccccc;
    /* Grey */
}

[data-theme="dark"] {
    --np-player: #00ff00;
    --np-ai: #ff0000;
}

/* .pong-container {
    Mobile responsive sizing
} */

#gameCanvas {
    /* Touch optimization */
    touch-action: none;
    cursor: none;
    /* Hide cursor over game area */
}

/* Glow effects */
.glow-effect {
    box-shadow: 0 0 15px var(--np-glow);
}

/* Shake Animation */
body.shake {
    animation: shake 0.2s cubic-bezier(.36, .07, .19, .97) both;
}

@keyframes shake {

    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%,
    80% {
        transform: translate3d(2px, 0, 0);
    }

    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%,
    60% {
        transform: translate3d(4px, 0, 0);
    }
}