/* Neon Pong Styles */

:root {
    --np-glow: var(--accent-primary);
    --np-player: var(--accent-primary);
    --np-ai: #ef4444;
    /* Red for AI */
    --np-ball: #fff;
}

[data-theme="dark"] {
    --np-ai: #fb7185;
    /* Light Rose for Dark Mode validity */
}

.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);
    }
}