[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">Arthur Paine</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://i.postimg.cc/6QDT2ZtZ/7866d271600a5839830ff516dfc329c5.png"
              alt="Внешность персонажа"
            />
          </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">оперативник</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">24.04.142, 39 лет</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">187 см</span>
              </div>
              <div>
                <span class="key">Класс силы</span><span class="bar"></span
                ><span class="val">Tm-III</span>
              </div>
              <div>
                <span class="key">Вес</span><span class="bar"></span
                ><span class="val">90 кг</span>
              </div>
            </div>

            <div class="pp-sections">
              <h2 class="pp-section-title">Внешность</h2>
              <div class="pp-section-box">
                <p style="font-size: 14px;">Высокий, привлекательный мужчина атлетичного телосложения с предпочтительными стилями в одежде – классика, кэжуал. Смуглая кожа, испещренная шрамами и беспорядочными брызгами-родинками. Глаза янтарные - редкое явление, но Артуру повезло выиграть эту лотерею. Каштановые, чуть вьющиеся волосы, едва касающиеся плеч. Выразительные черты лица, обычно чуть прищуренный взгляд, будто бы пристально изучающий окружающих Артура людей. Выражение лица расслабленное, в противовес ему походка и движения рук тяжелые и немного резковатые. Благодаря боевой подготовке у Артура выточенная осанка, однако вопреки распространенному мнению о военных опрятный вид – это не про него. Одежду гладить он не любит, как и следить за тем, чтобы не испачкаться едой или в уличной грязи. Картину завершает лохматость и легкая небритость. Стоит отметить, что пахнет от него вполне себе сносным одеколоном. Свинота, но порядочная. <br>В целом, если Артура подстричь, причесать, сделать пару уходовых масочек и одеть поприличнее, то он вполне неплохо мог бы смотреться в роли главы семьи важного бизнесмена. Все же происхождение его благородное, но судьба распорядилась его генами иначе. <br>Отличительные признаки: две родинки под правым глазом, родинка на левой щеке, белесый шрам на подбородке, серьга-гвоздик в правом ухе.</p>
              </div>

              <h2 class="pp-section-title">Дополнительно</h2>
              <div class="pp-section-box">
<p>► Очень меткий стрелок. Предпочитаемый вид оружия: револьверы, полуавтоматические карабины и снайперские винтовки.</p>
<p>► По документам всё ещё сотрудник ОО СБ, поскольку служба в закрытом отделе должна оставаться засекреченной.</p>
<p>► От алкоголизма избавился, не притрагивался к спиртному 5 лет. На свой страх и риск в последнее время стал крайне редко пропускать по половинке стаканчика виски в баре. И нет, он не станет снова алкоголиком! Всё, отстаньте! Ваши наставления ему не нужны. Тшш!</p>
<p>► Смолит как чёрт. Вот уж курить он никогда не бросит. Умирать будет, но закурит.</p>
<p>► Атеист.</p>
<p>► В молодости до встречи с Айлин был крайне неразборчив в ведении половой жизни. Сейчас сложил свой член на полку. Заводить новые отношения он также не стремится, дабы уберечь своё и без того разбитое сердце.</p>
<p>► Любит детей, хоть и явно не показывает этого. Особо трепетно относится к тем, кто по велению судьбы и идиотских законов — без пяти минут как новый житель Изгойника.</p>
<p>► Любитель игры в карты. Хорошо блефует.</p>
<p>► Если где-то играет знакомая песня или мелодия, Артур машинально начнёт подпевать. Он любит музыку — это его отличительная черта с детства.</p>
<p>► После его ссылки в Изгойник родители Артура обзавелись ещё одним ребёнком, к счастью, родившимся обычным человеком. Так сказать, закрыли гештальт с наследником. Артур знает об этом заочно, лично с младшим братом не знаком.</p>
<p>► Имеет немало связей на Чёрном рынке. Так сказать, обзавёлся несколькими полезными знакомствами.</p>
<p>►  Любит доставать друзей и коллег тупыми шутками, которые кажутся смешными только ему самому.</p>
</p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="pp-panel" data-tab="2">
        <div class="pp-text">

<p>Его зовут Арти. Ему без полугода 6 лет, но считать он уже умеет до 100. Он совершенно не понимает, почему его подняли в такую рань и куда-то спешно увозят вместе с его вещами в двух чемоданах. С ним его мама, которая плачет и крепко держит ручку своего сына, сжимая ее почти до боли, и няня, которая тоскливо смотрит в окно электромобиля. Папа с ними не поехал, наверное, потому что он очень занятой. Ведь он важный человек в городе, и однажды, как он сам обещал Арти каждый вечер перед сном, он передаст свое дело сыну, когда тот станет взрослым. Но почему-то вчера он не пришел к Арти, чтоб уложить его спать. Мама сказала, что папа расстроился из-за слов мальчика. Он видит мозг и сердечко мамы, папы, няни, повара, собачки и других, кто окружает Арти. Он их рисует, активно водя красным карандашом по бумаге. И чего в этом плохого? Ведь если сердечка не будет, мама не будет жить. Но эта новость не делает ее радостнее – она безутешна, ее слез не унять никакими словами и объятиями.<br>- Мы будем видеться, милый – мама тебе обещает это, - всхлипывая, твердит она.<br>- Ты не поедешь со мной? – Арти иступлено округляет глаза, совершенно не понимая слов мамы, отчего его грудь начинает переполняться страхом и тревожностью.<br>Они выходят из электромобиля. Арти видит пропускной пункт. Его проводят туда, мама отпускает руку ребенка и долго смотрит ему вслед, пока незнакомые люди забирают вещи мальчика и уводят его в совершенно другой мир, не похожий на тот, что окружал его с момента его появления на свет. Теперь он житель Изгойника.</p>
<p>Его зовут Эй, шмонька. Ему 15 лет. Вся его жизнь сосредоточена в ИСТОКе, он готовится стать Странником, правда учиться еще целых 10 лет, а он порядком подзадолбался от всего происходящего вокруг. Да, ему интересно, и вторая способность, появившаяся неожиданно, но приятно, очень нравится ему. Но его задирают, потому что он – местный бесславный хулиган. Ему говорят, что его «фокусы» - полная фигня. Ни огня на руках, ни взрывов. Артур злится и лезет в драку, неважно – против одного или пятерых задир. Вечно в синяках и в ссадинах, но он не жалуется. Да и кому тут жаловаться? Учителю? Воспитателю? У них своих забот хватает. А приемной семьи у Артура нет, но к нему каждый год приезжала мама. По началу встречи были куда более теплые, каковыми они стали позже. Артур искренне радовался встрече, плакал и просился назад, но его не отпускали, да и мать не хотела забирать его с собой. «Тебе назад нельзя. Ты – другой. Твое место здесь.» Здесь… Ее слова разожгли в мальчишке невероятной силы гнев. Он возненавидел свою семью, возненавидел дурацкие правила, Город, Изгойник. Его бросили! В чем он виноват?! На что рассчитывала эта дура, приходя на встречи с собственным ребенком, которого самолично же отрезала от себя?! Про отца вообще можно не упоминать – он исчез из жизни Артура и больше не вспоминал о нем, хоть и обещал счастливое будущее в роли главы семьи. Теперь у Артура ни наследства, ни денег, ни громкой фамилии – Хиллиард. Хотя, зачем ему такая идиотская фамилия? Он придумает себе свою. Теперь он - Пейн. Артур Пейн.</p>
<p>Его зовут Рип ван Винкль. Ему 27 лет. И это прозвище приклеилось к Артуру не из-за его схожести с протагонистом одноименного рассказа американского писателя забытых лет. Все дело в том, как легко он отправлял диких тварей, мутировавших под воздействием меркурита, покоиться с миром, ни на секунду не замешкавшись прежде, чем нажать на курок винтовки и всадить пулю ровно промеж глаз. Он один из лучших среди выпускников своего года, у него не блестящие, но достойные оценки и боевая подготовка. Артур живет тем, что ходит на вылазки. На него призывают ровняться других бойцов, следом за ним рвутся в поле. Лидерские задатки, невероятная работоспособность, покладистость и холодный расчет – его сильные стороны. Ему пророчат великолепную карьеру и дорогу в верхушку Корпуса Странников, но Артуру эта мысль претит. Он - отличный исполнитель, до слепоты верный товарищ, ему удобно не сомневаться в решениях, принятых начальством. Его отряд стал ему новой семьей, он любит каждого как родного брата/сестру. Но своих заслуг он не признает, потому что уверен, что любой на его месте поступил бы так же – спас жизнь утопающему, вошел в полыхающий дом. И все же он лишь в начале своего пути…</p>
<p>Его зовут командир. Ему 30 лет. Свое звание он носит гордо, хоть и упирался до последнего перед назначением. Но вот он главный в отряде, за него все рады без капли зависти. Потому что они – семья, и в их «доме» один за всех и все за одного. На их счету не одно блестяще выполненное задание, вылазка за вылазкой – отдыхать и восстанавливать здоровье совершенно не хочется. В отряд Пейна рвутся новички, Артуру это льстит, но он не зазнается. Его отправляют к начальству и настаивают на переводе в Координаторы, не желая слушать отказа. Артур благодарен, но как же он бросит своих… Да и некогда ему решать эти вопросы с назначениями. Помимо вылазок его приглашают в Город. Доставка в целостности и сохранности материалов снаружи, сопровождение полученных от города ресурсов - из Пейна выходит отличный охранник, ему можно доверить ценный груз. Артур не сидит без работы, даже если нет сил в ногах, он, тяжело вздохнув и махнув рукой, все равно подрывается с места по первому зову. Один бесконечный день, замкнутый круг, который невозможно разорвать. Но тут появляется она и одним коротким взглядом переворачивает все с ног на голову …</p>
<p>Его зовут Артур. Ему 31 год через день, но как же ему плевать на это. Все его мысли заняты ею, она – его мир. <br>Айлин. <br>Они познакомились в Городе, и она – простой человек без капли предрассудков об изгоях. Ее старшего брата забрали так же, как и Артура, и ее семья по-прежнему поддерживает с ним связь. Она – очень добрая, умная, миролюбивая, любит петь и играет в театре. Она – невероятная. Артур считает себя атеистом, но Айлин явно послана ему богами. Он по уши влюблен в нее, она не представляет себе жизни без него. Их чувства – взаимны, и нет никого, кто мог бы их разлучить. Есть только он и она. Она и он. Они – одно целое. Этот мир принадлежит им двоим, их любовь – их спасение. И все же есть обстоятельства, не позволяющие им быть друг с другом бесконечно. У нее – театр в Городе, у него – Корпус Странников. Через неделю его отряд отправят на опасную вылазку, но Артур обещает вернуться как можно скорее, а пока есть время, лучше он останется в ее кровати и будет рядом со своей возлюбленной так долго, как только сможет.<br>Милый Артур.<br>Ненаглядная Айлин.</p>
<p>Его зовут… А как его зовут? Сколько ему лет? И где его отряд? Он где-то в глуши, вокруг ни души, лишь трупы монстров и Странников. Он замер. На его лице - застывшая яростная гримаса борющегося со смертью последнего выжившего, в его янтарных глазах – отражение его врага, мутанта, в один миг раскидавшего весь отряд Пейна и отправившего их к праотцам. Его жуткая пасть распахнута, острые когти готовы вонзиться в чужую мягкую плоть. Секунда, и они смахнутся в битве, в которой выживет лишь один. Но этот момент не наступает ни через секунду, ни через две, ни через минуту и даже не через час. Прошел месяц, за ним еще один. По счету уже третий, а их сражению все еще не суждено завершиться. Что-то пошло не так. Артур лишь хотел на несколько секунд замедлить время и расправиться с монстром, но то ли сильный всплеск гнева, то ли повышенный уровень меркурита в воздухе. Он застрял в собственной же ловушке, захлопнувшейся с той стороны двери, где нет ни ручки, ни замочной скважины. Это его… конец? </p>
<p>Его все еще зовут Артур. Ему все еще 31 год, и он чудом спасшийся из аномалии, созданной им самим же. Он прикован к кровати в медблоке, уровень меркурита в его теле зашкаливает, но Артур борется, врачи не отпускают его и призывают держаться до конца. Благодаря остановке времени в той аномалии, что он создал вокруг себя, распространение меркурита в его организме так же было замедлено, но это не уберегло его организм от сильной нагрузки и заражения. Ничего, он справится. Его ждет Айлин. Ради нее он совершит невозможное, как сделали те Странники, что нашли его и сумели спасти. Через четыре месяца его выпустят из госпиталя. Он уже прошел Чистку, теперь только долгий курс терапии и восстановления. Айлин дождется его. Они снова будут вместе.<br> Четыре месяца длятся слишком долго, но наконец они завершаются. Нужно еще понаблюдаться, но Артур подписывает отказ, просит разрешения выйти в Город, чтобы скорее оказаться рядом с ней. Ему дают добро, и вот он уже несется к ней. Он помнит ее дом, помнит ее окно, как словно вчера смотрел в него и ждал, когда в нем зажжется свет. Но на пороге его встречает не она… Айлин в постели, на ней нет живого места. Ее осматривает врач. Девушку за руку держит мать, из одного угла комнаты в другой ходит ее отец и проклинает тот день, когда его дочь завела отношения с изгоем. Артура просят прийти позже, потому что Айлин только что пережила преждевременные роды мертвого плода. Ей нужен отдых. <br>Девушка ждала ребенка. Шел восьмой месяц ее беременности, и за день до возвращения Артура она возвращалась домой из театра, где по-прежнему вела репетиции. На нее напали и избили, предположительно, двое неизвестных людей. Конченые фанатики, не приветствующие связей людей и изгоев. Айлин не была случайной жертвой, ее специально довели до выкидыша. С места преступления они скрылись, но их быстро удалось поймать.<br>- Ребенок мертв, Айлин… она поправится. Мы против ваших отношений, но ради дочери… Будь рядом с ней, она ждала тебя. </p>
<p>Их зовут Артур и Айлин Пейн. Ему 32 года, ей 27 лет. Они поженились, и вместе они переехали жить в Изгойник. Видятся они не часто, но живут в любви. Она домохозяйка, он – Координатор в Корпусе Странников. Редко, но его забирают на вылазки, и все же работы у него не убавилось. Детей у них больше быть не может, но они все еще есть друг у друга, и вместе им удалось пережить то горе, что было уготовано им судьбой. Айлин очень тяжело переживала потерю ребенка и неспособность родить еще, Артур старался держаться для нее, хоть и горевал не меньше. Его прозвище оказалось пророческим. Какая ирония…<br>Милый Артур.<br>Ненаглядная Айлин.<br>Счастье могло бы длиться вечно и, возможно, однажды пережило бы этот жестокий мир и увидело бы рассвет с новыми законами и послаблением старых, запрещающих людям и изгоям любить друг друга. Но однажды оно закончилось, без предупреждения и согласования. <br>Тяжелая депрессия подкосила Айлин. Выкидыш сильно отразился на ее физическом и ментальном здоровье, ее пожирали изнутри тоска и чувство вины, что она не уберегла их общего ребенка. Прощальное письмо, оставленное на столе, и горсть таблеток. В тот день Артур должен был прийти к ней на двое суток, но он не успел предотвратить катастрофу… </p>
<p>Его зовут…&nbsp; Да какая нахрен разница как его зовут? Лет? Наверное, 33. Он безработный алкаш. Его работа – спускать последние деньги на бухло в баре, устраивать драки и собирать лицом грязь на улице. Ему не нужна чужая помощь. Ему вообще никто не нужен. Ни коллеги, ни начальство, ни друзья. Ему нужно только поссать, закурить и еще выпить. И по кругу. И выяснить, куда делась заначка. А, точно! Он ее проиграл в карты, хотя в пьяном бреду казалось, что у него в руках одни тузы. От его громкого имени остался только пустой звук. Он больше никто и звать его никак. <br>- Артур Пейн! – чей-то голос гаркает над ухом. Несколько сильных шлепков по щекам, после чего Артура внезапно окатывают холодной водой. Он очухивается в изоляторе, его голова раскалывается от боли. Перед глазами плывет лицо кого-то жутко знакомого. Бывший начальник, его наставник и хороший друг. <br>- Покуролесил и хватит. Жизнь не закончилась. Пора выкарабкиваться. </p>
<p>Его зовут Артур Пейн. Ему 39 лет. И он работает в Службе Безопасности. После того, как его близкий друг насильно потаскал по врачам, которые помогли ему встать на ноги, Артур зажил новой жизнью. В его памяти по-прежнему живут события ушедших лет. Живет и его единственная любовь и тепло ее рук, но теперь он справляется без нее. Благодаря былым заслугам и связям после лечения его взяли в открытый отдел СБ. Безусловно, как и все другие служащие он прошел тесты и обучение, и уже через пару лет работы показал себя как надежный и добросовестный работник. Больше никаких вылазок, теперь его хлеб с солью – это раскрытие преступлений и поимка преступников. На третий год службы его переводят в закрытый отдел. Его досье – почти что идеальная картинка потенциального агента под прикрытием. Все еще выпивает иногда, но разве это проблема? Безукоризненное подчинение начальству, хладнокровное исполнение приказов и заданий абсолютно любой сложности, мастерское владение огнестрельным и холодным оружием, слепая вера в закон – вот, благодаря чему Артур ступил за порог ЗО СБ и уже пару лет как исправно служит там.</p>
         

        </div>
      </div>

      <div class="pp-panel" data-tab="3">
        <div class="pp-text">
         
<p style="font-size: 14px;">Артура можно назвать спокойным, собранным и рассудительным человеком. Он никогда не паникует, даже если ситуация накалилась до предела. Он умеет успокоить, пускай даже не всегда в мягкой форме. Он – надежная опора, за ним можно спрятаться как за каменной стеной, и он выстоит. В спорах его можно звать в качестве помощника (только если ваши интересы и его будут совпадать, негодяев и лгунов он не станет защищать), и если словесные аргументы у него закончатся, то в ход непременно пойдут кулаки. Ну а если слова сразу покажутся неуместными, Артур применит грубую силу без промедлений. <br>Вообще он очень хорошо умеет убеждать. Ну, знаете, пригрозить лишний раз и очень таким проницательным голосом объяснить, что будет с непонимающим слов человеком/изгоем. Этот навык ему очень помогает при выбивании признаний или вкладывании нужных ему утверждений в чужой рот. Всякие ситуации бывают, знаете. <br>Артур очень умен и склонен к постоянному анализу происходящего, самоанализу и, как не странно, самоиронии, однако он старается не показывать этого, скрываясь за маской «непрошибаемого идиота». В тупую исполнять чужие приказы – это удобно. Ни у кого не возникнет вопросов к твоей исполнительности. Конечно, если приказ исходит от того, кому Артур действительно предан, и с ним он в корне не согласен, Пейн постарается переубедить. Не добившись своей цели, он с обреченным вздохом отправляется выполнять задание, морально готовясь разгребать дерьмо. <br>Своему начальству, товарищам и друзьям он слепо предан. Это его проблема, но в этом и его сила. В огонь и в воду он пойдет за «своими» напролом, этому его научили в Корпусе Странников, этим он живет по сей день. Поведаете ему тайну – будь уверены, он унесет ее с собой в могилу. <br>Вообще, Артур очень приветлив со всеми, даже если с виду выглядит как жуткий тип. Помочь старухе перейти дорогу? Пожалуйста. Ребенок потерял маму? Громогласно крикнет мамашу и отведет дитятку за ручку к ней. Кто-то потерял кошелек? Отнесет в открытый отдел для поиска бедолаги. Артур не всегда был таким, однако помогать тем, кто нуждается, кормить голодных и обувать ободранных до нитки – своеобразный сорт его личного удовольствия. Что касается юных «жертв обстоятельств», Пейн вовсе превращается в местного дядю Степу. Добряк он – это факт.<br>Но как известно, у медали две стороны. Обычно дружелюбный, Артур может быть саркастичным, грубым и даже устрашающим. В его речи будет проскальзывать мат и слова, какие обычно нежным ушкам слышать не положено. Не сказать, что быть грубияном – это его привычное состояние, скорее, защитная реакция или способ общения с теми, кто по-хорошему не понимает. <br>Лезть на рожон так же не входит в его привычки. И хоть ситуации в жизни бывают разные, Артур ведет себя осторожно. «Семь раз отмерь, один раз отрежь» - руководствуясь этим правилом, Пейн справляется почти со всеми непростыми делами, стараясь не привлекать никого постороннего и не рискуя чужой жизнью.</p>

        </div>
      </div>

      <div class="pp-panel" data-tab="4">
        <div class="pp-text">
        <h3><b>Меткий глаз</b></h3>

<p>Способность, позволяющая видеть сквозь твердые, непрозрачные материалы уязвимые места в виде красной дымки с размытыми очертаниями. Так, если использовать способность на живом существе, всегда будет подсвечиваться жизненно необходимые органы (мозг, сердце) + места, являющиеся слабым местом конкретного объекта (больное колено, пораженный болезнью орган, сломанная кость и прочее). В отношении неживого мира все куда проще – носитель способности видит места поломок, трещины и другие уязвимости. <br>Использование и ограничение: <br>Радиус действия – 50 метров. Время действия – 15 секунд. В течение дня можно использовать до 20 раз (5 минут в общей сложности). Для восстановления нужен здоровый, полноценный сон длиной в 7-8 часов. Побочное действие: сухость в глазах, сопровождающаяся резь и сильным жжением, ощущение «как словно песка насыпали».</p>

<hr>
<h3><b>Таймаут</b></h3>

<p style="font-size: 14px;">Способность, позволяющая останавливать время вокруг изгоя. Все живое вокруг замирает на определенный срок, при этом не затрагивая самого носителя. <br>Использование и ограничения: <br>Вокруг носителя способности образуется незримый купол, в который невозможно попасть самостоятельно, да и не имеет смысла – внутри все «замораживается» и остается неподвижным, пока изгой не остановит действие способности/не закончится его работа самостоятельно. Радиус действия – 15 метров по горизонтали, 15 метров по вертикали. Вместе с передвижением носителя внутри области действия способности положение самого «купола» не меняется, однако если изгой покинет зону Таймаута, его действие прекратится. Общее время, которое можно дробить в течение суток – 3 минуты. Время восстановления способности – 12 часов. Побочные действия – понижение сердечного ритма вплоть до остановки сердца.<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;
}

.pp-right{flex:1;display:flex;flex-direction:column;gap:1.5rem;}

.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;}
</style>
[/html]
[hideprofile]