/* Fuel gauge animation */
@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

@keyframes low-fuel {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}

.pulse-animation {
    animation: pulse 0.5s infinite;
}

.low-fuel {
    animation: low-fuel 1s infinite;
}
/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #1a202c;
}

::-webkit-scrollbar-thumb {
    background: #4fd1c5;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #38b2ac;
}

/* Responsive adjustments */
@media (max-width: 640px) {
    #time-display {
        font-size: 2rem;
    }
    
    .timer-controls button {
        padding: 0.5rem 1rem;
        font-size: 0.875rem;
    }
}