/* Custom CSS for Quantum Ballistics */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom Animations */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes pulse-glow {
    0%, 100% { box-shadow: 0 0 20px rgba(59, 130, 246, 0.5); }
    50% { box-shadow: 0 0 40px rgba(59, 130, 246, 0.8); }
}

@keyframes trajectory-trail {
    0% { stroke-dasharray: 5, 5; stroke-dashoffset: 10; }
    100% { stroke-dasharray: 5, 5; stroke-dashoffset: 0; }
}

/* Custom Components */
.animate-fade-in {
    animation: fadeIn 0.6s ease-out forwards;
}

.pulse-glow {
    animation: pulse-glow 2s infinite;
}

.trajectory-dashed {
    animation: trajectory-trail 2s linear infinite;
}

/* Range Slider Styling */
input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    height: 6px;
    background