[html]
<link id="btb-template-style" rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/001c/c9/97/43351.css">

<style>
/* Только гостевая */

.ap-guest textarea.guest-code-field {
    resize: none;
}

.ap-guest .grippie,
.ap-guest [class*="grippie"] {
    display: none;
}

/* Правая карточка "Сейчас придержано" */
.ap-guest .guest-columns > .guest-card:last-child {
    height: 190px;
    min-height: 190px;
    display: flex;
    flex-direction: column;
}

/* Отдельный внутренний скролл только для списка броней */
.ap-guest .guest-holds-scroll {
    height: 135px;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
    padding: 8px 10px;

    scrollbar-width: thin;
    scrollbar-color: #725235 #10232e;
}

.ap-guest .guest-holds-scroll::-webkit-scrollbar {
    width: 4px;
}

.ap-guest .guest-holds-scroll::-webkit-scrollbar-track {
    background: #10232e;
}

.ap-guest .guest-holds-scroll::-webkit-scrollbar-thumb {
    background: #725235;
}

.ap-guest .guest-holds-scroll::-webkit-scrollbar-thumb:hover {
    background: #a47745;
}
</style>

<div class="btb-template ap-guest">

    <!-- =====================================================
         БАННЕР
         ===================================================== -->

    <div class="guest-cover">

        <img
            src="https://upforme.ru/uploads/001c/8a/8a/11/93050.jpg"
            alt="HP: BACK TO BLACK"
        >

        <div class="guest-cover-text">

            <div class="guest-cover-title">
                HP: BACK TO BLACK
            </div>

            <div class="guest-cover-subtitle">
                magical britain • 2027 • third generation
            </div>

        </div>

    </div>

    <!-- =====================================================
         ПРИВЕТСТВИЕ
         ===================================================== -->

    <div class="btb-note guest-welcome">

        Добро пожаловать на <b>BACK TO BLACK</b> — ролевую игру
        по миру Гарри Поттера, события которой разворачиваются
        в Магической Британии в <b>2027 году</b>.

        Почти тридцать лет прошло после окончания Второй магической войны.
        Старые герои выросли, их дети строят собственную жизнь,
        а магическое общество вновь оказалось перед выбором:
        где проходит граница между свободой и безопасностью?

        Форум открыт как для канонических, так и для авторских персонажей.
        Политический сюжет существует как общий фон и не обязывает
        участвовать в нём.

    </div>

    <!-- =====================================================
         БЫСТРЫЕ ССЫЛКИ
         ===================================================== -->

    <div class="btb-section-title guest-links-title">
        ✦ Перед регистрацией ✦
    </div>

    <div class="guest-links">

        <a class="guest-link"
           href="https://btb.rusff.me/viewtopic.php?id=4">
            Сюжет
        </a>

        <a class="guest-link"
           href="https://btb.rusff.me/viewtopic.php?id=5">
            FAQ и правила
        </a>

        <a class="guest-link"
           href="https://btb.rusff.me/viewtopic.php?id=6#p11">
            Вакансии
        </a>

        <a class="guest-link"
           href="https://btb.rusff.me/viewtopic.php?id=7">
            Внешности и фамилии
        </a>

        <a class="guest-link"
           href="https://btb.rusff.me/viewtopic.php?id=2">
            Расы и существа
        </a>

        <a class="guest-link"
           href="https://btb.rusff.me/viewtopic.php?id=6#p28">
            Движения и объединения
        </a>

    </div>

    <!-- =====================================================
         БРОНЬ
         ===================================================== -->

    <div class="guest-columns">

        <!-- =================================================
             БРОНЬ И РЕГИСТРАЦИЯ
             ================================================= -->

        <div class="btb-panel guest-card">

            <div class="guest-card-title">
                — Бронь и регистрация —
            </div>

            <div class="btb-body-text guest-card-body">

                <div class="guest-rule">
                    Для зарегистрированного пользователя
                    роль и внешность придерживаются на
                    <b>5 дней</b> с возможностью одного продления.
                </div>

                <div class="guest-rule">
                    Для незарегистрированного гостя бронь действует
                    <b>2 дня</b> и обнуляется в <b>00:00</b> по мск.
                </div>

                <div class="guest-rule">
                    Перед бронью ознакомьтесь с
                    <a class="guest-inline-link"
                       href="https://btb.rusff.me/viewtopic.php?id=7">занятыми внешностями и фамилиями</a>.
                </div>

                <div class="guest-rule">
                    Если вы сомневаетесь в концепте персонажа,
                    профессии, происхождении или способности —
                    смело задавайте вопрос прямо в этой теме.
                </div>

            </div>

        </div>

        <!-- =================================================
             СЕЙЧАС ПРИДЕРЖАНО
             ================================================= -->

        <div class="btb-panel guest-card">

            <div class="guest-card-title">
                — Сейчас придержано —
            </div>

            <div class="guest-holds-list">

                                <div class="guest-holds-scroll">
<!-- =================================================
                     ПЕРСОНАЖ / ИМЯ / РОЛЬ
                     КЛИКАБЕЛЬНАЯ РЫЖАЯ ССЫЛКА
                     ================================================= -->
<center><b>ВНЕШНОСТИ</b></center>

<b>James Norton</b> — AMS<br>
<b>Jessica Chastain</b> — Солнышко до 10.10<br>
<b>Jung Ho Yeon</b> — AMS<br>
<b>Sabrina Carpenter</b> — Alice Longbottom до 09.10<br>

<hr>

<center><b>РОЛИ</b></center>
<b>Alice Longbottom</b> — Alice Longbottom до 09.10<br>
<b>Ginny Potter</b> — Солнышко до 10.10<br>
<b>Ron Weasley</b> — AMS<br>

                </div>

            </div>

        </div>

    </div>

    <!-- =====================================================
         ЗАБРАТЬ КОД
         ===================================================== -->

    <div class="guest-templates">

        <div class="btb-section-title guest-section-title">
            ✦ Забрать код ✦
        </div>

        <div class="guest-code-grid">

            <!-- =================================================
                 Хочу к вам
                 ================================================= -->

            <div class="btb-panel guest-code-card">

                <div class="guest-code-title">
                    Хочу к вам
                </div>

                <div class="guest-code">

<textarea
    id="guest-want-code"
    class="guest-code-field guest-code-field-mini"
    readonly
    spellcheck="false"
    onclick="this.select();"
    onfocus="this.select();"
></textarea>

                    <button
                        type="button"
                        class="guest-copy-button"
                        onclick="return copyGuestCode(this);"
                    >
                        Скопировать код
                    </button>

                </div>

            </div>

            <!-- =================================================
                 ВНЕШНОСТЬ
                 ================================================= -->

            <div class="btb-panel guest-code-card">

                <div class="guest-code-title">
                    Внешность / Роль
                </div>

                <div class="guest-code">

                    <textarea
                        class="guest-code-field guest-code-field-mini"
                        readonly
                        spellcheck="false"
                        onclick="this.select();"
                        onfocus="this.select();"
                    ><b>Внешность/Имя</b> — ваш ник<br></textarea>

                    <button
                        type="button"
                        class="guest-copy-button"
                        onclick="return copyGuestCode(this);"
                    >
                        Скопировать код
                    </button>

                </div>

            </div>

        </div>

    </div>

    <!-- =====================================================
         ВОПРОСЫ
         ===================================================== -->

    <div class="guest-question">

        <div class="guest-question-title">
            Остались вопросы?
        </div>

        <div class="btb-caption guest-question-text">
            Не стесняйтесь писать прямо в гостевой —
            поможем с концептом, каноном, вакансией,
            внешностью или поиском места персонажа в мире.
        </div>

    </div>

</div>

<script>
var btbGuestWantField = document.getElementById("guest-want-code");

if (btbGuestWantField) {
    var btbLB = String.fromCharCode(91);
    var btbRB = String.fromCharCode(93);

    function btbGuestOpen(tag) {
        return btbLB + tag + btbRB;
    }

    function btbGuestClose(tag) {
        return btbLB + "/" + tag + btbRB;
    }

    btbGuestWantField.value = [
        btbGuestOpen("align=center") +
            btbGuestOpen("size=14") +
            btbGuestOpen("b") +
            "ХОЧУ БЫТЬ" +
            btbGuestClose("b") +
            btbGuestClose("size"),

        btbGuestOpen("i") +
            "раса / фамилия / другое" +
            btbGuestClose("i") +
            btbGuestClose("align"),

        btbGuestOpen("hr"),

        btbGuestOpen("b") +
            "Концепт:" +
            btbGuestClose("b"),

        "кратко о персонаже и задумке",

        "",

        btbGuestOpen("b") +
            "Другие пожелания:" +
            btbGuestClose("b"),

        "всё, что хотелось бы добавить"
    ].join("\n");
}
</script>

<script>
function copyGuestCode(button) {
    var card = button.closest(".guest-code-card");
    if (!card) return false;

    var field = card.querySelector(".guest-code-field");
    if (!field) return false;

    field.focus();
    field.select();
    field.setSelectionRange(0, field.value.length);

    var copied = false;

    try {
        copied = document.execCommand("copy");
    } catch (e) {
        copied = false;
    }

    if (copied) {
        var original = button.innerHTML;

        button.innerHTML = "✓ Скопировано";
        button.classList.add("guest-copy-success");

        window.setTimeout(function () {
            button.innerHTML = original;
            button.classList.remove("guest-copy-success");
        }, 1600);
    } else {
        window.prompt("Скопируйте код:", field.value);
    }

    return false;
}
</script>

<script>
(function () {
    "use strict";

    var root = document.querySelector(".ap-guest");
    if (!root) return;

    function hasOwnText(element) {
        var tag = (element.tagName || "").toLowerCase();

        if (/^(input|textarea|select|option|button)$/.test(tag)) {
            return true;
        }

        for (var i = 0; i < element.childNodes.length; i++) {
            var node = element.childNodes[i];

            if (
                node.nodeType === 3 &&
                /\S/.test(node.nodeValue || "")
            ) {
                return true;
            }
        }

        return false;
    }

    function rememberSizes() {
        var elements = root.querySelectorAll("*");

        for (var i = 0; i < elements.length; i++) {
            var el = elements[i];

            if (!hasOwnText(el)) continue;
            if (el.dataset.btbBaseFont) continue;

            var size = parseFloat(
                window.getComputedStyle(el).fontSize
            );

            if (!isNaN(size) && size > 0) {
                el.dataset.btbBaseFont = String(size);
            }
        }
    }

    function applyScale(scale) {
        scale = parseFloat(scale);

        if (isNaN(scale)) {
            scale = 1;
        }

        rememberSizes();

        var elements = root.querySelectorAll("*");

        for (var i = 0; i < elements.length; i++) {
            var el = elements[i];
            var base = parseFloat(el.dataset.btbBaseFont);

            if (isNaN(base)) continue;

            el.style.setProperty(
                "font-size",
                (base * scale).toFixed(2) + "px",
                "important"
            );
        }
    }

    window.addEventListener("message", function (event) {
        if (
            !event.data ||
            event.data.type !== "BTB_FONT_SCALE"
        ) {
            return;
        }

        applyScale(event.data.scale);
    });

    try {
        parent.postMessage(
            { type: "BTB_FONT_REQUEST" },
            "*"
        );
    } catch (e) {}
})();
</script>
[/html]