<!--

Тут нет ничего интересного.
Тут нет рекламы или трекеров активности.
Тут нет потайного смысла, или какого-то глубинного посыла.

Это просто HTML-страничка со взрывающися котом.
Чего вам ещё надо для счастья-то?

▓▓█████████▓▓▓▓▓▓▓▓▓▓▓▒▒▒░░░▒▒░░░░░░░░░░▒░░░░▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
▓▓▓▓███████▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒░░▒▒░░░░░░░░░░▒▒░░░▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓
▓▓▓▓▓███▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒░░░▒▒░░░░▒▒▒░░▒▒░░░▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓
▓▓▓▓▓███▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒░░░▒▒▒░░░▒▒▒▒▒▒▒░░░▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒
▓▓▓▓▓▓▓▓▒▒▒▒▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒░░▒▒▒▒▒▒▒▒▒▒▒▒▒▒░▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓
▓▓▓▓▓▓▓▒▒▓▓▒▒▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▒▒▒▒▓▓
▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▓▒▒▒▒▒▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▒▒▓▓▓▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▓▒▒▒▓▓▓▓▓▓█████▓▓▒▒▓▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▓▓▓▒▒▒▒▓▓▒▒▓▓▓▓▓███████▓▒▓▓▒▒▒▒▓▓▓▒▒▒▓▓▓▓▓▓▓▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▓▓▓▓▓▒▒▒▓▓▓▓▓▓▓█████████▓▓▓▓▓▒▓▓▓▓▓▒▒▒▓▓▓▓▓▓▓▓
▓▓▓██▓▓▓▓▒▒▒▓▓▓▓▒▓▓▓▓▓▓▓▒▒▒▒▒▒▓███████████▓▒▒▒▒▒▒▓▓▓▓▓▒▒▓▓▓▓▓▓▓▓
▓▓██▓▓▓▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▒▒░░▒▒▒▒▓█████████▓▒▒▒▒░░▒▒▒▒▒▓▒▒▓▓▓▒▒▒▒▓
▓▓▓▓▓▓▓▒▒▒▒▒▒▒▓▒▒▒▒▒▒▓▓▓▒░░░▒▒▒▒▓███████▓▓▒▒▒░░░▒▓▓▒▒▒▒▒▒▒▒▒▒▒▓▒
▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒░░▒▒▓▓▓▓▓▒▓▓▓▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▓▓▓▓▒▒▒▒▒▒▒▒▒▒▓▓▓
▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓█████▓▓▓▓▓▓▓▓▓▓████████▓▓▓▒▒▒▒▒▒▒▒▒▓▓▓
▓▓▒▒▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▒▒▓▓███████▓▓▓▓▓▓▓▓▓████████▓▓▓▓▒▒▒▒▒▒▒▒▒▓▓
▓▓▒▒▒▒▒▒▒▒▒▒▒▒▓▓▒▒▒▒▒▒▓▓▓████▓▓▓▓▒▒▒▒▓▒▒▓▓▓▓███▓▓▓▓▓▓▒▒▓▓▓▒▒▒▒▒▓
▓▓▓▓▒▒▒▒▒▒▒▒▒▓▓▓▓▓▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒░▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▓
▓▓▓▓▒▒▓▓▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▓
▓▓▓▒▒▓▓▓▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▓
▓▓▒▓▓▓▓▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓███▓▓▓▓▓▓▓▓▓▓
▓▓▒▓▓▓▓▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓██████▓▓▓▓▓▓▓▓▓▓
▓▓▓▓▓▓▓▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓██████████▓▓▓▓▓▓▓▓▓▓
▒▓▓▓▓▓▓▒▒▒▓▓██▓▓▓▓▓▓▓▓▓▓▓██████▓▓▓▓▓▓▓▓▓▓████████████▓▓▓▓▓▓▓▓▓▓▓
▓▓▓▓▓▒▒▒▒▓▓█████▓▓▓▓▓▓▓▓▓▓▓█████████████████████▓▓▓▓▓▓▓▓▓▓▓███▓▓
▒▒▒▒▒▒▒▒▓▓███████▓▓▓▓▓▓▓▓▓▓▓▓██████████████▓▓▓▓▓▓▓▓▓▓▓▓▓███████▓
▒▒▒▒▒▒▒▒▓▓████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓███████▓
▒▒▒▒▒▒▒▓▓█████████▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓███████▓
▒▒▒▒▒▒▒▓▓█████▓▓▓█▓▓▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓██████▓
▒▒▒▒▒▒▒▓▓████▓▓▓▓▓▓▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▓▓▓▓▓█████▓
▒▒▒▒▒▒▒▓▓███▓▓▓▓▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▓▓▓█████▓▓
▒▒░░░▒▓▓▓▓▓▓▓▓▒▒▒░░▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▓▓▓█████▓▓
▒▒▒▒▒▓▓▓▓▓▒▒▒▒▒▒▒▒░░░▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▓▓▓█████▓▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒▓▓▓▓████▓▓
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓
-->
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>gatitogames.ru</title>
    <style>
        * {
            -webkit-tap-highlight-color: transparent;
        }

        body {
            background-color: #c2b2a5;
            color: #1b120b;
            margin: 0 auto;
            max-width: 480px;
            padding: 48px;
            text-align: center;
            font-family: Roboto, Arial, sans;
        }

        #cat {
            width: 240px;
            height: 240px;
            background: url("/img/cat.png");
            background-size: 240px 240px;
            box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.1);
        }

        #download,
        button {
            background: #1b120b;
            color: #FFF;
            border: none;
            border-radius: 8px;
            font-size: 24px;
            margin: 0;
            padding: 8px 24px;
            width: 80px;
            cursor: pointer;
        }

        footer {
            margin-top: 32px;
            opacity: 0.8;
            font-size: 0.8em;
        }

        footer p {
            margin: 0.8em 0;
        }

        a:link, a:visited {
            color: #1b120b;
        }

        #badbutton {
            position:relative;
            z-index: 99;
        }

        .s0hide {
            transition: opacity 4s;
        }

        #s0 .s0hide, #s2 .s2hide {
            opacity: 0;
        }

        #s0 .s1hide,
        #s1 .s1hide,
        #s2 .s2hidef {
            display: none;
        }

        .headliner {
            font-size: 0.9em;
            opacity: 0.9;
        }

        @keyframes dl2 {
            0%,
            100% {
                transform: scale(1);
            }

            25% {
                transform: scale(0.8, 1.2);
            }

            50% {
                transform: scale(1.6);
            }

            75% {
                transform: scale(1.2, 0.8);
            }
        }

        @keyframes shake {
            0%,
            100% {
                transform: translate(0, 0);
            }

            25% {
                transform: translate(10px, 10px);
            }
            50% {
                transform: translate(-10px, 10px);
            }
            75% {
                transform: translate(10px, -10px);
            }
        }

        @keyframes dl1 {
            0%,
            100% {
                transform: rotate(0deg);
                transform-origin: 50% 50%;
                color: #E57373;
                box-shadow: 0px 4px 16px 0px #E57373;
            }

            10% {
                transform: rotate(2deg);
                color: #FFB74D;
                box-shadow: 0px 4px 16px 0px #FFB74D;
            }

            20%,
            40%,
            60% {
                transform: rotate(-3deg);
                color: #FFF176;
                box-shadow: 0px 4px 32px 0px #FFF176;
            }

            30%,
            50%,
            70% {
                transform: rotate(3deg);
                color: #9CCC65;
                box-shadow: 0px 4px 32px 0px #9CCC65;
            }

            80% {
                transform: rotate(-2deg);
                color: #FFB74D;
                box-shadow: 0px 4px 24px 0px #FFB74D;
            }

            90% {
                transform: rotate(2deg);
                color: #FFB74D;
                box-shadow: 0px 4px 24px 0px #FFB74D;
            }
        }

        #download {
            width: 280px;
            font-size: 0.9em;
            margin: 48px auto;
            padding: 16px;
            border-radius: 48px;
            animation: dl1 30s ease 0s infinite normal forwards;
            font-weight: bold;
        }

        #download2 {
            animation: dl2 15s ease 0s infinite normal forwards;
        }

        #download .b {
            font-size: 1.8em;
        }

        .more {
            position: fixed;
            width: 35vw;
        }

        #m13, #m14 {
            animation: shake 0.2s ease 0s infinite normal forwards;
        }
    </style>
</head>
<body id="s0">
    <div class="s2hide headliner">
        <p>
            Чтобы получить доступ к сайту, докажите что вы не робот:
        </p>
    </div>
    <div>
        <video id="cat" class="s0hide">
            <source src="/video/cat.mp4" type="video/mp4" />
        </video>
    </div>
    <div class="s0hide s2hidef">
        <h1>взорвать?</h1>
        <div>
            <button onclick="setStage(2)">ДА</button>
            <button id="badbutton">
                нет
            </button>
        </div>
    </div>
    <div class="s0hide s1hide">
        <p>
            Спасибо что посетили наш веб-сайт.
            Чтобы взорвать кота снова, <a href="/">обновите страницу</a>.
        </p>
        <p style="font-weight: bolder;">
            У нас есть стикер-пак:
        </p>
    </div>
    <div class="s0hide s1hide">
        <div id="download2">
            <div id="download" onclick="window.open('https://t.me/addstickers/kotvzorvalsya')">
                <div class="b">Добавить в телеграм</div>
		<div>Лучшие стикеры в мире</div>
            </div>
        </div>
        <button onclick="showmore()" style="width: auto;font-size: 0.8em;">
            Узнать больше
        </button>
    </div>
    <script>
        // Смена жизненного цикла, буквально
        const setStage = (stage) => {
            document.body.id = `s${stage}`;
            if(stage === 2) {
                document.getElementById("cat").play();
            }
        }

        // неправильно
        const wrongchoose = (e) => {
            if(e && e.screenX === 0 && e.screenY === 0) {
                // Для самых умных
                e.stopPropagation();
                window.open("/video/s.mp4");
                run();
            }

            const xd = (Math.random() - 0.5) * (window.innerWidth / 2);
            const yd = (Math.random() - 0.5) * (window.innerHeight / 2);

            e.target.style.left = `${xd}px`;
            e.target.style.top = `${yd}px`;
        };

        const badbutton = document.getElementById("badbutton");
        badbutton.onclick = wrongchoose;
        badbutton.onmouseover = wrongchoose;
        badbutton.ontouchstart = wrongchoose;

        function showmore() {
          let i = 1;

          // hell yeah
          const core = document.getElementById('m13');
          core.style.display = '';
          core.play();

          const int = setInterval(() => {
            const blk = document.getElementById(`m${i}`);
            blk.style.display = '';

            if(i === 14) {
              clearInterval(int);
              setTimeout(() => location.href = "/bsod.html", 7500);
            } else if(blk.play) {
              blk.play();
            }

            i++;
          }, 500);
        }

        setTimeout(() => setStage(1), 1000);
    </script>
    <footer class="s0hide s1hide">
        <p>
        или <a href="https://t.me/addemoji/sdnqwjrbnqwkuf"> эмодзи</a>.<br/>
        </p>
        <p>
            2025, by gatitogames
        </p>
        <p>
            Есть вопросы?
            Мы не ответим: <a href="mailto:contact@gatitogames.ru">contact@gatitogames.ru</a>
        </p>
        <img src="/img/logo.png" alt="" width="200px" />
    </footer>
    <video loop class="more" id="m1" style="display: none; top: 0; left: 0">
        <source src="more/1.webm" />
    </video>
    <video loop class="more" id="m2" style="display: none; top: 0; right: 0">
        <source src="more/2.webm" />
    </video>
    <video loop class="more" id="m3" style="display: none; bottom: 0; right: 0">
        <source src="more/3.webm" />
    </video>
    <video loop class="more" id="m4" style="display: none; bottom: 0; left: 0">
        <source src="more/4.webm" />
    </video>
    <video loop class="more" id="m5" style="display: none; top: -5vh; left: 33vw">
        <source src="more/5.webm" />
    </video>
    <video loop class="more" id="m6" style="display: none; top: 35vh; right: -2vw">
        <source src="more/6.webm" />
    </video>
    <video loop class="more" id="m7" style="display: none; bottom: -10vh; right: 42vw">
        <source src="more/7.webm" />
    </video>
    <video loop class="more" id="m8" style="display: none; bottom: 24vh; left: -1vw">
        <source src="more/8.webm" />
    </video>
    <video loop class="more" id="m9" style="display: none; top: 24vh; left: 9vw">
        <source src="more/9.webm" />
    </video>
    <video loop class="more" id="m10" style="display: none; top: 24vh; left: 40vw">
        <source src="more/10.webm" />
    </video>
    <video loop class="more" id="m11" style="display: none; top: 52vh; left: 38vw">
        <source src="more/11.webm" />
    </video>
    <video loop class="more" id="m12" style="display: none; top: 49vh; left: 4vw">
        <source src="more/12.webm" />
    </video>
    <video loop class="more" id="m13" style="display: none; top: 20vh; left: 20vw; width: 60vw">
        <source src="more/2.mp4" />
    </video>
    <img src="more/a.jpg" class="more" id="m14" style="display: none; bottom: 12vh; right: 10vw" />
</body>

<!--

Я у мамы HTML-программист.

▓▓▓▒▒▒▒░░░░░░░░▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
▓▓▓▒▒▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
▓▓▒▒▒░░░▒▒▒▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
▓▒▒▒░░░░░▒▒▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
▓▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░▒▓▒▒░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░▒▓▓▒▒░░░▒▒▒▒▒▒░░░░░▒░░░░░░░░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░▒▒▓▒▒▒▒▒▒▒▓▓▓▓▓▒▒▒▒▓▒░░░░▒▒░░░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░▒▒▓▒▒▒▒▓▓▓▓▓█████▓▓▓▓▒▒░▒▓▓▓▒░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░▒▓▓▓▓▓▓███████████████▓▓▓▓▓▒░░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░░▒▓▓▓▓██████████████████████▓▒░░░░░░░░░░░░░░░░
░░░░░░░░░░░░░░░░░░▒▒▓▓▓▓██████████████████████▓▒░░░░░░░░░░░░░░░░
▒▒▒▒▒▒░░░░▒▒▒▒▒▒▒▒▒▒▒▓▓▓██████████████████████▓▒░░░░░░░░░░░░░░░░
▒▒▒▒▓▓▓▒▓▓▓▓▓▓▓▓▓▓▓▒▒▒▓▓▓█████████████████████▓░░░░░▒▓▓▒▒▒▓▓▒░░░
▒▒▓▓▓█▓▒▒▓▓▓▓██▓▓▓▓▓▓▓▓▓██████████████████████▓▒░░░░▒▓▓▓██▓▓▒░░░
▒▒▒▓███████▓▓███▓▓█████████████████████████████▓▓░░░▒▓████▓▒░▒░░
▒▓▓██████████████████████████████████████████▓███▓▒▒▓█████▓▒▓▓▓▓
-->