/* @keyframes Shot {
    0% {
        left: 10%;
        top: 57%;
        opacity: 0;
        visibility: hidden;
    }
    1% {
        left: 10%;
        top: 57%;
        opacity: 1;
        visibility: visible;
    }
}
@keyframes localFight {
    0% {
        left: 90%;
        top: 55%;
    }
    30% {
        left: 10%;
        top: 57%;

    }
    40% {
        left: 10%;
        top: 57%; 
    }
} */

/* @keyframes Shot {
    0% {
        visibility: hidden;
        opacity: 0;
        top: 55%;
        left: 90%;

    }
    50% {
        top: 25%;
        left: -10%;
        visibility: hidden;
        opacity: 0;
    }
    58% {
        visibility: visible;
        opacity: 1;
    }
 
    60% {
        visibility: visible;
        opacity: 1;
        top: 55%;
        left: 10%;  
    }
     70% {
        top: 65%;
        left: 5%;
    }
    80% {
        top: 75%;
        left: 10%;
    }
    90% {
        top: 65%;
        left: 15%;
    }
    100% {
        top: 55%;
        left: 95%; 
    }
}
@keyframes localFight {
    0% {
        
        top: 55%;
        left: 90%;

    }
    50% {
        top: 25%;
        left: -10%;  

    }
    60% {
        top: 55%;
        left: 10%;  
    }
    65% {
        top: 55%;
        left: 10%;
    }
     70% {
        top: 65%;
        left: 5%;
    }
    80% {
        top: 75%;
        left: 10%;
    }
    90% {
        top: 65%;
        left: 15%;
    }
    100% {
        top: 55%;
        left: 95%; 
    }
}
@keyframes LokalBerk {
    0% {
        
        top: 45%;
        left: 85%;

    }
    50% {
        top: 25%;
        left: -13%;  

    }
    60% {
        top: 55%;
        left: 5%;  
    }
     70% {
        top: 60%;
        left: 10%;
    }
    80% {
        top: 70%;
        left: 10%;
    }
    90% {
        top: 65%;
        left: 20%;
    }
    100% {
        top: 55%;
        left: 90%; 
    }
} */
@keyframes LokalAster {
    0% {
        top: 1%;
        left: 99%;
        /* transform: scale(5) rotate(-60deg);   */
    }
    /* 80% {
        top: 75%;
        left: 5%; 
        
    } */
    90% {
        top: 95%;
        left: -45%; 
    }
    100% {
        top: 85%;
        left: -45%;
        transform: scale(200) rotate(-260deg);  
    }
}
@keyframes LokalAster2 {
    0% {
        top: 120%;
        left: 99%;
        
    }
   
    
    100% {
        top: 75%;
        left: -45%;
        transform: scale(45) rotate(-260deg);  
    }

}
.hide {
    opacity: 0;
    visibility: hidden;
}
@keyframes closeLink {
    0% {
        opacity: 1;
        visibility: visible;
    }
    100% {
        opacity: 0;
        visibility: hidden;
    }
}
.closeLink {
    animation: closeLink 0.5s ease-in-out 3.0s 1 alternate both;
}
@keyframes openLink {
    0% {
        opacity: 0;
        visibility: hidden;
    }
    100% {
        opacity: 1;
        visibility: visible;
    }
}
.openLink {
    animation: openLink 0.5s ease-in-out 1 alternate both; 
}

@keyframes showTooltip {
    0% {
        opacity: 0;
        visibility: hidden;
    }
    100% {
        opacity: 1;
        visibility: visible;
    }
}
.showTooltip {
    animation: showTooltip 0.3s ease-in-out 3.0s 1 alternate both;
}
/* ----------------------- Анимация подсказок */
@keyframes animTooltip {
    0% {
        opacity: 0;
        visibility: hidden;
    }
    100% {
        opacity: 1;
        visibility: visible;
    }
}
/* ---------------------- Анимация подсказок */