[html]
<style>
/* гостевая */

guestroom {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: url(https://forumstatic.ru/files/001c/85/6d/52894.jpg) no-repeat bottom / cover;
  width: auto;
  height: auto;
  padding-bottom: 18px;
  margin: 0 auto !important;
}

:root[data-scheme="dark"] guestroom {
  background: url(https://forumstatic.ru/files/001c/85/6d/63635.jpg) no-repeat bottom / cover;
}

guestheader {
    display: block;
    width: 380px;
    height: 155px;
    top: 0px;
    margin-bottom: 40px;
    position: relative;
    background: url(https://forumstatic.ru/files/001c/85/6d/40827.png) no-repeat bottom / 100%;
    background-size: contain;
}

div#guestlinks {
    width: 718px;
    display: flex;
    justify-content: center;
    gap: 10px;
    position: absolute;
    top: 211px;
    z-index: 2;
}

div#guestlinks a {
    color: rgba(255, 255, 255, 1) !important;
    background: rgba(0, 0, 0, 1);
    padding: 5px 15px 5px !important;
    margin: -18px 0 0 0 !important;
    transition: var(--anim-hover) !important;
    font-weight: var(--fw400);
    font-family: 'RadjhaniRu';
    border-bottom: none;
    text-transform: uppercase;
    height: 21px;
    box-sizing: border-box;
}

div#guestlinks a:hover {
    background: rgb(var(--accent));
  color:  black!important;
}

guestdesc {
     width: 710px;
    margin: 7px 0px -10px !important;
    font: var(--fw400) var(--fs14) var(--font-second-sa);
    text-transform: lowercase;
    background: rgba(23, 23, 23, 1);
    box-sizing: border-box;
    padding: 8px;
}

guestdesc div {
    overflow: auto;
    color: white;
    padding-right: 5px;
}

color: rgba(255, 255, 255, 1)
}

guestams, guestams p {
    display: flex;
    font-size: 10px !important;
    gap: 5px;}

.blush-ams-links {
  display: flex;
  gap: 4px;
  align-items: center;
}

.blush-amt-links {
  margin-top: 15px !important;
}

.blush-amt-links p {
  background: rgba(35, 37, 40, 1);
  padding: 2px 10px !important;
  box-sizing: border-box;
  color: rgba(238, 238, 238, 1);
  font: var(--fw400) var(--fs10) var(--font-second-sa) !important;
  border-radius: var(--bradius-major);
  margin: 0 !important;
  text-transform: lowercase;
}

.blush-amt-links a {
  font: var(--fw400) var(--fs11) var(--font-second-sa) !important;
  background: rgba(35, 37, 40, 0.1);
  margin: 0 !important;
  padding: 1px 8px 2px !important;
  border-radius: var(--bradius-major);
  color: rgb(var(--text-color-secondary), 1) !important;
  transition: var(--anim-hover) !important;
  box-shadow: 0px 0px 0px 0px rgba(208, 126, 131, 0.6), 0px 2px 8px 0px rgba(255, 255, 255, 0.67) inset !important;
}

.blush-amt-links a:hover {
  background: rgb(var(--accent));
  box-shadow: 0px 6px 8px 0px rgba(208, 126, 131, 0.6), 0px 2px 8px 0px rgba(255, 255, 255, 0.67) inset !important;
}

.blush-guest-chars {
    width: 96.6%;
  display: flex;
  margin-top: 26px !important;
  gap: 5px;
    justify-content: center;
}

reserved::before {
    content: attr(data-title);
    font: var(--fw400) var(--fs14) var(--font-cat-title) !important;
    padding: 4px 8px 7px 8px;
    box-sizing: border-box;
    background-color: rgba(15, 15, 15, 0.21);
    color: rgba(255, 255, 255, 1);
    display: block;
    text-transform: uppercase;
    text-align: center;
    height: 21px;
    width: 100%;
}

reserved {
    width: 353px;
    min-height: 169px;
    position: relative;
    padding: 10px;
    box-sizing: border-box;
    background: rgb(var(--text-primary), .4);
    text-transform: lowercase;
}

.gray reserved {
  background: rgb(var(--light-accent), .15);
}

reserved>div {
    width: 328px;
    min-height: 125px;
    margin-top: 5px;
    position: relative;
    overflow: auto;
    line-height: 130%;
    color: white;
    font-size: 14px;
    font-weight: 300;
}

d {
    position: relative;
    background: rgb(var(--light-accent), .2);
    left: 0px;
    margin: 5px 0 !important;
    width: fit-content;
    font: var(--fw400) var(--fs12) var(--font-cat-title) !important;
    padding: 6px 8px 6px 8px;
    box-sizing: border-box;
    background-color: rgba(15, 15, 15, 0.21);
    color: rgba(255, 255, 255, 1);
    display: block;
    text-transform: uppercase;
    text-align: center;
    height: 21px;
}
guestheader .cyberpunk-header {
    top: 29px;
    left: 0px;
}

</style>

<guestroom>

<!----------------- ссылки навигации ----------------->
<div id='guestlinks'>

<a href='https://rwrd.rusff.me/viewtopic.php?id=3#p6'>фак</a>
<a href='https://rwrd.rusff.me/viewtopic.php?id=21#p69'>нужные</a>
<a href='https://rwrd.rusff.me/viewtopic.php?id=20#p68'>сюжет</a>
<a href='https://rwrd.rusff.me/viewtopic.php?id=6#p13'>шаблон анкеты</a>
</div >

<!----------------- хэдер ----------------->
<guestheader><div class="cyberpunk-header"></div></guestheader>

<!----------------- описание ----------------->

<guestdesc> <div>

Добро пожаловать на форум по вселенной Майка Пондсмита. Играем в двух таймлайнах, балуемся всякими видами мастеринга и допускаем смешанные внешности. <br>
• Роли и лица держим по 3 дня за зарегистрированными пользователями и сутки для гостей

</div></guestdesc>

<guestams style="    margin-top: 17px;
    display: flex;
    gap: 10px;
    margin-bottom: -15px;
    font-size: 12px;">
подергать напрямую в лс:
<a href="https://rwrd.rusff.me/profile.php?id=4">ERIC HOLDEN</a>
<a href="https://rwrd.rusff.me/profile.php?id=3">VEXLINE</a>
<a href="https://rwrd.rusff.me/profile.php?id=5">JO KERRIGAN</a>
<a href="https://rwrd.rusff.me/profile.php?id=10">CLIFFORD PRICE</a>
<a href="https://rwrd.rusff.me/profile.php?id=20">KAEDEHARA KANNA</a>
<a href="https://rwrd.rusff.me/profile.php?id=39">MOLLY</a>
</guestams>

<!----------------- списки придержанных ----------------->

<div class='blush-guest-chars'>

<!-------- придержанные ------->
<reserved data-title='придержанные внешности'>

<div>
<d>бессрочно за амс:</d>
jonathan davis<br>
emma d'arcy<br>
luke roberts<br>
Ryan Gosling<br>
eiza gonzбlez<br>
kate beckinsale<br><br>

<d>до 13.03</d>
ning yizhuo - <a href='https://rwrd.rusff.me/profile.php?id=85'>mimi himura</a> <br> <br>
</div>

</reserved>

<!-------- выкупленные ------->
<reserved data-title='придержанные роли'>

<div>

<d>недоступны для игры:</d>
альт каннингем  (доступна для игры только до 2013 года)<br>
голубоглазый<br>
сабуро арасака (flatlined)<br>
курт хансен (flatlined)<br>
лукас харфорд (flatlined)<br>
честер беннетт (flatlined)<br>
Ханако Арасака<br><br>
<d>можно взять после согласования с амс:</d>
Ёринобу Арасака<br>Мичико Сандерсон<br>Адам Смэшер<br>Розалинд Майерс<br><br>

</div>

</reserved>

</div>

</guestroom>[/html][hideprofile]
не забываем тег code

 имя фамилия - <a href='#'>ваш ник</a> <br>