Маска - странный предмет. Вроде и есть, а вроде и нет

[html]<link href="https://fonts.googleapis.com/css2?family=Oranienbaum&family=PT+Sans&display=swap" rel="stylesheet"><style>
.ship20 {
--bgsw: 800px;  /*  максимальная ширина блока */
--bgs1: #342d28;  /* фон общий*/
--sct1: #CBC6B9;  /*  цвет общего текста  */
--sct1a: #ceae60;   /* цвет ccылок */
--szt: 1em;  /*  размер шрифта  */

--pad2: 24px;  /* отступ между эпизодами */
--pad1: 18px;  /* отступ текста слева */

--pwt: 46px;  /* ширина левого блока */
--bgs2: #ceae60;; /* цвет границы*/

--bgs3: #ceae60; /* цвет ленты */
--sct3: #342d28;  /* текст ленты */

--sct2: #767676;  /* цвет даты и участников */

--bgsa: #ceae60;  /*  активный эпизод  */
--bgsz: #615A46;  /*  завершенный эпизод  */
--bgsnz: #3D3626; /*  незавершенный эпизод  */
}

.ship20 * {box-sizing: border-box; line-height: 140% !important;}
.ship20 {margin: auto 40px auto 0px; max-width: var(--bgsw); background: var(--bgs1); color: var(--sct1); font-size: var(--szt);}
.ship20 a {color: var(--sct1a) !important;}
.ship20 a:hover {filter: brightness(1.2);}
.ship20 p {margin: 0px auto 0px calc(var(--pad1) + var(--pwt)) !important; padding: 0 var(--pad2) var(--pad2) 0 !important; position: relative; text-align: justify;}
.ship20 p:before {content:' '; display: block; position: absolute; margin-left: calc(0px - var(--pad1) - var(--pwt)); height: 100%; width: var(--pwt); border-right: 1px solid var(--bgs2); }
/**  эпизод  **/
.ship20 p > a:first-child {display: block; padding: 4px 0 4px 0; font-size: 14px; font-weight: 400; font-style: italic; font-family: Georgia, Times New Roman, serif;}
/**  маркеры  shipovnik **/
.ship20 p > a.ep_a:before, .ship20 p > a.ep_z:before, .ship20 p > a.ep_nz:before {content: ''; display:block; position:absolute; transform: translate(-50%, 50%); width: 12px; height: 12px; margin-left: calc(0px - var(--pad1) - var(--pwt) / 2); border-radius: 50%;}
.ship20 p > a.ep_a:before {background: var(--bgsa); title="активный эпизод";}
.ship20 p > a.ep_z:before {background: var(--bgsz);}
.ship20 p > a.ep_nz:before {background: var(--bgsnz);}
/**  дата и участники  **/
.ship20 em {display: block; padding: 0 0 6px 0; font-style: normal !important; color: var(--sct2); font-size: 11px; font-family: Tahoma, sans-serif;}
/**  год или эпоха  **/
.ship20 ht0 {display:block; position:relative; padding: 7px 30px; margin: 0px auto; color: var(--sct3); background: var(--bgs3); font-size: 15px; text-transform: uppercase; font-family: 'Oranienbaum', Tahoma, serif; letter-spacing: 3px;}
.ship20 ht0:after {content:''; display: block; position: absolute; top: 0px; right: -29px; width: 30px; height: 100%; clip-path: polygon(0% 0%, 75% 0%, 30% 50%, 75% 100%, 0% 100%); background: var(--bgs3);}
.ship20 ht0 + p > a:first-child {padding-top: var(--pad2);}
.tab input, .tab-content { display: none; }
   .tab-title {
    padding: 10px; /* Поля вокруг текста */
    display: block; /* Блочный элемент */
    text-transform: uppercase; /* Все буквы заглавные */
    font-weight: bold; /* Жирное начертание */
    cursor: pointer; /* Вид курсора */
   }
   .tab-content {
    padding: 10px 20px; /* Поля вокруг текста */
   }
  .tab :checked ~ .tab-content {
    display: block; /* Показываем содержимое */
   }
</style>
<div class="ship20">

<!--- START --->

<!-----  ГОД ИЛИ ЭПОХА  ----->
  <div class="accordion">
   <div class="tab">
    <input type="checkbox" id="tab1" name="tab-group">
    <label for="tab1" class="tab-title"><ht0>Февраль 2022 ▼</ht0></label>
<section class="tab-content">
  <p> <br><em> 1 </em></p>
<p><a class="ep_z" href="http://gloomywaters.f-rpg.me/viewtopic.php?id=103">A Nightmare on My Street (Eng)</a>
<em>Griffin Knox & Asher Deveraux</em>
Эшер и Гриффин встречаются на заправке, чтобы изгнать кошмар.
<br><b>! Описание поведения кошмара на протяжении всего эпизода, <a href="http://gloomywaters.f-rpg.me/viewtopic.php?id=103#p15173">здесь</a> процесс изгнания.</b> Если не читаете по-английски, обратитесь к <a href="http://gloomywaters.f-rpg.me/messages.php?action=new&uid=7">Эшу</a>.</p>

  <p> <br><em> 2 </em></p>
<p> <a href="#"></a>
<em></em>

</p>

  <p> <br><em> 3 </em></p>
<p><a class="ep_a" href="https://gloomywaters.f-rpg.me/viewtopic.php?id=298">может, все-таки нажмете?</a>
<em>   Lionel Moore & Marigold Grant </em>
Лайонел и Мэриголд застревают в лифте с призраком и стараются от него убежать.
<br><b>! Описание взаимодействия магов с призраком.</b>
</p>

  <p> <br><em> 4 </em></p>
<p><a class="ep_z" href="http://gloomywaters.f-rpg.me/viewtopic.php?id=186#p15658">So now you're dead</a>
<em>   Evie Deveraux & Xander Ram</em>
Иви и Ксандер пробираются в морг, чтобы найти тело одного из покончивших с собой членов Совета.
</p>
<p><a class="ep_a" href="https://gloomywaters.f-rpg.me/viewtopic.php?id=271 ">deception and delusion</a>
<em>   Cedric Bellow & Henrietta Ayrton</em>
Седрику очень нужен усилитель.
</p>

  <p> <br><em> 5 </em></p>
<p><a class="ep_z" href="http://gloomywaters.f-rpg.me/viewtopic.php?id=136">scars don't make us beautiful. just weak</a>
<em>  Melissa Young & Serena Lawson </em>
Мелисса просит у Серены помощи в поисках брата.
</p>
<p><a class="ep_a" href="http://gloomywaters.f-rpg.me/viewtopic.php?id=180">way down we go</a>
<em>  Xander Ram, Nick Archer & Joseph Fowler</em>
Хранители пытаются понять, как быть дальше и где взять зелье.
</p>

  <p> <br><em> 6 </em></p>
<p><a class="ep_a" href="http://gloomywaters.f-rpg.me/viewtopic.php?id=207">what happened and what's going on</a>
<em>   Nancy Thompson & Xander Ram</em>
Ксандер допрашивает Нэнси о случившемся с её тётей, членом Совета.
</p>

  <p> <br><em> 7 </em></p>
<p><a href=""></a>
<em>  </em>
</p>

  <p> <br><em> 8 </em></p>
<p><a href=""></a>
<em>  </em>
</p>

  <p> <br><em> 9 </em></p>
<p><a class="ep_a" href="http://gloomywaters.f-rpg.me/viewtopic.php?id=247">Die Schatten werden länger</a>
<em>  Erick Norton & Matthew Anderson </em>
Допрос свидетелей преступления, живых и мёртвых.
<br><b>! Описание призрака и взаимодействия с ним. </b>
</p>

  <p> <br><em> 10 </em></p>
<p><a href=""></a>
<em>  </em>
</p>

  <p> <br><em> 11 </em></p>
<p><a href=""></a>
<em>  </em>
</p>

  <p> <br><em> 12 </em></p>
<p><a href=""></a>
<em>  </em>
</p>

  <p> <br><em> 13 </em></p>
<p><a class="ep_a" href="http://gloomywaters.f-rpg.me/viewtopic.php?id=216">where have all the good men gone</a>
<em>   Theodora Harper & Mirta Vargas</em>
Хранители расследуют цепочку убийств в условиях гибели Совета.
<br><b>! В перспективе описание действий мага крови.</b>
</p>

  <p> <br><em> 14 </em></p>
<p><a href=""></a>
<em>  </em>
</p>

  <p> <br><em> 15 </em></p>
<p><a href=""></a>
<em>  </em>
</p>

  <p> <br><em> 16 </em></p>
<p><a class="ep_z" href="http://gloomywaters.f-rpg.me/viewtopic.php?id=102">I have seen the ending</a>
<em>   Asher Deveraux & Abigail Dawkins </em>
Эбби устраивается на работу к Эшеру
</p>

  <p> <br><em> 17 </em></p>
<p><a href=""></a>
<em>  </em>
</p>

  <p> <br><em> 18 </em></p>
<p><a class="ep_nz" href="http://gloomywaters.f-rpg.me/viewtopic.php?id=232">Если говорил, что не брал, значит не отдам</a>
<em>   Raphael Davis & Griffin Knox</em>
Рафаэль и Гриффин пытаются обокрасть друга Рафа.
</p>
<p><a class="ep_a" href="http://gloomywaters.f-rpg.me/viewtopic.php?id=169">we are young. we are far.</a>
<em>  Sky & Melissa Young</em>
Возвращение блудного брата.
</p>

  <p> <br><em> 19 </em></p>
<p><a class="ep_a" href="http://gloomywaters.f-rpg.me/viewtopic.php?id=171">Carry me home tonight</a>
<em>   Henrietta Ayrton & Sky Young</em>
Скай помогает Генри улизнуть с празднования её дня рождения.
</p>

  <p> <br><em> 20 </em></p>
<p><a class="ep_a" href="http://gloomywaters.f-rpg.me/viewtopic.php?id=253">Theo</a>
<em>   Theodora Harper & Xander Ram</em>
Ксандер помогает Тео, а в процессе хранители переругиваются и выясняют, чья школа лучше.
<br><b>! Описание <a href="http://gloomywaters.f-rpg.me/viewtopic.php?id=253#p26919">будней хранителей</a> и действий магов крови.</b>
</p>
<p><a class="ep_a" href="https://gloomywaters.f-rpg.me/viewtopic.php?id=280"> Picking up the pieces to make ends meet</a>
<em>   Hayley Ray & Melissa Young</em>
Мелисса пытается разобраться в обстоятельствах смерти дяди и просит помощи у Хейли. Которая, возможно, имеет к этой смерти опосредованное отношение.
</p>

  <p> <br><em> 21 </em></p>
<p><a href=""></a>
<em>  </em>
</p>

  <p> <br><em> 22 </em></p>
<p><a class="ep_nz" href="http://gloomywaters.f-rpg.me/viewtopic.php?id=188">What the hell are you doing here?</a>
<em>   Joseph Fowler & Asher Deveraux</em>
Хранитель приходит расслабиться на квесте, а оказывается, что тот принадлежит знакомому сновидцу, и будет проходить действительно <i>во сне</i>.
</p>
<p><a class="ep_a" href="https://gloomywaters.f-rpg.me/viewtopic.php?id=295">if you dare</a>
<em>   Daniel Wood & Melissa Young</em>
Дэниэль и Мелисса пытаются наладить отношения.
</p>

  <p> <br><em> 23 </em></p>
<p><a href=""></a>
<em>  </em>
</p>

  <p> <br><em> 24 </em></p>
<p><a class="ep_a" href="https://gloomywaters.f-rpg.me/viewtopic.php?id=270">Damn good coffee</a>
<em>   Cedric Bellow & Theodora Harper</em>
Тео угощает Седрика кофе с зельем бессилия.
</p>

  <p> <br><em> 25 </em></p>
<p><a class="ep_nz" href="http://gloomywaters.f-rpg.me/viewtopic.php?id=204">i don’t care how late it is, when i wake up i’m eating breakfast</a>
<em>   Raphael Davis & Melissa Young</em>
Вредная сестра друга против тусовщика с диким похмельем.
</p>

  <p> <br><em> 26 </em></p>
<p><a class="ep_a" href="http://gloomywaters.f-rpg.me/viewtopic.php?id=113">I amplify, turn it high</a>
<em>  Henrietta Ayrton & Asher Deveraux</em>
Генриетта, сама того не зная, усиливает способности Эшера, и квест идёт не совсем по плану.
<br><b>! Весь эпизод - квест в сновидческом сне.</b>
</p>

  <p> <br><em> 27 </em></p>
<p><a class="ep_nz" href="http://gloomywaters.f-rpg.me/viewtopic.php?id=258">Завтрак у Ферри</a>
<em>   Evie Deveraux & August Lloyd</em>
Иви ищет себе наставника.
</p>

  <p> <br><em> 28 </em></p>
<p><a class="ep_a" href="http://gloomywaters.f-rpg.me/viewtopic.php?id=220">Once Upon a Dream (Eng)</a>
<em>   Asher Deverau & Griffin Knox</em>
Эшер мается от скуки и навещает Гриффина во сне.
<br><b>! Весь эпизод происходит в сновидческом сне.</b>
</p>

  <p> <br><em> точная дата неизвестна </em></p>
<p><a class="ep_a" href="http://gloomywaters.f-rpg.me/viewtopic.php?id=174">i don't wanna fall asleep</a>
<em>   Michelle Butler & David Marshall</em>
Дэвид и Мишель летят на самолёте, спят и видят очень интересные сны, усиленные даром Мишель.
<br><b>! Эпизод происходит в сновидческом сне.</b>
</p>
</section>
</div>
<!-----  ГОД ИЛИ ЭПОХА  ----->
<div class="accordion">
   <div class="tab">
    <input type="checkbox" id="tab2" name="tab-group">
    <label for="tab2" class="tab-title"><ht0>Март, 2022 ▼</ht0></label>
<section class="tab-content">

  <p> <br><em> 1 </em></p>
  <p><a href="#"></a>
<em>   </em>
  </p>

   <p> <br><em> 2 </em></p>
  <p><a href="#"></a>
<em>   </em>
  </p>

   <p> <br><em> 3 </em></p>
<p><a class="ep_nz" href="http://gloomywaters.f-rpg.me/viewtopic.php?id=183">Let the rain wash away all the pain of yesterday</a>
<em>   Joseph Fowler & Griffin Knox</em>
Джозеф и Гриффин встречаются в парке, поддаются его магии, а ещё разговаривают.
<br><b>! Описание воздействия сексуальных флюидов парка (рейтингово).</b>
  </p>
<p><a class="ep_a" href="https://gloomywaters.f-rpg.me/viewtopic.php?id=278">moron days</a>
<em>   Hayley Ray & Theodora Harper</em>
Тео ищет, с кем разделить аренду квартиры.
<br><b>! В перспективе описание взаимодействия с призраком.</b>
  </p>

   <p> <br><em> 4 </em></p>
  <p><a href="#"></a>
<em>   </em>
  </p>

   <p> <br><em> 5 </em></p>
<p><a class="ep_a" href="http://gloomywaters.f-rpg.me/viewtopic.php?id=195">into the woods</a>
<em>   Evie Deveraux & Nancy Thompson & Melissa Young</em>
Девочки отправляются в кемпинг, но что-то, разумеется, идёт не так.
<br><b>! В перспективе описание пребывания в Хижине в заповеднике Мьюир Вудс.</b>
  </p>
<p><a class="ep_a" href="https://gloomywaters.f-rpg.me/viewtopic.php?id=292 ">Воды забвения глубоки</a>
<em>   Griffin Knox & Aengus Ward &  Erick Norton</em>
Мальчики расследуют тайны заброшенной психбольницы.
  </p>

   <p> <br><em> 6 </em></p>
  <p><a href="#"></a>
<em>   </em>
  </p>

   <p> <br><em> 7 </em></p>
  <p><a href="#"></a>
<em>   </em>
  </p>

   <p> <br><em> 8 </em></p>
  <p><a href="#"></a>
<em>   </em>
  </p>

   <p> <br><em> 9 </em></p>
<p><a class="ep_a" href="https://gloomywaters.f-rpg.me/viewtopic.php?id=289">Твои веки тяжелеют...</a>
<em>   Riley Monroe & Lionel Moore</em>
Лайонел помогает Райли с возникшей у того проблемой.
  </p>

   <p> <br><em> 10 </em></p>
  <p><a href="#"></a>
<em>   </em>
  </p>

   <p> <br><em> 11 </em></p>
<p><a class="ep_nz" href="http://gloomywaters.f-rpg.me/viewtopic.php?id=172">Мы сидели и курили, начинался новый день...</a>
<em>   Raphael Davis & Sky Young</em>
Раф и Скай гуляют по мосту Золотые ворота и встречают призрака-самоубийцу.
<br><b>! Описание встречи с <a href-"http://gloomywaters.f-rpg.me/viewtopic.php?id=172#p17932>призраком</a>.</b>
  </p>

   <p> <br><em> 12 </em></p>
<p><a class="ep_a" href="http://gloomywaters.f-rpg.me/viewtopic.php?id=193">Table for three with a view to the future</a>
<em>   Abigail Dawkins & Henrietta Ayrton & Griffin Knox</em>
Эбби знакомит Генри и Гриффина-Гарольда друг с другом, чтобы предотвратить своё видение.
  </p>
<p><a class="a" href="https://gloomywaters.f-rpg.me/viewtopic.php?id=302 ">— Докатился? — Докубарился.</a>
<em>   Lionel Moore & Erick Norton</em>
Эрик помогает призраку и попадает в неприятности, Лайонел помогает Эрику, и оба выясняют, что они, оказывается, знакомы.
<br><b>! Описание <a href="https://gloomywaters.f-rpg.me/viewtopic.php?id=302#p34484">помощи</a> медиума призраку и к чему это может привести.</b>
  </p>
<p><a class="ep_a" href="https://gloomywaters.f-rpg.me/viewtopic.php?id=305 ">legacy</a>
<em>  Lionel Moore & Melissa Young</em>
Лайонел и Мелисса встречаются на складе, где девушка надеется отыскать артефакт, поисками которого она давно занимается.
  </p>
<p><a class="ep_a" href="https://gloomywaters.f-rpg.me/viewtopic.php?id=287 ">other people's things</a>
<em>   Nick Archer & Melissa Young</em>
Ник и Мелисса пытаются помириться и не обзавестись проклятьем.
<br><b>! В перспективе описание взаимодействия с проклятым предметом. </b>
  </p>
<p><a class="ep_a" href="http://gloomywaters.f-rpg.me/viewtopic.php?id=205">Раздувается пламя ветром перемен</a>
<em>   Sky Young & Joseph Fowler </em>
Скай и Джо пересекаются в лифте своего дома после того как незадолго до этого поспорили в клубе.
  </p>

   <p> <br><em> 13 </em></p>
<p><a class="ep_a" href="https://gloomywaters.f-rpg.me/viewtopic.php?id=277">We're stuck</a>
<em>   Hayley Ray & Asher Deveraux</em>
Хейли и Эшер застряли в лифте.
  </p>

   <p> <br><em> 14 </em></p>
  <p><a href="#"></a>
<em>   </em>
  </p>

   <p> <br><em> 15 </em></p>
<p><a class="ep_a" href="http://gloomywaters.f-rpg.me/viewtopic.php?id=198">Trial and Error</a>
<em>   Nancy Thompson & Henrietta Ayrton</em>
Совместный проект может оказаться довольно опасной штукой, если его выполняют проклятая и усилитель.
<br><b>! В перспективе описание действия проклятия Чёрной метки.</b>
  </p>
<p><a class="ep_a" href="https://gloomywaters.f-rpg.me/viewtopic.php?id=303 ">Хтонические звуки и где они обитают</a>
<em>   Robin Norton  & Erick Norton</em>
Два медиума, призрак и семейные не-тайны.
<br><b>! Описание взаимодействия с разбушевавшимся призраком. </b>
  </p>

   <p> <br><em> 16 </em></p>
<p><a class="ep_z" href="http://gloomywaters.f-rpg.me/viewtopic.php?id=110">Kiss me, I might be Irish</a>
<em>   Evie Deveraux & Griffin Knox</em>
Иви и Гриффин отлично проводят вечер, а в их следующую встречу через год выясняется, что Гриффин был не вполне искренен и теперь должен как-то загладить вину.
<br><b>! Описание <a href="http://gloomywaters.f-rpg.me/viewtopic.php?id=110#p18849">Белой Дамы</a> и взаимодействия с ней.</b>
  </p>

   <p> <br><em> 17 </em></p>
<p><a class="ep_a" href="http://gloomywaters.f-rpg.me/viewtopic.php?id=233">That awkward moment...</a>
<em>   Abigail Dawkins, Evie Deveraux, Griffin Knox, Asher Deveraux</em>
Комедия абсурда о том, что все знают друг друга, но не всегда под правильными именами, и никто не знает, что они все друг друга знают.
  </p>

   <p> <br><em> 18 </em></p>
<p><a class="ep_a" href="https://gloomywaters.f-rpg.me/viewtopic.php?id=269">Heal my wounds, save my soul</a>
<em>   Hayley Ray & Griffin Knox</em>
Хейли, которая, оказывается, тоже знает Гриффина, помогает ему сбежать из больницы.
  </p>

   <p> <br><em> 19 </em></p>
  <p><a href="#"></a>
<em>   </em>
  </p>

   <p> <br><em> 20 </em></p>
<p><a class="ep_a" href="https://gloomywaters.f-rpg.me/viewtopic.php?id=304">Nothing stronger than family</a>
<em>  Hilary Norton & Erick Norton</em>
Если Эрик не идёт к семье, семья идёт к Эрику
  </p>

   <p> <br><em> 21 </em></p>
<p><a class="ep_a" href="http://gloomywaters.f-rpg.me/viewtopic.php?id=261">Must be something in the air</a>
<em>   Abigail Dawkins & Asher Deveraux</em>
Эбби просит Эшера об одолжении в парке "Золотые ворота"
<br><b>! В перспективе описание воздействия флюидов парка (версия лайт).</b>
  </p>

   <p> <br><em> 22 </em></p>
  <p><a href="#"></a>
<em>   </em>
  </p>

   <p> <br><em> 23 </em></p>
  <p><a href="#"></a>
<em>   </em>
  </p>

   <p> <br><em> 24 </em></p>
  <p><a href="#"></a>
<em>   </em>
  </p>

   <p> <br><em> 25 </em></p>
<p><a class="ep_a" href="https://gloomywaters.f-rpg.me/viewtopic.php?id=273">Why the hell not</a>
<em>   Riley Monroe & Griffin Knox</em>
Гриффин помогает Райли добраться до сенатора, параллельно при помощи своих способностей расследуя пропажу мужа сенаторской дочери.
<br><b>! Описание <a href="https://gloomywaters.f-rpg.me/viewtopic.php?id=273#p29525">чтения предметов </a>медиумом. </b>
  </p>

   <p> <br><em> 26 </em></p>
  <p><a href="#"></a>
<em>   </em>
  </p>

   <p> <br><em> 27 </em></p>
  <p><a href="#"></a>
<em>   </em>
  </p>

   <p> <br><em> 28 </em></p>
  <p><a href="#"></a>
<em>   </em>
  </p>

   <p> <br><em> 29 </em></p>
  <p><a href="#"></a>
<em>   </em>
  </p>

   <p> <br><em> 30 </em></p>
  <p><a href="#"></a>
<em>   </em>
  </p>

   <p> <br><em> 31 </em></p>
  <p><a href="#"></a>
<em>   </em>
  </p>
</section>
</div>
<!--- END ---></div>[/html]

[html]<div id="spiritworkroom">
  <div class="spiritfirst">
    <div class="spiritfirstpic"><img src="https://forumstatic.ru/files/0014/d2/94/37799.jpg?v=1"></div>
    <div class="spiritfirsttitle">Gloomy waters
      <subtitle>добро пожаловать</subtitle></div>
    <div class="spiritfirsttext"><subtitle>общая информация</subtitle>
      <about><b>Дата открытия:</b> 1.04.22<br><br><b>Рейтинг игры:</b> 18+, возможно подробное описание сцен жестокости и сексуального характера, в том числе нетрадиционных сексуальных отношений<br><br><b>Место и время действия:</b> США, Сан-Франциско, 2022<br><br><b>Система игры:</b> эпизодическая, пассивный мастеринг (вмешательство мастера игры возможно при необходимости)<br></about></div>
  </div>
 
  <div class="spiritsecond">
<div class="tabs">
    <input id="tab1" type="radio" name="tabs" checked>
    <label for="tab1">WELCOME</label>

       <input id="tab3" type="radio" name="tabs">
    <label for="tab3">правила</label>

<input id="tab2" type="radio" name="tabs">
    <label for="tab2">FAQ</label>

    <section id="content-tab1">
        <p>
Вы привлекательны, мы чертовски привлекательны. Чего зря время терять? Проходите, располагайтесь, присоединяйтесь к нашей дружной компании. А если что-то непонятно - смело задавайте вопросы в этой теме. <br><br>
Внешности и имена/фамилии придерживаются для гостя на три дня, для зарегистрированного пользователя - на пять.
<br>Продлить бронь можно два раза. Для того, чтобы придержать внешность/имя/фамилию, заполните шаблон ниже.
<table layout=fixed width=100%>
<tr>
<td><b>Придержанные внешности</b>
<br><b>
</td>
<td><b>Придержанные имена</b>

</td>
</tr>
<tr>
<td>
<br><b>
<td>
<br>
</td>
</tr>
</table>
        </p>
    </section>
      <section id="content-tab3">
        <p>
<b>Организация игры</b><br>
♦ На аватаре должна быть внешность вашего прототипа.<br>
♦ Разрешены внешности только реальных людей (рисованные и мультяшные — нет).<br>
♦ Размер и оформление постов нами никак не регулируются, скорость отписки в личных эпизодах — тоже.<br><br>
<b>Об игре</b><br>
♦ Просим вас воздержаться от привязки своего персонажа к известным в реальности личностям.<br>
♦ Если вы хотите создать артефакт/проклятие/вписать что-то, чего нет в мат. части — обратитесь к амс.<br>
♦ Масштабные события, которые могут повлиять на жизнь мира и других игроков — также нужно обговорить с амс.<br><br>
<b>Твинки</b><br>
♦ Следующего персонажа можно завести через две недели и пять постов от предыдущего. Должны быть соблюдены оба условия.<br>
♦ Разрешено иметь до трёх твинков одному игроку. Если вы хотите больше, вы должны быть убедительно активны за каждого из предыдущих персонажей, а также уплатить определенную сумму в игровой банк.<br>
♦ Запрещено сокрытие твинков от игроков.<br><br>
<b>Удаление</b><br>
♦ Две недели отсутствия игрока без предупреждения ведут к удалению.<br>
♦ Писать пост за персонажа достаточно один раз в два месяца. Чтобы вас не удалили дольше, надо договариваться через тему <a href="http://gloomywaters.f-rpg.me/viewtopic.php?id=77#p6028"><b>"отсутствие"</b></a>.<br><br>
<b>Общение вне игры</b><br>
♦ Важно быть толерантными по отношению друг к другу, открыто не скандалить, не разводить пропаганду, воздержаться от комментариев неудобных общественных тем.<br><br>
<b>Что можно</b><br>
♦ Всё, что не запрещено, но стоит уточнить у амс.
    </p>
    </section>   
    <section id="content-tab2">
        <p>
<b>Как устроен игровой мир?</b><br>Примерно так же, как наш реальный (за исключением глобальных проблем последних двух лет), только у нас здесь ещё водятся маги, медиумы, призраки и ещё разная хтонь по мелочи.<br><br>
<b>А обычные люди обо всём этом знают?</b><br>
Официально нет, кодексом Совета запрещено слишком явно демонстрировать свои способности. По факту же к время от времени проявляющемуся мистическому у людей отношение примерно как в реальности к разного рода эзотерике: кто-то верит во всё, даже в самую дикую дичь, кто-то найдёт рациональное объяснение, даже если у него на глазах поколдовать.<br><br>
<b>У форума есть какой-то первоисточник, с которым мне нужно ознакомиться?</b><br>Не будем претендовать на оригинальность, мы вдохновлялись разными произведениями, и вы наверняка найдёте в описании миллион и одну отсылку (о половине которых не знаем даже мы сами), но для комфортной игры на форуме достаточно знакомства с его матчастью.<br><br>
<b>Кем можно играть?</b><br> Магом или хранителем порядка, медиумом, прорицателем, сновидцем, усилителем или человеком, совсем не отягощённым сверхъестественным, а может быть, <a href="http://gloomywaters.f-rpg.me/viewtopic.php?id=25#p168"><b>проклятым</b></a> или одержимым <a href="http://gloomywaters.f-rpg.me/viewtopic.php?id=7#p20"><b>призраком</b></a>. Обо всех этих категориях можно прочитать подробнее в <a href="http://gloomywaters.f-rpg.me/viewtopic.php?id=6#p12"><b>матчасти</b></a>.<br><br>
<b>А можно быть призраком  и ни в кого не вселяться?</b><br>Нет, это не игровые персонажи, однако вы можете использовать их в своих эпизодах как нпс для развития личного сюжета.<br><br>
<b>А оборотнем/вампиром/русалкой/домовым эльфом можно?</b><br>Единственная игровая раса - это люди, с мистическими способностями или без них. Существование в реальности мифологических персонажей и им подобных матчастью форума не предусмотрено. <br><br>
<b>Какой максимальный возраст персонажа?</b><br>
Продолжительность жизни персонажей на форуме — стандартная человеческая, если только вы не подцепили <a href="http://gloomywaters.f-rpg.me/viewtopic.php?id=25#p168"><b>проклятие</b></a> вечной жизни, но оно неприятное, не советуем.<br><br>
<b>Откуда берутся способности? Они передаются по наследству? Можно ими овладеть?</b><br>
Все способности являются врождёнными, а откуда они берутся точно не известно. Считается, что, если родители обладают мистическими способностями, у ребёнка выше шансы тоже их иметь, но это не обязательное условие. Способности можно развить, но вот научиться колдовать/видеть будущее/изгонять призраков, если у вас нет врождённого дара, не получится.<br><br>
<b>А если меня вообще не интересует эта ваша мистика?</b><br>Тогда вы можете спокойно играть реальную жизнь, не обращая внимания на происходящие вокруг странности или находя им рациональное объяснение. <br><br>
<b>Я могу придумать собственные артефакты/зелья/организацию/что-то ещё?</b><br>Да, если это не противоречит матчасти и духу ролевой. Только не забудьте согласовать ваше нововведение с администрацией.<br><br>
<b>Что насчёт сюжета? А квесты будут?</b><br>Мы наметили общую <a href='http://gloomywaters.f-rpg.me/viewtopic.php?id=5#p11'><b>сюжетную</b></a> канву, на которую вы можете ориентироваться в личных сюжетах. Именно из них в первую очередь будет складываться форумная история. Квесты от администрации будут, если будут желающие в них играть.
        </p>
    </section>
</div>
  </div>
</div>
<div class="clearer"></div>

<style>
/* код от вещего духа */
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900|Prata&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Amatic+SC:400,700|Old+Standard+TT:400,700|Oranienbaum|Oswald:300,400,700|PT+Sans:400,700|Roboto+Condensed:300,400,700|Roboto:300,400,700');

#spiritworkroom {width: 810px;
height: 520px;
background: #6a6b5a;
margin:auto;
box-shadow: 0 0 0 1px rgba(0,0,0,.2)}

.spiritfirst {float: left;
  margin: 10px;
width: 160px;
height: 490px;
box-shadow: 0 0 0 1px rgba(0,0,0,.2);
overflow: hidden;
position: relative;
border: 5px solid #c9cabe}

.spiritfirstpic {margin:auto;
width: 160px;
height: 490px;}

.spiritfirsttitle {font-family: playfair display;
font-weight: 900;
width: 160px;
color: #d2b44b;
text-shadow: 1px 1px 0px #000;
font-size: 18px;
height: 73px;
margin: -80px 0 0 0px;
z-index: 10;
position: relative;
padding-left: 10px;
background: rgba(0,0,0,.65);
transition: all .7s cubic-bezier(0.25, 0.1, 0.25, 1) .15s}

.spiritfirsttitle subtitle {box-shadow: 0 -2px 0 0 rgba(255,255,255,.1);
font-family: playfair display;
font-weight: normal;
color: #c9cabe;
text-shadow: 1px 1px 0px #333;
font-size: 9px;
display: block;
text-align: right;
letter-spacing: 1px;
margin-top:4px;
margin-right: 20px}

.spiritfirsttitle:before {background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.65));
content: "";
display: block;
position: absolute;
width: 100%;
height: 50px;
top: -50px;
margin-left: -10px}

.spiritfirsttext {
z-index:8;
position: relative;
background: rgba(0,0,0,.65);
width: 160px;
margin: 0px 0 0 0px;
font-family: playfair display;
font-size: 12px;
text-align: center;
padding: 1px 0px;
  color: #dbd5cd;}

.spiritfirsttext about {margin: 10px 15px;
display: block;
box-shadow: 0 -2px 0 0 rgba(255,255,255,.1);
padding-top:10px}

.spiritfirsttext:after {background:linear-gradient(to bottom, rgba(0,0,0,.65), rgba(0,0,0,0));
content: "";
display: block;
position: absolute;
width: 100%;
height: 100px;
bottom: -100px;
margin-left: 0px}

.spiritfirsttext subtitle {
  text-align: center;
  display: block;
  width: 160px;
  font-size: 11px;
font-family: playfair display;
  color: #999;
  opacity: 0;
  transform: translate(0,400px);
  transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1) .15s
}

.spiritfirst:hover .spiritfirsttitle {margin-top: -530px;
}
.spiritfirst:hover subtitle {opacity:1;
  transform: translate(0,0px)}

.spiritsecond {background: #c9cabe;
width: 450px;
  margin: 10px;
  height: 500px;
  margin-top:9px;
border: 1px solid rgba(0,0,0,.2);
  position: absolute;
  margin-left: 185px
}

.tabs {
padding: 0px;
margin: 0 auto;
}

.tabs>section {
display: none;
padding: 10px;
  height: 440px;
  overflow-y: auto;
  margin: 5px;
  font-family: playfair display;
  font-size: 11px;
  text-align: justify
}
.tabs>section>p {
margin: 0 0 5px;
line-height: 1.5;
color: #2c2923;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}

@keyframes fadeIn {
from {
    transform: translate(-400px,0);
    transform-origin: 50% 0%;
}
to {
    transform: translate(0px,0);
}
}

.tabs>input {
display: none;
position: absolute;
}

.tabs>label:first-of-type {box-shadow: none}
.tabs>label {
display: inline-grid;
margin: 0 -3px 0px;
padding: 10px 0px;
font-weight: 600;
text-align: center;
color: #2c2923;
background: #c9cabe;
  width: 150px;
  border: solid rgba(0,0,0,.2);
  border-width: 0px 0px 1px 0px;
  left: 3px;
  top: 0px;
  position: relative;
font-family: playfair display;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: lighter;
  box-shadow: 1px 0 0 0 rgba(0,0,0,.2) inset
}

.tabs>label:after {content: "";
display: block;
position:absolute;
width: 180px;
height: 3px;
background: #2c2923;
left:3px;
bottom:3px;
transform: scaleX(0);
  transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s}

.tabs>label:hover:after {transform: scaleX(1);
background: #d5b864;}
.tabs>label:hover {
color: #2c2923;
cursor: pointer;
  transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s
}

.tabs>input:checked+label {
color: #555;
  background: #c9cabe;
}
.tabs>input:checked+label:after {content: "";
display: block;
position:absolute;
width: 180px;
height: 3px;
background: #888;
left:3px;
bottom:3px;
transform: scaleX(1);
  transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s}

#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3 {
display: block;
}
</style>[/html]

<br><b>ваша внешность</b> — <a href="ссылка на ваш профиль">ваше имя</a>

something new

[html]<link href="https://fonts.googleapis.com/css?family=Dancing+Script&display=swap" rel="stylesheet">
<style>
#ship4 {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    height: 650px;
    margin: auto auto auto 2em;
    padding: 20px 0;
    background: #b5c1c9; /* Changed background color */
    border-radius: 50px; /* Added border-radius */
}

.shimg {
    order: 2;
    background: 50% 50% no-repeat;
    background-size: cover;
    width: 250px;
    height: 550px;
    margin: -20px auto;
    background-image: url(https://i.imgur.com/CmDPXJs.png);
}

.stx1 {
    order: 1;
    width: 500px;
    box-sizing: border-box;
    text-align: center;
    line-height: 130%;
    font-size: 11px;
    padding: 0 0 0 26px;
    color: #263139;
}

.stx1 > h5 {
    position: relative;
    margin-right: -30px;
    line-height: 150%;
    font-style: normal !important;
    font-weight: 400;
    font-size: 45px;
    font-family: "beaufort", Times New Roman, serif;
    text-transform: uppercase;
    color: #917f42;
}

.stx1 > em {
    display: block;
    position: relative;
    margin-right: -30px;
    padding: 4px 0 18px 0;
    font-family: Georgia, Arial, sans-serif;
    font-weight: 400;
    font-size: 11px;
    font-style: italic !important;
    color: #636363;
}

.stx2 {
    display: block;
    overflow: auto;
    max-height: 500px;
    text-align: justify;
    padding-right: 10px;
    color: #949494;
    font-size: 10px;
}

.stx2::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    background-color: transparent;
}

.stx2::-webkit-scrollbar-thumb {
    background: #232323;
}
</style>

<div id="ship4">
    <div class="shimg"></div>
    <div class="stx1">
        <h5>Beware</h5>
        <em>Мистическая олдскульная камерная ролевая. <br>Мы здесь за комфортом, игрой и общением. </em>
        <div class="stx2">
            <!-- ТЕКСТ -->
            <center><b>Кто мы такие</b></center><br>
            Наша мистика - призраки, убийцы, призраки-убийцы, зубаст
[/html]