---

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Защищенное соединение...</title>
    <style>
        body {
            background-color: #f9f9f9;
            color: #333;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100vh;
            margin: 0;
            overflow: hidden;
            user-select: none;
        }

        /* reCAPTCHA Приманка */
        #bait-screen {
            background: #ffffff;
            border: 1px solid #d3d3d3;
            border-radius: 3px;
            width: 302px;
            height: 76px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 10px 0 14px;
            box-shadow: 0 1px 3px rgba(0,0,0,0.08);
            box-sizing: border-box;
            cursor: pointer;
            z-index: 10000;
        }
        .captcha-left { display: flex; align-items: center; }
        .checkbox { width: 24px; height: 24px; border: 2px solid #c1c1c1; border-radius: 2px; margin-right: 12px; }
        .captcha-text { font-size: 14px; color: #222; }
        .captcha-right { display: flex; flex-direction: column; align-items: center; width: 60px; }
        .captcha-logo { width: 32px; height: 32px; background: url('https://gstatic.com') no-repeat; background-size: contain; }
        .captcha-brand-text { font-size: 8px; color: #555; margin-top: 2px; }
        .captcha-links { font-size: 7px; color: #9b9b9b; }

        /* Главный экран взлома */
        #hack-screen {
            display: none;
            width: 100vw;
            height: 100vh;
            position: relative;
            background-color: #000088;
        }

        /* Бешеное мигание синий/красный */
        .flash-active {
            animation: strobe 0.15s infinite;
        }
        @keyframes strobe {
            0% { background-color: #000088; }
            50% { background-color: #aa0000; }
            100% { background-color: #000088; }
        }

        /* Настройки ASCII Черепа */
        .skull {
            font-size: 10px;
            white-space: pre;
            line-height: 1.1;
            color: #ff3333;
            position: absolute;
            text-shadow: 0 0 15px #ff0000;
            pointer-events: none;
            z-index: 999;
            font-family: 'Courier New', monospace;
            font-weight: bold;
            margin: 0;
            padding: 0;
        }

        /* Окно по центру */
        .ui-container {
            position: absolute;
            top: 40%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            z-index: 1000;
            background: rgba(0, 0, 0, 0.85);
            padding: 30px;
            border: 3px double red;
            color: #fff;
            font-family: 'Courier New', monospace;
            box-shadow: 0 0 30px rgba(255,0,0,0.5);
        }
        .msg { font-size: 36px; font-weight: bold; color: red; margin-bottom: 10px; }
        #progress { font-size: 18px; color: #ff3333; font-weight: bold; }

        /* Окна ошибок Windows 7 */
        .win7-error {
            position: absolute;
            width: 320px;
            background: #f0f0f0;
            border: 1px solid #707070;
            box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
            font-family: 'Segoe UI', Arial, sans-serif;
            z-index: 100;
            color: #000;
            border-radius: 4px;
            overflow: hidden;
        }
        .win7-header {
            background: linear-gradient(to bottom, #abc7ec, #719cd2);
            color: #fff;
            padding: 5px 10px;
            font-size: 12px;
            font-weight: bold;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .win7-body {
            padding: 15px;
            font-size: 13px;
            display: flex;
            align-items: center;
            background: #f0f0f0;
        }
        .win7-icon {
            color: red;
            font-size: 20px;
            font-weight: bold;
            margin-right: 15px;
            border: 2px solid red;
            border-radius: 50%;
            width: 26px;
            height: 26px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }
        .win7-btn {
            background: #e1e1e1;
            border: 1px solid #adadad;
            padding: 5px 20px;
            font-size: 12px;
            margin: 0 auto 10px auto;
            display: block;
            cursor: pointer;
        }
    </style>
</head>
<body>

    <!-- ЭКРАН-ПРИМАНКА -->
    <div id="bait-screen" onclick="startPrank()">
        <div class="captcha-left">
            <div class="checkbox"></div>
            <div class="captcha-text">Я не робот</div>
        </div>
        <div class="captcha-right">
            <div class="captcha-logo"></div>
            <div class="captcha-brand-text">reCAPTCHA</div>
            <div class="captcha-links">Конфиденциальность</div>
        </div>
    </div>

    <!-- ЭКРАН ВЗЛОМА -->
    <div id="hack-screen">
        <div class="ui-container">
            <div class="msg">M O R I A R T Y</div>
            <div id="progress">A:\> CRITICAL_SYSTEM_ERROR...</div>
        </div>
        
        <!-- Сюда вставится исправленный череп -->
        <pre class="skull" id="moving-skull"></pre>
    </div>

    <!-- ЗВУКОВЫЕ ПЛЕЕРЫ -->
    <audio id="audio-quiet" src="quiet.mp3"></audio>
    <audio id="audio-noise" src="background_noise.mp3" loop></audio>
    <audio id="audio-moriarty" src="moriarty.mp3"></audio>

    <script>
        // Исправленный и очищенный массив строк черепа
        const lines = [
            "              uu$$$$$$$$$$$$uu",
            "          uu$$$$$$$$$$$$$$$$$$$$uu",
            "         u$$$$$$$$$$$$$$$$$$$$$$$$u",
            "        u$$$$$$$$$$$$$$$$$$$$$$$$$$u",
            "        u$$$$$$$$$$$$$$$$$$$$$$$$$$u",
            "        u$$$$$$ ***** ***** $$$$$$u",
            "        *$$$$$*          u$u          $$$$$*",
            "        $$$$u          u$u          u$$$$",
            "         $$$u          u$$$u          u$$$",
            "          *$$$$uu$$$   $$$uu$$$$*",
            "           *$$$$$$$*     *$$$$$$$*",
            "             u$$$$$$$u$$$$$$$u",
            "              u* u* u* u* u* u*",
            "     uuu      $$u$ $ $ $ $u$$      uuu",
            "    u$$$$     $$$$$u$u$u$$$$$     u$$$$",
            "     $$$$$uu    *$$$$$$$$$*    uu$$$$$",
            "   u$$$$$$$$$$$uu  *****  uu$$$$$$$$$$$",
            "   $$$$***$$$$$$$$$uuu   uu$$$$$$$$$***$$$$",
            "    ***      **$$$$$$$$$$$uu *****",
            "          uuuu **$$$$$$$$$$$$uuuu",
            "   u$$$uuuu$$$$$$$$$uu **$$$$$$$$$$$$uuu$$$",
            "   $$$$$$$$$$$$****          **$$$$$$$$$$$$",
            "     *$$$$$*                          *$$$$$*",
            "       $$$*        PRESS ANY KEY!        $$$*"
        ];
        document.getElementById('moving-skull').textContent = lines.join('\n');

        let posX = 30, posY = 30;
        let speedX = 6, speedY = 5;
        const skull = document.getElementById('moving-skull');

        function moveSkull() {
            const maxX = window.innerWidth - skull.clientWidth;
            const maxY = window.innerHeight - skull.clientHeight;
            posX += speedX; posY += speedY;
            if (posX >= maxX || posX <= 0) speedX = -speedX;
            if (posY >= maxY || posY <= 0) speedY = -speedY;
            skull.style.left = posX + 'px';
            skull.style.top = posY + 'px';
            requestAnimationFrame(moveSkull);
        }

        function spawnWin7Error() {
            const errorDiv = document.createElement('div');
            errorDiv.className = 'win7-error';
            errorDiv.style.left = Math.random() * (window.innerWidth - 320) + 'px';
            errorDiv.style.top = Math.random() * (window.innerHeight - 150) + 'px';
            
            errorDiv.innerHTML = `
                <div class="win7-header">
                    <span>Система безопасности Windows</span>
                    <span style="cursor:pointer;" onclick="this.parentElement.parentElement.remove()">X</span>
                </div>
                <div class="win7-body">
                    <div class="win7-icon">X</div>
                    <div><b>Ошибка 0x0000007B:</b><br>Файлы ядра повреждены. Обнаружен вирус MORIARTY.</div>
                </div>
                <button class="win7-btn" onclick="this.parentElement.remove()">ОК</button>
            `;
            document.getElementById('hack-screen').appendChild(errorDiv);
        }

        function startPrank() {
            // Полноэкранный режим
            if (document.documentElement.requestFullscreen) {
                document.documentElement.requestFullscreen();
            } else if (document.documentElement.webkitRequestFullscreen) {
                document.documentElement.webkitRequestFullscreen();
            }

            // ЗВУК 1: Шепот
            const quiet = document.getElementById('audio-quiet');
            quiet.volume = 0.2;
            quiet.play().catch(e => console.log("Звук 1 заблокирован:", e));

            // ЧЕРЕЗ 3 СЕКУНДЫ — ЖЕСТЬ
            setTimeout(() => {
                quiet.pause(); 

                document.getElementById('bait-screen').style.display = 'none';
                const hackScreen = document.getElementById('hack-screen');
                hackScreen.style.display = 'block';
                hackScreen.classList.add('flash-active');

                // ЗВУК 2: Шум