[hideprofile]
[html]<style>

/* ==================================================
   НАСТРОЙКИ
   ================================================== */

.compact-sheet{
  --bg:url('https://i.pinimg.com/1200x/ae/8b/c0/ae8bc0f45505d99b5f684b532e8dc8ec.jpg');
  --accent:#8f2323;
  --panel:rgba(20,20,20,.78);
  --panel-light:rgba(35,35,35,.82);
  --text:#ececec;
  --border:rgba(255,255,255,.15);

  width:750px;
  margin:auto;
  color:var(--text);
  background-image:var(--bg);
  background-size:cover;
  background-position:center;
  border:1px solid #555;
  box-shadow:0 0 20px rgba(0,0,0,.25);
  font:13px/1.5 Georgia, serif;
}

.compact-sheet *{
  box-sizing:border-box;
}

/* ==================================================
   ВКЛАДКИ
   ================================================== */

.compact-sheet input{
  display:none;
}

.tabs{
  display:flex;
}

.tabs label{
  flex:1;
  padding:10px;
  text-align:center;
  background:rgba(0,0,0,.75);
  cursor:pointer;
  text-transform:uppercase;
  letter-spacing:1px;
}

#tab-sheet:checked ~ .tabs label[for="tab-sheet"],
#tab-spells:checked ~ .tabs label[for="tab-spells"],
#tab-notes:checked ~ .tabs label[for="tab-notes"]{
  background:var(--accent);
}

.page{
  display:none;
}

#tab-sheet:checked ~ .sheet-page{
  display:block;
}

#tab-spells:checked ~ .spells-page{
  display:block;
}

#tab-notes:checked ~ .notes-page{
  display:block;
}

/* ==================================================
   ШАПКА
   ================================================== */

.header{
  background:rgba(0,0,0,.65);
  padding:12px 16px;
  border-bottom:1px solid var(--accent);
}

.name{
  font-size:28px;
  text-transform:uppercase;
  letter-spacing:2px;
}

.quote{
  margin-top:4px;
  color:#d5d5d5;
  font-style:italic;
}

/* ==================================================
   ОСНОВНОЙ БЛОК
   ================================================== */

.top{
  display:flex;
  gap:5px;
  padding:12px;
}

.portrait{
  width:180px;
  min-width:180px;
  height:220px;
  overflow:hidden;
  border:1px solid var(--border);
}

.portrait img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.info{
    flex:1;
    background:rgba(20,20,20,0.5);
    padding:10px 12px;
    border:1px solid rgba(255,255,255,.08);
}

.line{
  padding:5px 0;
  border-bottom:1px solid rgba(255,255,255,.06);
}

.line:last-child{
  border:none;
}

.line strong{
  color:#d8b0b0;
}

/* ==================================================
   ХАРАКТЕРИСТИКИ
   ================================================== */

.stats{
    display:flex;
    justify-content:center;
    gap:8px;
    padding:0 10px 10px;
}

.stat{
    width:60px;
    min-width:60px;
    flex:1;
    background:rgba(25,25,25,0.65);
    border:1px solid rgba(143,35,35,.7);
    text-align:center;
    padding:6px 4px;
}

.stat-name{
    font-size:10px;
    letter-spacing:1px;
}

.stat-name:after{
    content:"";
    display:block;
    width:32px;
    margin:4px auto;
    border-top:1px solid rgba(143,35,35,.8);
}

.stat-value{
    font-size:18px;
}
/* ==================================================
   НАВЫКИ
   ================================================== */

.skills{
  margin:0 12px 12px;
  background:rgba(25,25,25,0.5);
  border:1px solid rgba(143,35,35,.7);
  padding:10px;
}

.skills-title{
  text-transform:uppercase;
  border-bottom:1px solid var(--accent);
  margin-bottom:8px;
}

.skill-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.skill{
  background:rgba(255,255,255,.06);
  padding:4px 10px;
}

/* ==================================================
   ЗАМЕТКИ
   ================================================== */

.notes-wrapper{
  padding:12px;
}

.extra{
  background:var(--panel);
  padding:10px;
  margin-bottom:12px;
}

.extra-title{
  text-transform:uppercase;
  border-bottom:1px solid var(--accent);
  margin-bottom:8px;
}

.note-box{
  background:var(--panel);
  padding:12px;
}

.note-scroll{
  height:351px;
  overflow:auto;
  padding-right:8px;
}

.spell{
  background:var(--panel);
  margin-bottom:8px;
  border:1px solid rgba(255,255,255,.08);
}

.spell summary{
  cursor:pointer;
  padding:10px;
  list-style:none;
  text-transform:uppercase;
  letter-spacing:1px;
  border-left:3px solid var(--accent);
}

.spell summary::-webkit-details-marker{
  display:none;
}

.spell-content{
  padding:12px;
  border-top:1px solid rgba(255,255,255,.08);
}

.spell-box{
  margin:12px;
  background:var(--panel);
  padding:12px;
}

.spell-scroll{
  height:451px; /* можно менять */
  overflow:auto;
  padding-right:8px;
}

.spell-tag{
  font-size:10px;
  padding:2px 5px;
  margin-left:6px;
  border:1px solid rgba(143,35,35,.5);
  border-radius:3px;
  color:#cfcfcf;
}

/* ==================================================
   МОБИЛЬНАЯ ВЕРСИЯ
   ================================================== */

@media(max-width:800px){

  .compact-sheet{
    width:100%;
  }

  .top{
    flex-direction:column;
  }

  .portrait{
    margin:auto;
  }

  .stats{
    flex-wrap:wrap;
  }

  .stat{
    min-width:30%;
  }

}

</style>

<div class="compact-sheet">

<input type="radio" name="tabs" id="tab-sheet" checked>
<input type="radio" name="tabs" id="tab-spells">
<input type="radio" name="tabs" id="tab-notes">

<div class="tabs">
  <label for="tab-sheet">Лист персонажа</label>
  <label for="tab-spells">Заклинания/Навыки</label>
  <label for="tab-notes">Заметки</label>
</div>

<!-- ==========================================
     ВКЛАДКА 1
========================================== -->

<div class="page sheet-page">

  <div class="header">

    <!-- ИМЯ + ВОЗРАСТ -->
    <div class="name">
      ВИКТОР ЛЭНГДОН, 231
    </div>

    <!-- ЦИТАТА -->
    <div class="quote">
      «Пора проредить стадо»
    </div>

  </div>

  <div class="top">

    <!-- ПОРТРЕТ -->
    <div class="portrait">
      <img src="https://upforme.ru/uploads/001c/87/4b/12/859414.png">
    </div>

    <!-- ОСНОВНЫЕ ДАННЫЕ -->
    <div class="info">

      <div class="line"><strong>Раса:</strong> истинный вампир</div>

      <div class="line"><strong>Класс:</strong> плут</div>

      <div class="line"><strong>Подкласс:</strong> мистический трикстер</div>

      <div class="line"><strong>Мировоззрение:</strong> lawful evil</div>

      <div class="line"><strong>Фракция:</strong> —</div>

      <div class="line"><strong>Языки:</strong> общий, воровской жаргон, эльфийский, андеркоммон</div>

    </div>

  </div>

  <!-- ХАРАКТЕРИСТИКИ -->

  <div class="stats">

    <div class="stat">
      <div class="stat-name">STR</div>
      <div class="stat-value">9</div>
    </div>

    <div class="stat">
      <div class="stat-name">DEX</div>
      <div class="stat-value">16</div>
    </div>

    <div class="stat">
      <div class="stat-name">CON</div>
      <div class="stat-value">13</div>
    </div>

    <div class="stat">
      <div class="stat-name">INT</div>
      <div class="stat-value">14</div>
    </div>

    <div class="stat">
      <div class="stat-name">WIS</div>
      <div class="stat-value">10</div>
    </div>

    <div class="stat">
      <div class="stat-name">CHA</div>
      <div class="stat-value">14</div>
    </div>

  </div>

  <!-- НАВЫКИ -->

  <div class="skills">

    <div class="skills-title">
      Владение навыками
    </div>

    <div class="skill-list">

      <div class="skill">Обман</div>
      <div class="skill">Убеждение</div>
      <div class="skill">Ловкость рук</div>
      <div class="skill">Скрытность</div>
      <div class="skill">Внимательность</div>

    </div>

  </div>

</div>

<!-- ==========================================
     ВКЛАДКА ЗАКЛИНАНИЯ
========================================== -->

<div class="page spells-page">

  <div class="spell-box">

    <div class="spell-scroll">

      <details class="spell">

<summary>
✦ Нечестивое тело
  <span class="spell-tag">раса</span>
</summary>

        <div class="spell-content">
&nbsp;&nbsp;&nbsp;&nbsp;Темная магия поддерживает вас, делая вас устойчивым к некротическому урону. Лечебные зелья не оказывают лечебного эффекта, вместо этого нанося урон ядом. Чтобы исцелиться, вы должны пить кровь.
        </div>

      </details>

<details class="spell">

<summary>
✦ Кровопийца
  <span class="spell-tag">раса</span>
</summary>

        <div class="spell-content">
&nbsp;&nbsp;&nbsp;&nbsp;Несмотря на то, что вы нежить, вам все равно требуется пропитание в виде крови, чтобы поддерживать ваше нечестивое существование. Вы невосприимчивы к болезням. Вам не нужно есть или дышать, но вы можете принимать пищу и питье, если хотите, хотя эта еда всегда пресная и несвежая для вас.
<br>&nbsp;&nbsp;&nbsp;&nbsp;Если вы не прьете кровь дольше семи дней вы получаете один уровень истощения. После употребления одной порции крови вы восстанавливаете все уровни истощения. Если выдостигнете шести уровней истощения из-за этой особенности, вы будете уничтожены.
<br>&nbsp;&nbsp;&nbsp;&nbsp;Порция крови — это <b>пузырек</b>, или 4 унции, и хотя этого достаточно, чтобы поддерживать вас каждую неделю, вы все равно чувствуете желание пить и можете казаться нервным, голодным в пылу битвы или при лечении раненого союзника. <b>Пинта</b>, такая как та, что содержится во фляге, считается здоровым количеством, достаточным, чтобы поддерживать вас, а также подавлять ваше менее цивилизованное поведение.
        </div>

      </details>

      <details class="spell">

<summary>
✦ Темное зрение
  <span class="spell-tag">раса</span>
</summary>

        <div class="spell-content">
&nbsp;&nbsp;&nbsp;&nbsp;Вы можете видеть при тусклом свете в пределах 120 футов от вас, как если бы это был яркий свет, и в темноте, как если бы это был тусклый свет. Вы не можете различать цвета в темноте, только оттенки серого.
        </div>

      </details>

      <details class="spell">

<summary>
✦ Укус/когти
  <span class="spell-tag">раса</span>
</summary>

        <div class="spell-content">
&nbsp;&nbsp;&nbsp;&nbsp;У всех вампиров есть заострённые зубы, способные отрывать плоть от костей и высасывать кровь из тела. <br>&nbsp;&nbsp;&nbsp;&nbsp;У вас есть острые когти, они являются естественным оружием, которое вы можете использовать для нанесения безоружных атак.
        </div>

      </details>

      <details class="spell">

<summary>
✦ Перевёртыш
  <span class="spell-tag">раса / черта</span>
</summary>

        <div class="spell-content">
&nbsp;&nbsp;&nbsp;&nbsp;Вампиры известны своей способностью менять форму. Вы получаете метку Перевёртыш, и если на вас не попадает солнечный свет или вода, вы можете превратиться в крошечную летучую мышь или облако тумана среднего размера.
        </div>

      </details>

      <details class="spell">

<summary>
✦ Неестественное очарование
  <span class="spell-tag">раса / черта</span>
</summary>

        <div class="spell-content">
&nbsp;&nbsp;&nbsp;&nbsp;Вы можете выбрать одного гуманоида, которого видите, чтобы очаровать его.  Очарованная цель считает вас надёжным другом, к которому нужно прислушиваться и которого нужно защищать. Хотя цель не находится под вашим прямым контролем, она воспринимает ваши просьбы или действия наиболее благоприятным для себя образом и охотно становится целью вашего вампирского укуса.
        </div>

      </details>

<hr>

      <details class="spell">

<summary>
✦ Улучшенная волшебная рука
  <span class="spell-tag">заговор</span>
</summary>

        <div class="spell-content">
&nbsp;&nbsp;&nbsp;&nbsp;Когда вы накладываете заклинание волшебная рука, вы можете создать руку невидимой, и совершать ей дополнительные действия: положить один предмет в контейнер, носимый или несомый другим существом / достать предмет из контейнера, носимого или несомого другим существом / использовать воровские инструменты для вскрытия замков и обезвреживания ловушек в дистанции этого заклинания.
        </div>

      </details>

      <details class="spell">

<summary>
✦ Клинок зелёного пламени
  <span class="spell-tag">заговор</span>
</summary>

        <div class="spell-content">
&nbsp;&nbsp;&nbsp;&nbsp;При попадании, цель получает нормальный урон от атаки и зеленый огонь прыгает с цели на другое существо, по вашему выбору, которое вы можете видеть на расстоянии 5 футов от первого. Второе существо получает урон огнём, равный вашему модификатору базовой характеристики.
        </div>

      </details>

      <details class="spell">

<summary>
✦ Малая иллюзия
  <span class="spell-tag">заговор</span>
</summary>

        <div class="spell-content">
&nbsp;&nbsp;&nbsp;&nbsp;Вы создаёте звук или образ предмета в пределах дистанции, существующий, пока активно заклинание. Если вы создаёте звук, его громкость может быть как шёпотом, так и криком. Если вы создаёте образ предмета он должен быть небольшим; образ не может издавать звуки, свет, запах или прочие сенсорные эффекты. Физическое взаимодействие с образом даёт понять, что это иллюзия, потому что сквозь него всё проходит.
        </div>

      </details>

      <details class="spell">

<summary>
✦ Фокусы
  <span class="spell-tag">заговор</span>
</summary>

        <div class="spell-content">
&nbsp;&nbsp;&nbsp;&nbsp;Небольшой магический трюк, на котором практикуются начинающие заклинатели. Вы создаёте один из следующих магических эффектов: безвредный сенсорный эффект [сноп искр, порыв ветра, тихую мелодию, или необычный запах],  зажигаете или тушите небольшой источник естественного света, мгновенно чистите или мараете предмет, остужаете, нагреваете или придаёте запах и вкус небольшой площади неживой материи, создаёте на поверхности или предмете маленькую цветную метку или символ, создаёте немагическую безделушку или иллюзорное изображение, помещающееся в вашу ладонь.
        </div>

      </details>

<hr>

      <details class="spell">

<summary>
✦ Невидимый слуга
  <span class="spell-tag">I круг / ритуал</span>
</summary>

        <div class="spell-content">
&nbsp;&nbsp;&nbsp;&nbsp;Заклинание создаёт невидимую, бессознательную и бесформенную силу, выполняющую отдаваемые вами простые поручения. Слуга может выполнять простые задачи, доступные человеку, такие как подношение предметов, чистка, починка и складывание одежды, разжигание костра, подача пищи и разливание вина. Получив команду, слуга начинает её выполнять, стараясь изо всех сил, пока не выполнит, после чего начинает ждать вашу следующую команду. Если вы отдаёте слуге поручение, из-за которого тот окажется дальше чем в 60 футах от вас, заклинание оканчивается.
        </div>

      </details>

      <details class="spell">

<summary>
✦ Усыпление
  <span class="spell-tag">I круг</span>
</summary>

        <div class="spell-content">
&nbsp;&nbsp;&nbsp;&nbsp;Заклинание посылает существ в магический сон.
        </div>

      </details>

<hr>

      <details class="spell">

<summary>
✦ Теневой клинок
  <span class="spell-tag">II круг</span>
</summary>

        <div class="spell-content">
&nbsp;&nbsp;&nbsp;&nbsp;Вы сплетаете воедино нити тени, чтобы создать в ваших руках меч затвердевшего мрака. Он наносит урон психической энергией. Когда вы используете меч для атаки цели, которая находится в тусклом свете или темноте, вы совершаете атаку с преимуществом. Если вы роняете оружие или метаете его, оно рассеивается в конце хода, но вы можете снова призвать его в свою руку.
        </div>

      </details>

      <details class="spell">

<summary>
✦ Размытый образ
  <span class="spell-tag">II круг</span>
</summary>

        <div class="spell-content">
&nbsp;&nbsp;&nbsp;&nbsp;Ваше тело становится размытым и колышущимся для всех, кто видит вас. Пока заклинание активно, все существа совершают по вам атаки с помехой. Атакующий получает иммунитет к этому эффекту, если полагается не на зрение, а, например, на слепое зрение, или может видеть сквозь иллюзии, например, с помощью истинного зрения.
        </div>

      </details>

      <details class="spell">

<summary>
✦ Отражения
  <span class="spell-tag">II круг</span>
</summary>

        <div class="spell-content">
&nbsp;&nbsp;&nbsp;&nbsp;В вашем пространстве появляются три ваших иллюзорных копии. Пока заклинание активно, копии перемещаются вместе с вами и подражают вашим действиям, двигаясь так, что невозможно понять, кто из вас настоящий. Существо не попадает под действие этого заклинания, если не может видеть, если полагается на другие чувства кроме зрения, например, на слепое зрение, или если может видеть сквозь иллюзию, например, при помощи истинного зрения.
        </div>

      </details>

    </div>

  </div>

</div>

<!-- ==========================================
     ВКЛАДКА 2
========================================== -->

<div class="page notes-page">

  <div class="notes-wrapper">

    <div class="extra">

      <div class="extra-title">
        Дополнительная информация
      </div>

      <strong>✦ Предыстория:</strong> разорённый.<br>
      <strong>✦ Инструменты:</strong> воровские инструменты, инструменты алхимика.<br>

    </div>

    <div class="note-box">

      <div class="note-scroll">

&nbsp;&nbsp;&nbsp;&nbsp;• Урожденец Уотердипа, некогда маг-трансмутационист, гордость интеллектуальной линии семьи, ценный интеллектуальный и генетический ресурс, второй в линии наследования. Младший сын дома Лэнгдон, происходящий из союза сэра Эдрика и леди Серафины Лэнгдон; состоял в родстве со старшим братом Лоренсом и младшей сестрой Мириэль до естетсвенной смерти последних.
<br>
<br>&nbsp;&nbsp;&nbsp;&nbsp;• Дом Лэнгдонов отделился от младшей ветви более старого магического рода, издавна закрепившись в Уотердипе в качестве Дома арканной трансмутации и прикладной магии, занимавшимся вопросами алхимии, преобразования материалов и веществ, лекарской магии и ранних форм биомагии. Публично выходцы Дома считаются уважаемыми магами-исследователями, практичными арканистами и поставщиками редких алхимических решений. За глаза и на уровне слухов Лэнгдонов отчасти осуждают за часть их экспериментов, считая те близкими к черте недопустимого и неэтичного.
<br>
<br>&nbsp;&nbsp;&nbsp;&nbsp;• Один из немногих выпускников академии «Чёрного Посоха» приглашенный к обучению за свои стремления, таланты и граничащую с безумием амбициозность.
<br>
<br>&nbsp;&nbsp;&nbsp;&nbsp;• После обучения продолжительное время занимался не только делами семьи, но также личными изысканиями и экспериментами, которые с годами становились все более ухищренными и жестокими, давно переступившие грань хоть какой-нибудь этичности. Виктор обладал талантом в создании гомункулов и со временем дошел до идей сочетания искажения Плетения и кровавых ритуалов не только для усиления мощи талантов, но и продления жизни. В своих деланиях он зашел достаточно далеко, но до конца так и не дошел — семья узнала о сущности его занятий и приняла решение любыми средствами либо оградить его от этой деятельности, либо избавиться от него самого, чтобы не привлечь внимание контролирующих сил города.
<br>
<br>&nbsp;&nbsp;&nbsp;&nbsp;• Он был занят проведением одного из ключевых ритуалов, когда гвардейцы ворвались в лабораторию, чтобы остановить его. Ритуал был нарушен, но обилие крови привлекло не только озабоченных родственников, но и сущность куда более древнюю. Он пережил тот день исключительно волей случая, напоенный вампирской кровью (впрочем, не за просто так и вовсе не из признания заслуг). Тогда же он в спешке покинул Уотердип и с тех пор старался там больше не появляться.
<br>
<br>&nbsp;&nbsp;&nbsp;&nbsp;• Семья до сих пор ведет за ним охоту не отказавшись от нее даже спустя столетия. Один или несколько искаженных охотников-палачей преследуют его на постоянной основе не оставляя шанса на то, чтобы задержаться где-то надолго. Он постоянно пребывает в движении, ведет кочевой образ жизни (и был вынужден кардинально его изменить, как и свою личность), пользуется многочисленными личинами и старается не заводить постоянных связей. Сейчас он шпион, убийца, соглядатай и наводчик для тех, кто способен расплатиться с ним достаточным количеством золота или кровью.
<br>
<br>&nbsp;&nbsp;&nbsp;&nbsp;• Предпочетает не соваться в Уотердип и его окрестности, и в целом держиться как можно дальше от этого региона Фаэруна.
<br>
<hr>
<br>&nbsp;&nbsp;&nbsp;&nbsp;✦ <b>Темные желания:</b>
<br>
<br>&nbsp;&nbsp;&nbsp;&nbsp;• <b>Похоть</b> характеризуется как сильное желание. Обычно ее считают сильным или необузданным половым желанием, которое приводит к блуду, прелюбодеянию, изнасилованию, скотоложству и другим омерзительным половым актам. Однако похоть может также означать просто желание в целом; таким образом, жажда денег, власти и других вещей также считается похотью. Похоть лишает вещи смысла и, как таковая, она появляется из целомудрия или чистоты. Вампир, который когда-то любил кого-то или что-то от чистого сердца, может обнаружить, что его любовь была извращена в голодную саморазрушительную одержимость.
<br>
<br>&nbsp;&nbsp;&nbsp;&nbsp;• <b>Чревоугодие</b> - это излишество и чрезмерное потребление чего-либо до точки расточительства. Чревоугодие проистекает из воздержания или самоограничения, воин-чемпион может работать каждый день своей жизни, чтобы превратить свое тело в идеальную боевую машину, воздерживаясь от потребления чего-либо, выходящего за рамки его точно продуманной диеты. Будучи вампиром, этот же воин может стереть деревню с лица планеты, когда он почувствует хотя бы приступ голода, выпивая, купаясь и расточительно проливая кровь других, несмотря на то, что ему нужно всего несколько глотков, чтобы насытиться.
<br>
<hr>
<br>&nbsp;&nbsp;&nbsp;&nbsp;✦ <b>Слабости:</b>
<br>
<br>&nbsp;&nbsp;&nbsp;&nbsp;• <b>Закон гостеприимства</b> — отсутствие возможности попасть в обитаемое жилище без приглашение одного из жильцов;
<br>
<br>&nbsp;&nbsp;&nbsp;&nbsp;• <b>Текущая вода</b> — нахождение в текущей воде разрушает плоть и наносит урон подобный кислотным ожогам;
<br>
<br>&nbsp;&nbsp;&nbsp;&nbsp;• <b>Кол в сердце</b> — выточенное из дерева колющее оружие попавшее в сердце полностью обеждвиживает;
<br>
<br>&nbsp;&nbsp;&nbsp;&nbsp;• <b>Солнечный свет</b> — выжигает и испепеляет плоть, даже непродолжительное нахождение под солнечными лучами может привести к необратимым, смертельным последствиям. Даже скрываясь в укрытии вампир испытывает сильный дискомфорт даже от взгляда на солнечный свет, который слепит его и обжигает взгляд;
      </div>

    </div>

  </div>

</div>

</div>[/html]