/* Базовые стили */
        body {
            background-color: #111;
            background-image: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
            background-size: 100% 2px, 3px 100%;
            color: #33ff33;
            font-family: 'Press Start 2P', cursive;
            text-align: center;
            margin: 0;
            padding: 20px;
            position: relative;
            font-style: normal;
        }

        /* Фильтр телевизора (без курсора внутри) */
        #crt-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 9999;
            background-image: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
            background-size: 100% 2px, 3px 100%;
            mix-blend-mode: multiply;
        }

        /* --- ПИКСЕЛЬНЫЙ КУРСОР (СНОВА В BODY) --- */
        html, body, * {
            cursor: url('assets/cur.png') 3 1, auto !important;
        }

        a, a *, button, button *, .lang-btn, .clickable-img {
            cursor: url('assets/cli.png') 3 1, pointer !important;
        }

        /* Заголовки */
        h2 {
            font-family: 'Press Start 2P', cursive;
            font-size: 22px;
            color: #ffffff;
            text-shadow: 0 0 15px #33ff33;
            margin: 40px 0 30px 0;
            font-style: normal;
        }

        nav {
            margin: 20px 0 30px 0;
        }

            nav a {
                display: inline-block;
                background: #c0c0c0;
                color: #000000;
                font-family: 'Press Start 2P', cursive;
                font-size: 14px;
                padding: 10px 20px;
                margin: 5px;
                cursor: pointer;
                text-transform: uppercase;
                text-decoration: none;
                border-top: 3px solid #ffffff;
                border-left: 3px solid #ffffff;
                border-right: 3px solid #808080;
                border-bottom: 3px solid #808080;
                border-radius: 0px;
                outline: none;
                font-style: normal;
                position: relative;
                z-index: 1; /* Чтобы кнопки были выше фильтра */
            }

                nav a:hover {
                    background: #d0d0d0;
                    border-top: 3px solid #ffffff;
                    border-left: 3px solid #ffffff;
                    border-right: 3px solid #808080;
                    border-bottom: 3px solid #808080;
                }

                nav a:active {
                    border-top: 3px solid #808080;
                    border-left: 3px solid #808080;
                    border-right: 3px solid #ffffff;
                    border-bottom: 3px solid #ffffff;
                    transform: translate(1px, 1px);
                }

                /* Текущая страница в меню */
                nav a.active {
                    background: #33ff33;
                    border-color: #1a8a1a;
                    box-shadow: 0 0 12px #33ff33;
                }

        .tab-content {
            margin-top: 20px;
            font-size: 16px; /* ЕДИНЫЙ РАЗМЕР ШРИФТА ДЛЯ КОНТЕНТА */
            line-height: 1.6;
        }

        .lang-btn {
            background: #0055aa;
            font-family: 'Press Start 2P', cursive;
            font-size: 12px;
            color: #ffffff;
            border: 2px solid #33ff33;
            padding: 5px 15px;
            cursor: pointer;
            border-radius: 0px;
            font-style: normal;
            position: relative;
            z-index: 1;
        }

            .lang-btn:hover {
                background: #0077ee;
            }

        img {
            max-width: 100%;
            height: auto;
            border: 2px solid #33ff33;
            cursor: pointer;
        }

        /* Таймер до релиза 1 эпизода (главная страница) */
        .release-timer {
            margin: 10px auto 30px auto;
            max-width: 900px;
            padding: 14px 20px;
            border: 2px solid #33ff33;
            box-shadow: 0 0 18px #33ff33, inset 0 0 12px rgba(51, 255, 51, 0.15);
            background: rgba(0, 20, 0, 0.45);
        }

        .release-timer #timerDisplay {
            font-family: "Press Start 2P", cursive;
            font-size: 18px;
            color: #33ff33;
            text-shadow: 0 0 14px #33ff33;
            line-height: 1.6;
            letter-spacing: 0.5px;
        }

        iframe, .progress-wrap {
            display: block;
            margin: 0 auto;
            margin-bottom: 55px;
        }

        .progress-text {
            font-family: 'Press Start 2P', cursive;
            font-size: 40px;
            text-shadow: 0 0 20px #33ff33;
            margin-top: 40px;
            font-style: normal;
        }

        a {
            color: #33ff33;
            text-decoration: none;
            font-style: normal;
        }

            a:hover {
                text-decoration: underline;
            }

        #progress-log {
            margin-top: 30px;
            font-size: 16px;
            line-height: 2;
            text-shadow: 0 0 10px #33ff33;
            font-style: normal;
        }

            #progress-log .log-item {
                display: block;
            }

        /* ===========================
           Стили для вкладки "Легенда"
           =========================== */
        .legend-wrapper {
            max-width: 1000px;
            margin: 0 auto;
            text-align: left;
        }

        .legend-block {
            display: flex;
            gap: 30px;
            margin-bottom: 60px; /* Равный отступ у всех блоков без исключений */
            align-items: center; /* Текст центрируется по высоте картинки — единое правило для всех строф */
        }

        .legend-text {
            flex: 1;
            font-size: 16px; /* Единый размер */
            line-height: 2.2;
            white-space: pre-line;
        }

        .legend-img {
            flex: 0 0 400px; /* Было 250px, стало 400px */
            width: 400px;
        }

            .legend-img img {
                width: 100%;
                height: auto;
                border: 2px solid #33ff33;
                cursor: pointer;
            }

        /* ===========================
           Стили для вкладки "Декорации"
           =========================== */
        .char-section {
            margin-bottom: 50px;
        }

        .char-category-title {
            font-family: 'Press Start 2P', cursive;
            font-size: 18px;
            color: #ffffff;
            text-shadow: 0 0 12px #33ff33;
            text-align: center;
            margin-bottom: 25px;
            font-style: normal;
        }

        .actor-list {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 30px;
            max-width: 1000px;
            margin: 0 auto;
        }

        /* Карточки теперь ссылки — ведут на вики-страницу персонажа */
        .actor-card {
            display: block;
            background: rgba(0, 0, 0, 0.6);
            border: 2px solid #33ff33;
            padding: 20px;
            width: 250px;
            text-align: center;
            text-decoration: none;
            color: inherit;
            transition: transform 0.15s, box-shadow 0.15s;
        }

            .actor-card:hover {
                transform: translateY(-4px);
                box-shadow: 0 0 18px #33ff33;
            }

            .actor-portrait {
                width: 100%;
                height: auto;
                margin-bottom: 12px;
                border: 2px solid #33ff33;
            }

            .actor-name {
                font-family: 'Press Start 2P', cursive;
                font-size: 16px;
                color: #ffffff;
                text-shadow: 0 0 10px #33ff33;
                margin: 0 0 10px 0;
                font-style: normal;
            }

            .actor-teaser {
                font-size: 16px;
                line-height: 1.6;
                margin: 0;
                font-style: normal;
            }

        /* Некликабельный "намёк" — теперь просто ещё одна карточка
           в общем списке (тот же фон/размер, что у остальных),
           только без ссылки, без имени и портрета, с красным
           акцентом вместо зелёного. Реагирует на наведение, но
           курсор остаётся обычным, потому что это не ссылка. */
        .mystery-card {
            border-color: #ff0033;
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 120px;
        }

            .mystery-card:hover {
                box-shadow: 0 0 18px #ff0033;
            }

            .mystery-card .actor-teaser {
                color: #ff0033;
                text-shadow: 0 0 10px #ff0033;
            }

        /* ===========================
           Вики-страницы персонажей и событий
           =========================== */

        /* Первый абзац персонажа: текст слева, справа — портрет.
           Тот же приём, что и в "Декорациях" (.actor-portrait) —
           обычная рамка прямо на <img>, без дополнительных слоёв. */
        .wiki-intro {
            display: flex;
            flex-direction: row-reverse; /* картинка справа, при этом в HTML она идёт первой */
            align-items: flex-start;
            gap: 25px;
            margin-bottom: 20px;
        }

            .wiki-portrait {
                flex: 0 0 220px;
                width: 220px;
                height: 220px;
                object-fit: cover;
                border: 2px solid #33ff33;
            }

            .wiki-intro p {
                flex: 1;
                min-width: 0; /* чтобы длинные слова корректно переносились, а не растягивали флекс-контейнер */
                margin: 0;
                text-align: left;
                line-height: 1.7;
                font-size: 16px;
            }

        /* Всё, что ниже первого абзаца — уже во всю ширину,
           обычными абзацами. */
        .wiki-body p {
            margin: 0 0 16px 0;
            text-align: left;
            line-height: 1.7;
            font-size: 16px;
        }

            .wiki-body ul {
                margin: 0 0 16px 0;
                padding-left: 22px;
                line-height: 1.7;
                font-size: 16px;
            }
        .wiki-page {
            max-width: 760px;
            margin: 0 auto;
            text-align: left;
        }

        .wiki-back {
            display: inline-block;
            margin-bottom: 20px;
            font-size: 14px;
        }

        .wiki-title {
            font-family: 'Press Start 2P', cursive;
            font-size: 22px;
            color: #ffffff;
            text-shadow: 0 0 12px #33ff33;
            border-bottom: 2px solid #33ff33;
            padding-bottom: 12px;
            margin-bottom: 8px;
            font-style: normal;
        }

        .wiki-kind {
            font-size: 14px;
            color: #999;
            margin: 0 0 25px 0;
            font-style: italic;
        }

        .wiki-wip {
            background: rgba(0, 0, 0, 0.5);
            border-left: 4px solid #33ff33;
            padding: 16px 20px;
            font-size: 16px;
            line-height: 1.6;
        }

        /* ===========================
           Главная: описание игры и тизеры
           =========================== */

        /* Декоративная линия из тире во всю ширину экрана —
           "пробивает" контейнер страницы насквозь (100vw). */
        .dash-line {
            width: 100vw;
            position: relative;
            left: 50%;
            right: 50%;
            margin-left: -50vw;
            margin-right: -50vw;
            height: 14px;
            background-image: repeating-linear-gradient(
                to right,
                #33ff33 0,
                #33ff33 22px,
                transparent 22px,
                transparent 34px
            );
            opacity: 0.7;
            filter: drop-shadow(0 0 4px #33ff33);
        }

        .about-block {
            max-width: 800px;
            margin: 30px auto;
            padding: 0 20px;
        }

        .about-text {
            font-size: 16px;
            line-height: 1.8;
            text-align: center;
            /* \n\n в тексте словаря превращаются в реальные абзацы */
            white-space: pre-line;
        }

        .teasers-block {
            margin-top: 50px;
        }

        .teasers-grid {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 30px;
            max-width: 1100px;
            margin: 0 auto;
        }

        .teaser-card {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 100%;
            max-width: 700px;
            gap: 12px;
        }

            .teaser-card img {
                width: 100%;
                height: auto;
                border: 2px solid #33ff33;
                cursor: pointer;
            }

            .teaser-caption {
                font-size: 16px;
                line-height: 1.6;
                text-align: center;
            }

        /* ===========================
           Гардероб: список площадок
           =========================== */
        .links-list {
            display: flex;
            flex-direction: column;
            gap: 18px;
            align-items: center;
            font-size: 18px;
            margin-top: 20px;
        }

        /* ===========================
           Стили для вкладки "Сцены"
           =========================== */
        .media-grid {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 40px;
            max-width: 1100px;
            margin: 0 auto;
        }

        .media-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 300px;
            gap: 15px;
        }

            .media-item img {
                width: 100%;
                height: auto;
                border: 2px solid #33ff33;
                cursor: pointer;
            }

            .media-item .desc {
                font-size: 16px; /* Единый размер */
                line-height: 1.6;
                text-align: center;
            }

        /* ===========================
           Стили для попапа (открытие картинок)
           =========================== */
        #image-popup {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #000; /* Чёрный фон без примесей */
            justify-content: center;
            align-items: center;
            z-index: 10000;
            pointer-events: auto;
            cursor: pointer;
        }

            #image-popup.active {
                display: flex;
            }

            #image-popup img {
                width: 960px;
                height: auto;
                border: 4px solid #33ff33;
                box-shadow: 0 0 30px rgba(51, 255, 51, 0.3);
                pointer-events: none;
                filter: none !important;
            }

        /* Остальные стили */
        .contact-text {
            font-size: 16px;
            max-width: 600px;
            margin: 0 auto;
            line-height: 1.6;
        }