/* Sonic Aphelion Styles */

:root {
    /* Extending Vivayasa Theme */
    --sa-glow: var(--accent-primary);
    --sa-core: var(--accent-secondary);
    --sa-enemy: #ef4444;
    /* Red for danger, usually consistent */
    --sa-shield: var(--accent-primary);
}

.sonic-container {
    /* Ensuring container is strictly square for canvas */
    aspect-ratio: 1 / 1;
}

#gameCanvas {
    width: 100%;
    height: 100%;
    touch-action: none;
    /* Prevent scroll on mobile */
    cursor: pointer;
}

/* Animations */
@keyframes pulse-core {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 20px var(--sa-glow);
    }

    50% {
        transform: scale(1.05);
        box-shadow: 0 0 40px var(--sa-glow);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 20px var(--sa-glow);
    }
}

.hud-item {
    transition: all 0.2s;
}

/* Enhancements for Game Feel */
body.shake {
    animation: shake 0.3s 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);
    }
}