/* AFTER DWN - System Log Effect */

.sys-log {
    position: fixed;
    bottom: 10px;
    left: 10px;
    font-family: monospace;
    font-size: 0.7rem;
    color: var(--signal-red);
    opacity: 0.8;
    z-index: 1000;
    text-transform: uppercase;
    letter-spacing: 1px;
    pointer-events: none;
    text-shadow: 0 0 5px rgba(232, 42, 42, 0.5);
}

.sys-log-content {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    animation: typewriter 4s steps(40) 1s 1 normal both,
               blinkCursor 0.8s step-end infinite;
    border-right: 2px solid var(--signal-red);
}

@keyframes typewriter {
    from {
        width: 0;
    }
    to {
        width: 280px;
    }
}

@keyframes blinkCursor {
    from, to {
        border-color: transparent;
    }
    50% {
        border-color: var(--signal-red);
    }
}

.sys-log-entry {
    animation: fadeIn 0.5s ease-out forwards, glitchText 5s infinite;
    opacity: 0;
}

.sys-log-entry:nth-child(2) {
    animation-delay: 4s;
}

.sys-log-entry:nth-child(3) {
    animation-delay: 6s;
}

@keyframes glitchText {
    0%, 94%, 96%, 98%, 100% {
        opacity: 1;
        transform: translateX(0);
    }
    95% {
        opacity: 0.8;
        transform: translateX(2px);
    }
    97% {
        opacity: 0.9;
        transform: translateX(-2px);
    }
    99% {
        opacity: 0.7;
        transform: translateX(1px);
    }
}