.splash-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #000000;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    animation: fadeOut 0.5s ease-in-out 3.5s forwards; /* Zmizení po 3.5s */
}
.splash-screen img {
    width: 75vw; /* Minimálně 75% šířky okna */
    max-width: 75vh; /* Omezíme, aby respektovalo výšku okna */
    aspect-ratio: 1;  /* Zajistí poměr stran 1:1 */
    object-fit: contain; /* Zabrání deformaci obrázku */
    opacity: 0;
    animation: fadeIn 1s ease-in-out 0.5s forwards, glitch 0.5s ease-in-out 2.5s; /* Beze změny */
}

.splash-screen::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        to bottom,
        transparent 0%,
        rgba(255, 255, 255, 0.1) 50%,
        transparent 100%
    );
    background-size: 100% 4px; /* Horizontální pruhy */
    opacity: 0;
    animation: crtLines 0.5s ease-in-out 2.5s; /* Spustí se s glitchem */
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes glitch {
    0%, 100% { transform: translate(0, 0); opacity: 1; }
    20% { transform: translate(-2px, 2px); opacity: 0.8; }
    40% { transform: translate(2px, -2px); opacity: 0.6; }
    60% { transform: translate(-1px, 1px); opacity: 0.9; }
    80% { transform: translate(1px, -1px); opacity: 0.7; }
}

@keyframes crtLines {
    0% { opacity: 0; }
    50% { opacity: 0.3; }
    100% { opacity: 0; }
}