/* --- GLITCH / BACKROOMS EFFECTS --- */
        body.is-inverted {
            filter: invert(1);
        }
        @keyframes glitch {
            2%, 64% { transform: translate(2px,0) skew(0deg); }
            4%, 60% { transform: translate(-2px,0) skew(0deg); }
            62% { transform: translate(0,0) skew(5deg); }
        }

        @keyframes glitchAnim1 {
            0% { clip: rect(20px, 9999px, 15px, 0); }
            20% { clip: rect(60px, 9999px, 70px, 0); }
            40% { clip: rect(20px, 9999px, 80px, 0); }
            60% { clip: rect(80px, 9999px, 20px, 0); }
            80% { clip: rect(10px, 9999px, 60px, 0); }
            100% { clip: rect(50px, 9999px, 30px, 0); }
        }

        /* Класс, который вешается на body при активации */
        .glitch-mode-active body {
            background: #000;
            overflow-y: scroll; /* Разрешаем скролл */
            align-items: flex-start;
            padding-top: 50px;
        }
        
        .glitch-mode-active .terminal {
            border: none;
            box-shadow: none;
            background: transparent;
            min-height: 4000px; /* ДЛИННАЯ СТРАНИЦА */
            position: relative;
        }

        .glitch-text {
            color: #fff;
            position: relative;
            animation: glitch 1s infinite linear alternate-reverse;
        }

        .backrooms-message {
            margin-top: 100px;
            font-size: 1.2em;
            text-align: center;
        }
        
        /* Эффект шума для текста */
        .glitch-text::before,
        .glitch-text::after {
            content: attr(data-text);
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        
        .glitch-text::before {
            left: 2px;
            text-shadow: -1px 0 red;
            clip: rect(24px, 550px, 90px, 0);
            animation: glitchAnim1 2.5s infinite linear alternate-reverse;
        }
        
        .glitch-text::after {
            left: -2px;
            text-shadow: -1px 0 blue;
            clip: rect(85px, 550px, 140px, 0);
            animation: glitchAnim1 2s infinite linear alternate-reverse;
        }

        .creepy-smile {
            position: absolute;
            bottom: 50px;
            left: 0;
            width: 100%;
            text-align: center;
            font-size: 40px;
            color: #333;
            transform: rotate(90deg);
        }