[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="https://solace.rusff.me/viewtopic.php?id=8">нужные</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">20.03</div>
                        <ul class="column-list">
<li><span class="dot">• </span>Mads Mikkelsen — <em><a href="https://solace.rusff.me/profile.php?id=237">пу пу пу</a></em></li>
     </ul>

<div class="column-pill">22.03</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>margaret qualley — <em><a href="https://solace.rusff.me/profile.php?id=181">thaddeus yaxley</a></em></li>
     </ul>

<div class="column-pill">23.03</div>
                        <ul class="column-list">
<li><span class="dot">• </span>simone baldasseroni — <em><a href="https://solace.rusff.me/profile.php?id=181">thaddeus yaxley</a></em></li>
     </ul>

<div class="column-pill">29.03</div>
                        <ul class="column-list">
<li><span class="dot">• </span>adria arjona — <em><a href="https://solace.rusff.me/profile.php?id=79">за Andarna Shafiq </a></em></li>
     </ul>

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

<div class="column-pill">05.04</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">07.05</div>
                        <ul class="column-list">
<li><span class="dot">• </span>dakota johnson — <em><a href="https://solace.rusff.me/profile.php?id=32">сорен</a></em></li>
<li><span class="dot">• </span>sarah pidgeon — <em><a href="https://solace.rusff.me/profile.php?id=32">сорен</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>
<li><span class="dot">•</span> lucy boynton — <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">22.03</div>
                        <ul class="column-list">
<li><span class="dot">• </span>marlene mckinnon — <em><a href="https://solace.rusff.me/profile.php?id=156">meredith sallow</a></em></li>
    </ul>

<div class="column-pill">29.03</div>
                        <ul class="column-list">
<li><span class="dot">• </span>sirius black — <em><a href="https://solace.rusff.me/profile.php?id=37">james potter</a></em></li>
    </ul>

<div class="column-pill">04.04</div>
                        <ul class="column-list">
<li><span class="dot">• </span>amycus carrow — <em><a href="https://solace.rusff.me/profile.php?id=61">mikael</a></em></li>
<li><span class="dot">• </span>akingbade fam. — <em><a href="https://solace.rusff.me/viewtopic.php?id=8#p64625">заявка</a></em></li>
    </ul>

<div class="column-pill">05.04</div>
                        <ul class="column-list">
<li><span class="dot">• </span>alecto carrow — <em><a href="https://solace.rusff.me/profile.php?id=61">заявка</a></em></li>
    </ul>

<div class="column-pill">12.04</div>
                        <ul class="column-list">
<li><span class="dot">• </span> владелец уэльского заповедника драконов — <em><a href="https://solace.rusff.me/profile.php?id=50">седрик</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 {
box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
 
  min-width: 118px;
  height: 31px;
  padding: 3px 16px;
 
  background: var(--link);       
  border: 2px solid var(--character-border);
  border-radius: 71px;
 
  font-family: var(--secondary-family);
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: #fff !important;
 
  cursor: pointer;
  transition: all 0.25s ease;
  user-select: none;
}
.page-nav a:hover,
.page-nav button:hover {
    background: var(--character-border);
    border-color: var(--character-green-main);
    color: var(--character-green-main)!important;;
}

/* ==== ПИЛЛЫ И СПИСКИ ==== */
.column-pill {
    display: inline-block;
    background: var(--link);
    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-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]