/* ===========================
     GLITCH ERROR MESSAGE
=========================== */
.error-line {
    max-width: 100%;
    margin: 0 auto 1rem;
    opacity: 0;
    transform: translateY(10px);
}

.error-line.show {
    animation: fadeIn 0.3s ease-out forwards;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}


/* White flash before shutdown */
@keyframes whiteFlash {
    0%, 100% { opacity: 0; }
    50% { opacity: 0.8; }
}

.white-flash {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: #A6A6A6;
    z-index: 9999;
    pointer-events: none;
    opacity: 0;
}

.white-flash.active {
    animation: whiteFlash 0.3s ease-out;
}