[html]
<link
href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600&family=Inter:wght@400;500;600&display=swap"
rel="stylesheet"
/>
<article class="pp-card">
<section class="pp-data">
<div class="pp-header">
<div class="pp-brand">
<img src="https://forumstatic.ru/files/001c/73/bf/43531.png" />
<span>OutcastDB</span>
</div>
<h1 class="pp-name">Rian Glow</h1>
</div>
<div class="pp-tabs">
<input type="radio" id="tab-1" name="tabs" checked />
<input type="radio" id="tab-2" name="tabs" />
<input type="radio" id="tab-3" name="tabs" />
<input type="radio" id="tab-4" name="tabs" />
<nav class="pp-nav">
<label for="tab-1">Профайл</label>
<label for="tab-2">Биография</label>
<label for="tab-3">Характер</label>
<label for="tab-4">Способности</label>
</nav>
<div class="pp-panel" data-tab="1">
<div class="pp-panel-content">
<figure class="pp-portrait">
<img
src="https://forumupload.ru/uploads/001c/73/bf/31/753016.jpg"
alt="Внешность персонажа"
/>
<figcaption class="pp-image-name">Limbus Company - Yi Sang</figcaption>
</figure>
<div class="pp-right">
<div class="pp-facts">
<div>
<span class="key">Имя и фамилия</span><span class="bar"></span
><span class="val">Риан Глоу</span>
</div>
<div>
<span class="key">Профессия</span><span class="bar"></span
><span class="val">врач-терапевт,<br>медик в экспедициях</span>
</div>
<div>
<span class="key">
<span class="key-main">Дата рождения</span><br />
<span class="key-sub">(возраст)</span>
</span>
<span class="bar"></span>
<span class="val">12.12.148, 33 года</span>
</div>
<div>
<span class="key">Организация</span><span class="bar"></span
><span class="val">Медицинский блок</span>
</div>
<div>
<span class="key">Рост</span><span class="bar"></span
><span class="val">180 см</span>
</div>
<div>
<span class="key">Класс силы</span><span class="bar"></span
><span class="val">M-III</span>
</div>
<div>
<span class="key">Вес</span><span class="bar"></span
><span class="val">72 кг</span>
</div>
</div>
<div class="pp-sections">
<h2 class="pp-section-title">Внешность</h2>
<div class="pp-section-box">
<p>Довольно костлявый и худощавый внешне мужчина с бледной кожей и черными густыми волосами, прикрывающими уши. Стоит волосам отрасти хоть немного сильнее, они начинают безбожно кудрявиться. Глаза черные, миндалевидные, взгляд устало-убитый, как будто Риан уже увидел весь тлен этого мира и его конец заодно. Внешне непримечателен, но заметно преображается в лучшую сторону, когда улыбается. Впрочем, это происходит довольно редко. Под глазами часто темные круги от недосыпа и побочек способности. В одежде неприхотлив, тщательно следит лишь за тем, чтобы она была удобной. </p>
</div>
<h2 class="pp-section-title">Дополнительно</h2>
<div class="pp-section-box">
<p>► Сладкоежка. Особенно сильно любит шоколад и мармеладных червячков. <br>► В свободное время предпочитает спать. Спать может вообще в любом месте вне зависимости от удобств. <br>► Атеист.<br>► Имеет привычку закусывать нижнюю губу, когда нервничает. <br>► Бережет руки. <br>► Голос обычно спокойный, размеренный, безэмоциональный. <br>► Теряется, когда получает подарки, потому что их ему дарят очень редко. <br>► В целом производит впечатление эдакого камушка, хотя в его голове всегда много мыслей, желаний и волнений. <br>► Поначалу малословен, но если тема становится интересной, то его уже не заткнуть. <br>► Очень хотел бы завести себе котенка, буквально мечтает об этом, даже есть мягкая игрушка в виде реалистичной черной кошки, которую обнимает перед сном. <br>► Мало друзей. <br>► Оружие не любит, но обращаться с ним умеет неплохо. <br>► Помнит лицо каждого, кого не смог спасти. <br>► Выглядит моложе реального возраста.</p>
</div>
</div>
</div>
</div>
</div>
<div class="pp-panel" data-tab="2">
<div class="pp-text">
<p>Он слабо помнит жизнь вне Изгойника. Кажется, у него была мама – низенькая и с длинными черными волосами, от которой приятно пахло корицей и свежей выпечкой. Кажется, у него был отец – высокий и кудрявый блондин с громким голосом и большими ладонями, которыми тот брал его и поднимал высоко-высоко до потолка. А потом у него пробудилась способность – в пять лет, как написано в личном деле. <br>Приемные родители оказались добры. Помимо Риана у них был еще один приемыш постарше, взятый относительно недавно, который воспринял ребенка поначалу прохладно и ревниво. И отыгрывался на нем со всей невинной жестокостью детей. Сандро топил его игрушки в унитазе, прятал маленькие детские ценности, шептал: «Ты не мой брат и никогда им не станешь». Но так длилось недолго – мать заметила это и провела воспитательную беседу. А потом еще раз. И еще раз. Время принятия длилось около полугода, а потом старший брат – как его упрямо звал картавящий тогда Ри, - оттаял. Все же он был старше на целых три года! А старшим братьям положено присматривать за младшими. Особенно когда у них постоянно текут слезы. Так что Сандро взял на себя нелегкую роль того, кто готов встать на защиту маленькой плаксы.</p>
<p>Способность давалась Риану тяжело. Она то и дело первые годы активировалась непроизвольно и отключалась, когда Риан уже уставал плакать. И ладно бы это было что-то крутое: какие-нибудь огненные штормы, телепортация или возможность переносить предметы взглядом, но это была странная и некрасивая способность. Поначалу она даже пугала Риана, потому что какой ребенок не испугается, когда люди рядом начинают дрожать. </p>
<p>Со временем Риан понял, что эта сила во многом зависит от эмоциональных всплесков. Чем он спокойней, тем меньше непроизвольных вспышек, тем целее его глаза. А позже он под чутким руководством смог взять способность под контроль. И хорошо, а то уже собирались устанавливать блокатор. </p>
<p>Учился Риан старательно. И как-то не особо понимал в чем смысл его силы, пока ему на примерах не объяснили как ее можно использовать. А когда пробудилась вторая способность, стало понятно, что он идеальный медик. Да и давалось все ему достаточно легко. Он и брат решили, что будут отличной командой. Сандро – боец, Риан – медик его группы. Казалось бы, что может пойти не так?<br>Не так пошло практически все с момента начала взрослой жизни. Их вылазки, в которых Сандро был ведом эмоциями, а Риан – логикой, девушка, которая понравилась обоим, но выбрала яркого старшего брата, а заодно наговорила чего-то такого, что Сандро почти перестал общаться с Рианом, первая смерть, когда сам Риан чуть не умер вместе со спасаемым, потому что безуспешно пытался поддержать в нем жизнь. Это не была его оплошность, слишком мало было шансов спасти, но Риан долго не мог простить себя, то и дело спрашивая, как обернулось бы всё, сделай он так, а не эдак. </p>
<p>Он стабильно навещает приемных родителей, каждый раз принося вкусности и неловко улыбаясь, когда его расспрашивают о личной жизни. Он не пытается найти свою настоящую семью и хоть что-то о ней узнать, потому что догадывается, что умер для них. А они умерли для него. <br>Стабильно ходит на работу, стабильно участвует в вылазках, проводит так год за годом, постепенно оттачивая свое мастерство. И стабильно засыпает в своей постели, обнимая старую игрушку и думая о том, что, может быть, ему бы хотелось, чтобы на месте этой кошки кто-то оказался. Но не цепляет. Пока что никто не цепляет. </p>
</div>
</div>
<div class="pp-panel" data-tab="3">
<div class="pp-text">
<p>Удивительно, но за холодным и сухим фасадом скрывается концентрированная доброта. Он может действовать в ущерб себе, чтобы помочь кому-то, часто заходит за пределы своих сил, расплачиваясь за это слабостью и болью. Он хотел бы сделать этот мир светлее и чище, приблизить к тому, каким он был до начала всеобщего конца. Он хотел бы, чтобы детей со способностями не отнимали у родителей, чтобы у всех было достаточно ресурсов, чтобы люди были счастливы и любили друг друга, позабыв о грызне за власть и ресурсы, чтобы способности использовались для созидания, а не выживания. Он достаточно умен, чтобы понимать, что это невозможно. Что Город не выживет без них. Что они не выживут без Города. </p>
<p>У него дома много растений и у каждого из них есть свое имя – обычно тех, кого он знал и кто его покинул. В основном это неприхотливые виды, которым достаточно одного полива раз в несколько суток. С ними Риан разговаривает намного больше, чем со своими коллегами, и намного эмоциональнее. Впрочем, когда эти самые коллеги спрашивают у него совета, он всегда старается как-то помочь. <br>Он боится привязываться к людям, потому что эти люди слишком легко уходят из его жизни. Кто-то не возвращается из экспедиции, кто-то залез куда не надо, кто-то просто оборвал все связи как его брат. Тяжелее всего смотреть как кто-то умирает на твоих руках, а ты ничего не можешь сделать, потому что твоя способность не помогает со смертельными ранами. И все же вопреки своим страхам он привязывается к ним. </p>
<p>Когда Риан позволяет себе расслабиться, то становится понятно, что он склонен к пассивной агрессии и сарказму, может быть остёр на язык даже в отношении своих близких. В совершенстве овладел черным юмором, хорошо знакомым врачам и патологоанатомам. Он умен и адаптивен, не замирает в стрессовых ситуациях, а начинает просчитывать пути выхода из нее. И все же он может совершать ошибки из-за импульсивности и доверия. Парадоксально: он осуждает Сандро за импульсивность и спонтанность решений, но сам гораздо более саморазрушителен, привыкнув к боли, как к постоянной своей спутнице. </p>
</div>
</div>
<div class="pp-panel" data-tab="4">
<div class="pp-text">
<h3><b>Калейдоскоп ужаса</b></h3>
<p>При прямом зрительном контакте носитель проецирует в сознание жертвы персонализированные кошмары, заставляяя её переживать:<br>• Самые глубокие страхи (даже те, о которых она сама забыла).<br>• Искаженные версии реальных событий (например, союзники кажутся монстрами).<br>• Физические ощущения от галлюцинаций (ожоги, падения, удушье) — без реального вреда.<br>Для активации требуется минимум 5 секунд зрительного контакта. Одно воздействие на одну цель. Способность работает по нарастающей шкале — чем дольше контакт, тем сильнее эффект, но и опаснее последствия. Максимум удерживать человека в таком состоянии может десять минут. Может использовать способность на троих людях за день. Жертвы клянутся, что им казалось будто зрачки Риана в этот момент разделяются и двигаются словно гипнотизирующий калейдоскоп. На деле этого конечно же не происходит. <br>Побочки: глаза краснеют, опухают, болят, по ощущениям в них словно насыпали песка, неудержимо слезятся. После трех активаций подряд – спазмы глазных мышц, временная слепота. При перегрузке высок шанс навсегда потерять зрение. У обладателя способности при частом использовании притупляется чувство страха.<br>Не работает на слепых, людях в линзах или в солнцезащитных очках, насекомых и растениях. </p>
<hr>
<h3><b>Cветолечение</b></h3>
<p>Способность концентрировать солнечный или искусственный свет в своих руках в целебную энергию, ускоряющую заживление ран, снятие воспалений и борьбу с инфекциями. Лучше всего справляется с простудными заболеваниями, открытыми ранами и переломами, кровотечениями, ожогами – всем тем, куда можно приложить руку. Бесполезно против психических нарушений, хронических болезней, болезней, затрагивающих всю систему, и серьезных поражений внутренних органов. Чем больше вокруг света, тем лучше будет эффект. Соответственно, в темноте провести серьезное лечение невозможно. <br>Фаза 1 (длительность 10-20 секунд):<br>• Останавливает кровотечение, «запечатывает» открытые раны тонким слоем световой энергии.<br>• Не лечит полностью — только предотвращает ухудшение.<br>Фаза 2 (длительность 1 минута – 5 минут):<br>• Восстанавливает поверхностные повреждения, избавляет от симптомов простуды (ссадины, мелкие порезы, ожоги 1-й степени).<br>• Глубокие раны лишь слегка затягиваются, есть риск внезапного кровотечения и могут остаться неизлечимые шрамы.<br>Фаза 3 (длительность 10-30 минут):<br>• Полное заживление мягких тканей и мышц, срастание неосложненных переломов.<br>• Не восстанавливает потерянные органы/конечности/зубы, только стабилизирует состояние.<br>В день способность можно использовать не более часа без сильного ухудшения собственного состояния. Если прервать процесс, то лечение не будет проведено до конца, а откат все равно случится. Чем сложнее травма, тем больше энергии уходит — после лечения глубокого огнестрельного ранения, задевшего артерию, можно рухнуть без сил. Также Риан ощущает часть боли, которую в этот момент испытывает человек, на которого он воздействует, можно сказать забирает ее себе где-то наполовину. Если человек во время лечения умирает, высок шанс, что Риан умрет вместе с ним, если его вовремя не оттащить от тела. <br>Прочие побочки: ожоги на руках от концентрации света, слабость, сильный голод, резкое падение гемоглобина, обморок, фантомные боли. Не может лечить себя. </p>
</div>
</div>
</div>
<!-- /tabs -->
</section>
</article>
<style>
:root{
--bg:#0d1517;
--g1:#0e1a1d;
--g2:#223235;
--stroke:#1a3235;
--text:#e9e6e0;
--sub :#c8c3b8;
--text-dim:#959187;
--color1:#c5bdaa;
--color1-light:#d9d4c9;
--color1-dark :#a8a190;
}
.pp-text b,
.pp-text strong{
color:var(--accent);
font-weight:600;
padding:0 .15em;
background:rgba(197,189,170,.10);
border-radius:2px;
}
.pp-card{
max-width:960px;
margin:2rem auto;
padding:2.4rem;
background:linear-gradient(135deg,var(--g1),var(--g2));
border:1px solid var(--stroke);
box-shadow:0 0 22px #000b,inset 0 0 32px #001416;
height:620px;
overflow:hidden;
}
.pp-data{
height:100%;
overflow-y:auto;
padding-right:0.4rem;
}
.pp-data::-webkit-scrollbar{
width:4px;
}
.pp-data::-webkit-scrollbar-thumb{
background:var(--text-dim);
border-radius:4px;
}
.pp-tabs{font:normal 100% "Inter";}
.pp-tabs input{display:none;}
.pp-nav{display:flex;}
.pp-nav label{
flex:1;
position:relative;
font:600 .9rem/2 "Inter",sans-serif;
text-transform:uppercase;
letter-spacing:.04em;
padding:.3rem 1.4rem;
margin-left:-10px;
cursor:pointer;
background:#0d1b1e;
border:1px solid var(--color1);
color:var(--sub);
clip-path:polygon(0 0,calc(100% - 12px) 0,100% 100%,12px 100%);
transition:.2s;
}
.pp-nav label:first-child{
margin-left:0;
clip-path:polygon(0 0,calc(100% - 12px) 0,100% 100%,0 100%);
}
.pp-nav label:last-child{
clip-path:polygon(0 0,100% 0,100% 100%,12px 100%);
}
.pp-nav label:not(:first-child)::before{
content:"";
position:absolute;
left:-1px;top:0;
width:2px;height:100%;
background:var(--color1);
transform:skewX(20deg);
}
.pp-nav label:hover{
background:var(--color1-dark);
color:#fff;
}
#tab-1:checked~.pp-nav label[for="tab-1"],
#tab-2:checked~.pp-nav label[for="tab-2"],
#tab-3:checked~.pp-nav label[for="tab-3"],
#tab-4:checked~.pp-nav label[for="tab-4"]{
background:var(--color1);
color:#0d1b1e;
border-color:var(--color1-light);
padding:.6rem 1.4rem;
margin-top:-3px;
z-index:2;
}
.pp-panel{
display:none;
animation:fade .25s ease;
padding:1.1rem 20px;
color:var(--sub);
}
@keyframes fade{from{opacity:0;transform:translateY(4px);}}
#tab-1:checked~.pp-panel[data-tab="1"],
#tab-2:checked~.pp-panel[data-tab="2"],
#tab-3:checked~.pp-panel[data-tab="3"],
#tab-4:checked~.pp-panel[data-tab="4"]{display:block;}
.pp-panel-content{display:flex;gap:2rem;align-items:flex-start;}
.pp-portrait{
flex:0 0 220px;margin:0;
position:relative;
filter:drop-shadow(0 0 12px #000a);
border:2px solid var(--color1);
}
.pp-portrait img{width:100%;display:block;border-radius:6px;filter:grayscale(.5);}
.pp-portrait::after{
content:"";position:absolute;inset:0;
background:rgba(197,189,170,.35);
mix-blend-mode:multiply;
}
figcaption.pp-image-name {
padding: 5px;
font-family: var(--ff-body);
}
.pp-right{flex:1;display:flex;flex-direction:column;gap:1.5rem;}
.pp-text a {
color: var(--color);
text-decoration: underline;
}
.pp-facts{
display:grid;grid-template-columns:1fr 1fr;gap:1rem;
font-size:.95rem;
}
.pp-facts div{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;}
.pp-facts .key{
display:flex;flex-direction:column;align-items:center;text-align:center;
justify-self:end;
text-transform:uppercase;font-weight:600;font-size:.85rem;line-height:.5;
color:var(--text);
padding-right:.4rem;white-space:nowrap;
}
.key-sub{font-size:.75rem;color:var(--sub);text-transform:none;}
.pp-facts .bar{width:4px;height:1.2em;background:var(--color1);border-radius:1px;}
.pp-facts .val{justify-self:start;font-size:.95rem;color:var(--sub);white-space:nowrap;padding-left:.4rem;}
.pp-section-title{
margin:2rem 0 .6rem;
font:600 1rem/1 "Inter",sans-serif;
text-transform:uppercase;letter-spacing:.05em;
color:var(--text);
}
.pp-section-box{
padding:1rem 1.2rem;
background:rgba(255,255,255,.02);
border-left:4px solid var(--color1);
box-shadow:inset 0 0 0 1px #123135;
font-size:.95rem;line-height:1.6;
color:var(--sub);text-align:justify;
}
.pp-text{font-size:1rem;line-height:1.7;text-align:justify;color:var(--sub);}
.pp-text ul{margin:0 0 1.4rem 1.2rem;padding-left:1rem;list-style:disc;color:var(--sub);}
.pp-text p{margin:0 0 1rem;}
.pp-header{
display:flex;align-items:center;justify-content:space-between;
gap:1rem;margin-bottom:1.4rem;
}
.pp-name{
font:600 2rem/1 "Cinzel",serif;text-transform:uppercase;
letter-spacing:.05em;color:var(--sub);margin:0 2rem;
}
.pp-brand{
display:flex;align-items:center;gap:.6rem;
font:600 .9rem "Inter",sans-serif;color:var(--color1);
}
.pp-brand img{height:50px;width:auto;filter:brightness(1.2);opacity:.9;}
.pp-section-box .quote-box.spoiler-box {
display: grid;
grid-template-columns: 1fr;
}
.pp-section-box .spoiler-box div {
width: 90%;
}
.pp-section-box .spoiler-box blockquote.visible {
background-color: var(--color4);
}
</style>
[/html]
[hideprofile]
