.delorean-slider, .delorean-slider:focus, .delorean-slider:active, .delorean-slider:hover, 
    .delorean-slider::-webkit-slider-thumb:focus, .delorean-slider::-webkit-slider-thumb:active, 
    .delorean-slider::-webkit-slider-thumb:hover { 
        outline: none !important; box-shadow: none !important; border: none !important; 
        background-color: transparent !important; -webkit-appearance: none !important; 
        appearance: none !important; -webkit-tap-highlight-color: transparent !important; 
    }
    .delorean-slider { -webkit-appearance: none; width: 100%; background: transparent; position: relative; z-index: 5; margin-bottom: 5px; }
    .delorean-slider::-webkit-slider-runnable-track { 
        width: 100%; height: 6px; border-radius: 3px; background: #1a252f; 
        box-shadow: inset 0 0 5px rgba(0,0,0,0.8); border: 1px solid #111; 
    }
    .delorean-slider::-webkit-slider-thumb { 
        -webkit-appearance: none !important; appearance: none !important; height: 45px; width: 105px; 
        background: url('/mutfak/ortak/img/delorean.png') no-repeat center; background-size: contain; 
        cursor: pointer; margin-top: -20px; border: none !important; 
        transition: transform 0.1s ease, filter 0.2s; filter: drop-shadow(0 0 8px rgba(31,155,238,0.5)); 
    }
    .delorean-slider.facing-left::-webkit-slider-thumb { transform: scaleX(-1); }
    .delorean-slider:active::-webkit-slider-thumb { 
        filter: drop-shadow(0 0 15px #fff) drop-shadow(0 0 30px #1F9BEE) drop-shadow(0 0 45px #f39c12); 
        animation: engineBlurFlow 0.1s infinite alternate; 
    }
    .delorean-slider.facing-left:active::-webkit-slider-thumb { animation: engineBlurFlowLeft 0.1s infinite alternate; }

    @keyframes engineBlurFlow { 
        0% { transform: translateY(0px) scale(1.05); filter: blur(0px) drop-shadow(0 0 15px #fff) drop-shadow(0 0 30px #1F9BEE); }
        100% { transform: translateY(-2px) scale(1.0); filter: blur(2px) drop-shadow(0 0 20px #fff) drop-shadow(0 0 35px #f39c12); } 
    }
    @keyframes engineBlurFlowLeft { 
        0% { transform: scaleX(-1) translateY(0px) scale(1.05); filter: blur(0px) drop-shadow(0 0 15px #fff) drop-shadow(0 0 30px #1F9BEE); }
        100% { transform: scaleX(-1) translateY(-2px) scale(1.0); filter: blur(2px) drop-shadow(0 0 20px #fff) drop-shadow(0 0 35px #f39c12); } 
    }

    .time-trail {
        position: absolute; width: 150px; height: 6px; border-radius: 4px; pointer-events: none;
        opacity: 0.95; z-index: 1; top: 22px; animation: flowBlurTrail 0.8s forwards;
    }

    @keyframes flowBlurTrail {
        0% { transform: scaleX(0.5); opacity: 1; filter: blur(3px); }
        10% { transform: scaleX(1.3); opacity: 1; filter: blur(8px); } 
        100% { transform: scaleX(0.1); opacity: 0; filter: blur(35px); }
    }

    .time-jump-anim { animation: flashJump 0.8s ease-out forwards; }
    @keyframes flashJump {
        0% { background-color: #12141a; }
        30% { background-color: #fff; box-shadow: 0 0 50px #1F9BEE inset; }
        100% { background-color: #12141a; }
    }
