[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">Arno Summerset</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/2/629495.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">05.05.51, 37</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">179 см</span>
              </div>
              <div>
                <span class="key">Класс силы</span><span class="bar"></span
                ><span class="val">M-V</span>
              </div>
              <div>
                <span class="key">Вес</span><span class="bar"></span
                ><span class="val">76 кг</span>
              </div>
            </div>

            <div class="pp-sections">
              <h2 class="pp-section-title">Внешность</h2>
              <div class="pp-section-box">
                <p>
                  Мужчина средиземноморского типа, на вид чуть за тридцать: 179 см роста, подтянут, лёгкая седина на висках в тёмных волосах, зачёсанных назад. Холодные, внимательные синие глаза скрываются за тонкими прямоугольными очками в металлической оправе. Черты лица резкие, борода аккуратная. Раньше одевался строго: тёмные жилеты и костюмы-тройка. Сейчас это чаще брюки и рубашка.<br>Движения плавные, можно сказать ”экономные”, голос низкий, спокойный.
                </p>
              </div>

              <h2 class="pp-section-title">Дополнительно</h2>
              <div class="pp-section-box">
                <p>
                  • Скрывает свою личность;<br />
                  • Надеется найти дочь.<br />
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>

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

<p>Арно Саммерсет родился в 51 году в Верхнем Городе в одной из тринадцати семей. Его младенчество прошло в красивом доме, в окружении антикварных книг, экранов с потоками сетевых логов и чёткой, размеренной речи отца — человека, управляющего всей информационной структурой и службами безопасности города. И если отец готовил сына к тому, чтобы тот занял его место, то мать будучи специалистом по поведенческому моделированию, считала, что ребёнок должен с младенчества слышать людей и видеть то, что другие не видят. Первые сказки Арно были не о драконах, а о протоколах шифрования и логических ловушках.<br>Детство его было, казалось бы, безмятежным — до тех пор, пока в один из весенних дней Арно не предсказал смерть. Ему было семь. Он сидел на крыльце и игрался с нянечкой, а затем вдруг начал молча пялился в пустоту. Когда Арно пришёл в себя, то рассказал нянечке, что её мать умрёт через два дня. Не осознавая, что делает, он озвучил то, что «увидел». Через два дня в доме царила тревожная тишина: новости подтвердили случайное происшествие, мать его няни погибла под автомобилем. Няня тогда обо всём рассказала родителям Арно и с тех пор её больше никто не видел. <br>Всё последующее — было маскировкой. Арно учился подавлять эмоции и чувства, следовать за интуицией, но руководствоваться холодным расчётом, изучать нити чужих судеб, сохраняя хладнокровие. Он стал отличным учеником своего отца, а затем и нанятым им преподавателей. Казалось, его прирождённая способность и развитая из-за неё осторожность сделали из него идеального наследника для своей семьи. <br>Семья Саммерсет давно мечтала не о власти, а о равновесии и возрождении человечества. Именно она стала инициатором проекта Изгойника — автономного, обособленного сектора, где изгои могли бы жить, не притворяясь и не боясь простых людей. Арно наблюдал, как отец писал первые принципы архитектуры нового района, разрабатывал безопасные протоколы доступа и проводил встречи на которых решалась будущая судьба Города. Со временем подросший наследник и сам стал помогать в создании инфраструктуры, которой предстояло определить их будущее.<br>К тридцати годам Арно уже тайно возглавлял службу безопасности Города и всю его цифровую инфраструктуру, заняв место своего отца, отошедшего от дел из-за болезни.<br>А в 85 году он встретил Элайсу Норрей — архитектора городской планировки, женщину с живым умом и безупречным чувством структуры. Их союз был естественным: два логика, влюблённые в порядок. Через год они поженились, а ещё через год у них родилась дочь, Аделин. Впервые за долгое время Арно позволил себе быть счастливым — по-настоящему. Он строил будущее с уверенностью, что делает это не только для Города, но и для неё.<br>Всё рухнуло в 88 году.<br>Совет 12, то ли обеспокоенный растущим влиянием Тринадцатой Семьи, то ли её симпатией к изгоям, принял решение о ликвидации. Без суда и без огласки, просто истребив каждого носящего фамилию Саммерсет.<br>Ирония. Человек защищавший весь город, оказался не способен защитить себя и своих родных. Человек способный читать будущее любого человека, даже не подумал о том, чтобы прочитать своё собственное. Арно узнал об операции слишком поздно. Первым делом он попытался спасти семью. Он не кричал, не плакал — просто просчитывал маршрут через весь город, чтобы добраться до Элайсы. Не успел. Последний разговор с ней — обрывистый, с глухими звуками на фоне, звуком выстрела и коротким вскриком. Трубка упала, но Арно уже знал, чем всё закончилось.<br>Но ему удалось вытащить из города дочь, Аделин. Пройдя с ней через секретные проходы, не указанные в планах, которые когда-то он сам проектировал вместе с отцом. Они были узкими и полными пыли, но о них никто не знал и это позволило беглецам проникнуть в Изгойник.<br>Несколько дней им удавалось скрываться, но каким-то образом преследователям удалось выйти на их след и Саммерсеты снова бежали. В момент безопасности Арно оставил дочку в доме случайных жителей, в надежде вернуться за ней позже. Но вернуться ему было уже не суждено.<br>Продолжая попытки спрятаться среди строящихся улиц и домов Арно в конечном итоге был вынужден бежать за пределы защитных стен купола и даже тогда погоня не отставала. Выстрел, вспышка света, ещё одна. Кровь на воротнике и усталость в ногах. Там, за пределами Города, под серым небом, он использовал последний из своих даров — «Запрет». Голос, приказывающий преследователям остановиться, звучал спокойно и ясно. Нападавшие замерли и он стоял напротив них, истекая кровью. А затем появился он. Старик шёл по песку,&nbsp; упёршись в него взглядом и что-то бубнил себе под нос. Сердце Арно остановилось в 07:14. Городская система зафиксировала утрату сигнала. Статус: «ликвидирован». Местоположение тела: не обнаружено.<br>Официально он погиб. Фактически - ушёл в тень, где его имя станет шёпотом. Одни скажут, что спятил. Другие - что был убит. Третьи - сошлются на несчастный случай.<br>Правдой же станет та, которую Арно расскажет, когда снова вернётся в стены города.<br>181 год. Февраль. Тринадцатое число. 18:28.<br>Сердце Арно Саммерсета забилось вновь.</p>

          </p>
        </div>
      </div>

      <div class="pp-panel" data-tab="3">
        <div class="pp-text">
         
<p><strong>Психологический портрет</strong><br>Арно — это ум, поставленный на службу идее. Его речь — мягкая, размеренная, будто метроном; интонации выверены так же тщательно, как строки кода, которые он когда-то писал для городских серверов. Он слушает больше, чем говорит, и распутывает человеческие мотивы так же легко, как математические уравнения.<br>Сторонний наблюдатель увидит безупречный самоконтроль и почти болезненную вежливость, но за зеркальной гладью скрывается беспокойный аналитический вихрь: Арно строит десятки сценариев, прежде чем сделать шаг, и держит в голове запасные планы «B» и «C» на случай, если рухнет план «A».<br>Он честолюбив, но не ради власти; его амбиции — системные. Он хочет упорядочить хаос и, если нужно, перевернуть шахматную доску, чтобы поставить фигуры правильно. При этом Арно испытывает почти болезненное отвращение к жестокости: насилие для него — инструмент отчаяния, а не стратегический ход.<br>Интроверт-аналитик; эмоциональные всплески переживает внутренне, превращая их в ещё один слой расчёта. Но если затронуть его кодекс справедливости или безопасность тех немногих, кого он любит, рациональная броня трескается: Арно способен на резкие, почти самоубийственные поступки, если считает их единственным правильным вариантом.</p>
            <p><strong>Хобби и увлечения</strong><br>· Шахматы и прочие игры с полной информацией — он переигрывает классические партии вслепую.<br>· Составляет рукописные карты подземных уровней Города и трасс вентиляции — старое увлечение, выросшее в спасительный навык.<br>· Пишет лаконичные эссе о стратегиях выживания, зашифровывая в них личные воспоминания, чтобы удерживать хрупкую память после перегрузок силы.<br>· Любит красное сухое вино: говорит, что терпкость сортов напоминает о том, сколько ошибок пришлось проглотить.</p>
            <p><strong>Страхи и фобии</strong><br>· Потеря контроля над разумом. После опыта смерти и воскрешения боится, что когда-нибудь «Нить судьбы» увлечёт его так глубоко, что он не вернётся.<br>· Акрофобия. Высота вызывает лёгкий тремор рук.<br>· Снова не успеть. Самая сильная паника просыпается в снах, где выстрел, оборвавший жизнь Элайсы, звучит на долю секунды раньше его собственного голоса.</p>
            <p><strong>Вредные привычки и слабости</strong><br>· Хронический недосып: спит урывками по 2–3 часа, потому что мозг «шумит» незакрытыми расчётами.<br>· Злоупотребляет кофеином и травяными стимуляторами;<br>· Не умеет просить о помощи — считает это вынесением логистической проблемы наружу, а значит признанием ошибки планирования.</p>

        </div>
      </div>

      <div class="pp-panel" data-tab="4">
        <div class="pp-text">
        <h3><b>Прядильщик судьбы</b></h3><br>
<p><strong>Применение:</strong><br>активная и пассивная способность, применяемая к живым существам.</p>
<p><strong>Общее описание:</strong><br>Владелец способен заглядывать в прошлое и будущее других живых существ. Предел осознанного погружения составляет десять лет в каждую сторону. Однако заглядывать в будущее намного сложнее ввиду его вариативности: чем дальше владелец пытается увидеть, тем выше шанс ошибиться.<br>Изредка носитель утрачивает контроль над способностью. В такие моменты он не может направлять свои видения, время, когда происходили увиденные события определить невозможно, а пределы погружения перестают иметь значение.<br>Видения проявляются как иллюзии, которые видит только носитель способности. Такие иллюзии состоят из образов и звуков, накладывающихся на реальность. <br><br>
<strong>Ограничения:</strong><br>Активное применение: для чтения прошлого или будущего незнакомого человека необходимо физическое прикосновение. После этого владельцу способности становится доступным использование её на расстоянии, но с временным ограничением не более суток.</p>
<p><strong>Последствия способности</strong> напрямую зависят от того, насколько глубоким было погружение во времени:<br>· до 1 часа: легкая сухость глаз или слезоточивость, но чаще последствия отсутствуют;<br>· до 1 суток: умеренная головная боль;<br>· до 1 недели: выраженная тахикардия, чувство тревожности;<br>· до 1 месяца: носовое и ушное кровотечения, интенсивная мигрень, дрожание рук, приступы тошноты;<br>· до 1 года: потеря сознания, сильные судороги, временное ухудшение или частичная потеря зрения (до нескольких часов), нарушение ориентации в пространстве;<br>· до 5 лет: временная потеря памяти (до нескольких суток), кровоизлияния в глазах, постоянный шум в ушах, сильные приступы панических атак и галлюцинаций;<br>· до 10 лет: длительное бессознательное состояние (до нескольких дней), кратковременный паралич конечностей, длительные проблемы с памятью и ориентацией, возможность полного или частичного подавления собственной личности на срок до недели после применения способности.<br>Моменты, когда носитель утрачивает контроль над способностью, случаются редко, и всегда в момент физического контакта при попытке осознанного применения.<br>Последствия в данном случае равняются аналогичным последствиям при применении активной способности глубиной чтения до 1 года.</p>

<hr>
<h3><b>Запрет</b></h3><br>

<p><strong>Применение:</strong><br>активная, на человека.</p>
<p style="font-size: 14px;"><strong>Общее описание:</strong><br>Арно способен воздействовать на волю другого человека с помощью речи. Один единственный приказ, фиксируется в сознании цели как непреложная установка, которую она не может нарушить. Запрет может касаться действия («не двигайся»), намерения («не говори об этом») или даже желания («не ищи меня»), но всегда ограничен рамками вербального формулирования. Способность не вызывает гипноза или транса — человек остаётся в сознании, просто не может совершить конкретное действие.</p>
<p><strong>Условия активации:</strong><br>· обязателен зрительный контакт;<br>· цель должна слышать Арно напрямую (без помех, записи не работают);<br>· человек должен понимать, о чём говорит Арно;<br>· фраза-запрет должна быть чёткой, однозначной и сформулирована в повелительном наклонении.</p>
<p><strong>Слабости и откат:</strong><br>· Способность не действует на людей с сильно нарушенной психикой, под наркотическим опьянением или находящихся в шоковом состоянии.<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;
}

.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]