[hideprofile][html]
<div class="page-wrapper">
    <div class="universal-bg">
        <div class="universal-card">

            <!-- ШАПКА -->
            <div class="page-header">
                <div class="page-subtitle">dark au // death eaters win scenario // 1980 // nc-21</div>
                <div class="page-title">hp: solace</div>
                <div class="page-subtitle admins">
                    ✶ <a href="https://solace.rusff.me/profile.php?id=6">бри</a>
                    ✶ <a href="https://solace.rusff.me/profile.php?id=4">маэль</a>
                    ✶ <a href="https://solace.rusff.me/profile.php?id=5">ламм</a>
                    ✶ <a href="https://solace.rusff.me/profile.php?id=10">крис</a>
            </div>
            </div>

            <!-- ОПИСАНИЕ -->
            <div class="universal-section page-intro">
                <p>Срок придержания внешностей и ролей для гостей — сутки. Срок придержания <b>1 внешности и 1 роли</b> за зарегистрированным пользователем — 3 дня и продлить этот срок можно дважды (в сумме — 9 дней бесплатного придержания). Каждая следующая внешность/роль может быть придержана разово на один день без возможности продления. Если вам нужно придержать больше внешностей, вы можете выкупить их в банке за форумную валюту. <b>Максимальное количество — 4 внешности</b>. Второй профиль можно завести бесплатно и без условий, третий и последующие — через банк. <b>Максимальное количество профилей — 5 на игрока</b>. Все, что выкуплено под заявки, имеет обозначение и ссылку на саму заявку.</p>
            </div>

            <!-- КНОПКИ НАВИГАЦИИ -->
<div class="page-nav">
    <a href="https://solace.rusff.me/viewtopic.php?id=3">сюжет</a>
    <a href="https://solace.rusff.me/viewtopic.php?id=6">хочу к вам</a>
    <a href="#">нужные</a>
    <button type="button" onclick="copyBanner()">скопировать код</button>
</div>

<!-- СЕТКА -->
            <div class="page-grid">

                <!-- ВНЕШНОСТИ -->
                <div class="page-column">
                    <div class="page-column-title">appearances</div>
                    <div class="scroll-area">

<div class="column-pill">24.12</div>
                        <ul class="column-list">
<li><span class="dot">• </span>max riemelt — <em><a href="https://solace.rusff.me/profile.php?id=161">dorian fawcett</a></em></li>
<li><span class="dot">• </span>yulia snigir — <em><a href="https://solace.rusff.me/profile.php?id=162">за madame</a></em></li>
</ul>

<div class="column-pill">25.12</div>
                        <ul class="column-list">
<li><span class="dot">• </span>dacre montgomery — <em><a href="https://solace.rusff.me/profile.php?id=163">за bagman</a></em></li>
<li><span class="dot">• </span> bill skarsgård— <em><a href="https://solace.rusff.me/profile.php?id=159">за fenwick jr. (1)</a></em></li>
</ul>

<div class="column-pill">27.12</div>
                        <ul class="column-list">
<li><span class="dot">• </span>adria arjona   — <em><a href="ссылка на профиль">за львівське різдвяне (2)</a></em></li>
</ul>

<div class="column-pill">28.12</div>
                        <ul class="column-list">
<li><span class="dot">• </span>jensen ackles — <em><a href="https://solace.rusff.me/profile.php?id=17">adeline parkinson</a></em></li>
     </ul>

<div class="column-pill">29.12</div>
                        <ul class="column-list">
<li><span class="dot">• </span>manu rios — <em><a href="https://solace.rusff.me/profile.php?id=13">dang</a></em></li>
     </ul>
<div class="column-pill">30.12</div>
                        <ul class="column-list">
<li><span class="dot">• </span>nathaniel buzolic — <em><a href="https://solace.rusff.me/profile.php?id=17">adeline parkinson</a></em></li>
     </ul>

<div class="column-pill">01.01</div>
                        <ul class="column-list">
<li><span class="dot">• </span>aaron piper— <em><a href="https://solace.rusff.me/profile.php?id=116">джон д.</a></em></li>
     </ul>

<div class="column-pill">02.01</div>
                        <ul class="column-list">
<li><span class="dot">• </span>sam claflin — <em><a href="https://solace.rusff.me/viewtopic.php?id=8#p31457">заявка</a></em></li>
     </ul>

<div class="column-pill">03.01</div>
                        <ul class="column-list">
<li><span class="dot">• </span>pedro pascal — <em><a href="https://solace.rusff.me/profile.php?id=12">за Rhiannon Fawley</a></em></li>
     </ul>

<div class="column-pill">13.01</div>
                        <ul class="column-list">
<li><span class="dot">• </span>jon bernthal — <em><a href="https://solace.rusff.me/profile.php?id=32">сорен</a></em></li>
     </ul>

<div class="column-pill">16.01</div>
                        <ul class="column-list">
<li><span class="dot">• </span>casey deidrick — <em><a href="https://solace.rusff.me/profile.php?id=12">за Rhiannon Fawley</a></em></li>
<li><span class="dot">• </span>eiza gonzalez — <em><a href="https://solace.rusff.me/profile.php?id=12">за Rhiannon Fawley</a></em></li>
     </ul>

                         <div class="column-pill">за амс</div>
                        <ul class="column-list">
<li><span class="dot">•</span> abigail cowen — <em>за амс</em></li>
<li><span class="dot">•</span> elizabeth olsen — <em>за амс</em></li>
<li><span class="dot">•</span> hafsanur sancaktutan — <em>за амс</em></li>
<li><span class="dot">•</span> lily james — <em>за амс</em></li>
</ul>

                    </div>
                </div>

                <!-- РОЛИ / ФАМИЛИИ -->
                <div class="page-column">
                    <div class="page-column-title">roles / surnames</div>
                    <div class="scroll-area">
                       
<div class="column-pill">24.12</div>
                        <ul class="column-list">
<li><span class="dot">• </span>walburga black — <em><a href="https://solace.rusff.me/profile.php?id=162">за madame</a></em></li>
  </ul>

<div class="column-pill">27.12</div>
                        <ul class="column-list">
<li><span class="dot">• </span>rabastan lestrange — <em><a href="https://solace.rusff.me/profile.php?id=116">джон д. (2)</a></em></li>
<li><span class="dot">• </span>загонщик нетопырей — <em><a href="https://solace.rusff.me/profile.php?id=166">за mike</a></em></li>
  </ul>

                        <div class="column-pill">за амс</div>
                        <ul class="column-list">
<li><span class="dot">•</span> macfusty family — <em>за амс</em></li>
<li><span class="dot">•</span> rosier family — <em>за амс</em></li>
<li><span class="dot">•</span> bell family — <em>за амс</em></li>
                        </ul>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>

<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet">

<style>
.scroll-area {
    max-height: 360px;         
    overflow-y: auto;
    padding-right: 8px;
    scrollbar-color: var(--character-green-main) #e9e9e9;
}
.scroll-area::-webkit-scrollbar { width: 6px; }
.scroll-area::-webkit-scrollbar-track { background: transparent; border-radius: 10px; }
.scroll-area::-webkit-scrollbar-thumb {
    background: var(--character-green-main);
    border-radius: 10px;
}
.scroll-area::-webkit-scrollbar-thumb:hover { background: #505a49; }

/* ==== КНОПКИ НАВИГАЦИИ ==== */
.page-nav {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    margin: 16px 0;
    padding: 4px;
}
.page-nav a,
.page-nav button {
    min-width: 118px;
    height: 31px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    background: #A4B398;
    border: 2px solid var(--character-border);
    border-radius: 71px;
    font-family: var(--secondary-family);
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    transition: all .25s ease;
}
.page-nav a:hover,
.page-nav button:hover {
    background: var(--character-border);
    border-color: var(--character-green-main);
    color: var(--character-green-main);
}

/* ==== ПИЛЛЫ И СПИСКИ ==== */
.column-pill {
    display: inline-block;
    background: var(--character-green-light);
    color: #fff;
    padding: 1px 7px;
    border-radius: 8px;
    font-size: 11px;
    margin: 12px 0 6px;
    font-family: var(--secondary-family);
    text-transform: uppercase;
}
.column-list { margin:0; padding-left:0; list-style:none; font-size:11px; color:#444; }
.column-list li { margin:6px 0; }
.column-list a { color:var(--character-green-main); text-decoration:none; }
.column-list .dot { margin-right:8px; color:var(--character-green-main); font-weight:700; }

/* ==== ПЕРЕОПРЕДЕЛЕНИЯ ==== */
.page-title {
    font-family: var(--secondary-family) !important;
    font-size: 75px !important;
    text-transform: lowercase;
    letter-spacing: -1.5px;
    line-height: 0.95;
    color: var(--character-green-main);
    text-shadow: 0 6px 18px rgba(255,255,255,.6);
    margin: 0 0 6px !important;
    background: none !important;
}
.page-subtitle.admins {
    font-size: 13px;
    text-transform: none;
    letter-spacing: normal;
    color: #333333;
    margin-top: 12px;
}
.page-subtitle.admins a {
    color: var(--character-green-main);
    text-decoration: none;
    font-weight: 700;
    margin-right: 8px;
    font-family: var(--secondary-family);
}

/* Адаптив */
@media (max-width: 650px) {
    .page-title { font-size: 55px !important; }
    .page-grid { grid-template-columns: 1fr; }
    .scroll-area { max-height: 480px; }
}
</style>

<script>
function copyBanner() {
    const code = `не удаляйте пробелы из кода, пожалуйста. это важно для работоспособности вашего придержания.
<li><span class="dot">• </span>имя/фамилия/роль — <em><a href="ссылка на профиль">за ваше имя</a></em></li>`;
    navigator.clipboard.writeText(code).then(() => alert('Код скопирован!')).catch(() => {
        const t = document.createElement('textarea'); t.value = code; document.body.appendChild(t); t.select(); document.execCommand('copy'); document.body.removeChild(t);
        alert('Код скопирован!');
    });
}
</script>
[/html]