Сири с вами, ребятки

[html]
<style>
.tablet {
background-image: url(https://forumupload.ru/uploads/001b/ce/b4/4/104993.png);
width: 700px;
height: 920px;
margin-left: 20px;
}

/* Строка имени */
.stim {
width: 578px;
border: 1px;
border-color: #000;
background-color: #959D9F;
font-family: Oswald;
text-align: center;
position: absolute;
margin-top: 40px;
margin-left: 55px;
text-transform: uppercase;
}

.tabbed > input {
display: none;
}
.tabbed > label {
width: 100px;
margin-top: 110px;
margin-left: 43px;
margin-bottom: -90px;
display: block;
padding-top: 10px;
padding-left: 5px;
padding-right: 5px;
font-family: Oswald;
text-size: 20px;
text-transform: uppercase;
}

.tabbed > label:not(.nav-top-start):not(.nav-top-end):not(.nav-bottom-start):not(.nav-bottom-end) {cursor: pointer;z-index: 1;}

/* Оформление */

/* Оформление неактивного переключателя */
.tabbed > label:not(.nav-top-start):not(.nav-top-end):not(.nav-bottom-start):not(.nav-bottom-end) {
background: transparent;
color: #191970;
height: 30px;
}

/* Оформление активного переключателя и при наведении */
.tabbed > label:not(.nav-top-start):not(.nav-top-end):not(.nav-bottom-start):not(.nav-bottom-end):hover,
.tabbed > input:checked + label {
background: #A02223 !important;
color: azure !important;
}

/* Оформление поля с контентом */
.tabs-body {
background: transparent;
color: #000;
}

/* Даем имена переключателям и полю с контентом */

/* Имя поля с контентом */
.tabs-body {grid-area: tabs-body;}

/* Имена переключателей слева */
#nav-left-1 {grid-area: nav-left-1;}
#nav-left-2 {grid-area: nav-left-2;}
#nav-left-3 {grid-area: nav-left-3;}
#nav-left-4 {grid-area: nav-left-4;}
#nav-left-5 {grid-area: nav-left-5;}
#nav-left-6 {grid-area: nav-left-6;}
#nav-left-7 {grid-area: nav-left-7;}
#nav-left-8 {grid-area: nav-left-8;}
#nav-left-9 {grid-area: nav-left-9;}
#nav-left-10 {grid-area: nav-left-10;}

.tabs-body {
width: auto;
position: relative;
}

.tabs-body > div {
position: absolute;
top: 0;
left: 0;
line-height: 1.4em;
opacity: 0;
width: auto;
height: 726px;
padding: 10px;
z-index: 0;
margin-top: 110px;
margin-right: 55px;
text-align: justify;
overflow: auto;
}

/* Переключатели */

/* Слева */
#nav-left-1:checked ~ .tabs-body > .body-left-1,
#nav-left-2:checked ~ .tabs-body > .body-left-2,
#nav-left-3:checked ~ .tabs-body > .body-left-3,
#nav-left-4:checked ~ .tabs-body > .body-left-4,
#nav-left-5:checked ~ .tabs-body > .body-left-5,
#nav-left-6:checked ~ .tabs-body > .body-left-6,
#nav-left-7:checked ~ .tabs-body > .body-left-7,
#nav-left-8:checked ~ .tabs-body > .body-left-8,
#nav-left-9:checked ~ .tabs-body > .body-left-9,
#nav-left-10:checked ~ .tabs-body > .body-left-10,

/* Справа */
#nav-right-1:checked ~ .tabs-body > .body-right-1,
#nav-right-2:checked ~ .tabs-body > .body-right-2,
#nav-right-3:checked ~ .tabs-body > .body-right-3,
#nav-right-4:checked ~ .tabs-body > .body-right-4,
#nav-right-5:checked ~ .tabs-body > .body-right-5,
#nav-right-6:checked ~ .tabs-body > .body-right-6,
#nav-right-7:checked ~ .tabs-body > .body-right-7,
#nav-right-8:checked ~ .tabs-body > .body-right-8,
#nav-right-9:checked ~ .tabs-body > .body-right-9,
#nav-right-10:checked ~ .tabs-body > .body-right-10 {
transform: translateY(0px);
transform: translateX(0%);
opacity: 1;
z-index: 1;
}

input[id^=nav] ~ .tabs-body > div[class^=body] {
}
</style>

<style>
.tabbed {
display: grid;
grid-template: /* навигация слева и поле */
"nav-left-1 tabs-body tabs-body tabs-body tabs-body" 1fr
"nav-left-2 tabs-body tabs-body tabs-body tabs-body" 1fr
"nav-left-3 tabs-body tabs-body tabs-body tabs-body" 1fr
"nav-left-4 tabs-body tabs-body tabs-body tabs-body" 1fr
"nav-left-5 tabs-body tabs-body tabs-body tabs-body" 1fr
"nav-left-6 tabs-body tabs-body tabs-body tabs-body" 1fr
/* Коллонки */
/ 1fr 1fr 1fr 1fr 1fr;
width: 100%;
}
</style>

<div class="tablet">
<div class="stim"><td>Гленн Кэрон <br> Уровень доступа: C </div>

<div class="tabbed">


<input type="radio" name="tabs-body" id="nav-left-1" checked>
<label for="nav-left-1">Личные данные</label>

<input type="radio" name="tabs-body" id="nav-left-2">
<label for="nav-left-2">Внешность</label>

<input type="radio" name="tabs-body" id="nav-left-3">
<label for="nav-left-3">Способность 1</label>

<input type="radio" name="tabs-body" id="nav-left-4">
<label for="nav-left-4">Способность 2</label>

<input type="radio" name="tabs-body" id="nav-left-5">
<label for="nav-left-5">Характер</label>

<input type="radio" name="tabs-body" id="nav-left-6">
<label for="nav-left-6">Биография</label>
<div class="tabs-body">

<div class="body-left-1">
<center><img src="https://forumupload.ru/uploads/001b/fb/3e/97/123365.jpg"></center>
Genshin Impact| Thoma<br>
Пол:м <br>
Дата рождения: 09.01.2093<br>
Возраст: 31 лет <br>
Рост и вес: 187 см, 91 кг<br>

<br>
Семейное положение: холост<br>
Должность/Статус: оператор миссий, кодовое имя – Сири<br>
Ник в чате академии: Siri
<br><br>
Отличительные признаки
<br>
Цвет глаз: зеленые<br>
Цвет волос: рыжие<br>
Татуировки/Шрамы/Пирсинг/Пигментация: уши проколоты, но серьги почти не носит, имеется несколько старых шрамов на теле.
</div>

<div class="body-left-2"><br>
Среднего роста, подтянутый и крепкий. Он не производит впечатление крутого бойца, но и за слабака-заучку его тоже никогда не примут. Спортивного телосложения, что подчеркивается официальным костюмом, который порой носит на работе, или футболками в нерабочее время. Узкая талия и бедра, длинные ноги, широкие по-мужски плечи. Он одновременно и привлекает внимание, и не выделяется слишком сильно. Достаточно, чтобы запомниться, но не достаточно, чтобы бросаться в глаза.<br>
Рыжие волосы средней длинны, спускаются чуть ниже лопаток, и часто связаны шнурком, сколоты заколкой или же стянуты резинкой. Что под руку первым попадется, на самом деле. Распущенны бывают редко, ему так удобнее. <br>
В одежде предпочитает в первую очередь удобство и практичность. Потому часто можно увидеть в футболке и штанах, реже в официальном костюме, который на самом деле терпеть не может, но воспитание не позволяет противиться слишком сильно.

</div>

<div class="body-left-3">
► Аудиокинез<br><br>
Применение: активная, направленная, по площади либо по прямой (радиус 30 метров), возможен вариант применения способности на себя <br><br>
Ограничения: способности, позволяющие манипулировать звуком (например отключать его, накладывать область тишины, и т.д.), повреждение горла, физическое или психологическое ограничение, не позволяющее создать или использовать звуковые волны.
<br><br>
Описание способности: позволяет создавать и манипулировать звуковыми волнами по своему усмотрению. Может оглушить, вызвать дискомфорт и даже уничтожить предмет или живое существо с помощью звуковых вибраций. Способность дает возможность усилить звуки, заглушить их (но не убрать полностью), изменить тональность, воспроизводить звук на любой его доступной частоте. Может изменять звуки по своему усмотрению, а это дает возможность изменить голос под тональность и звучание любого человека или существа, при условии, что Сири знает, как он должен звучать (слышал ранее).
</div>

► Зов сирены <br><br>
Применение: активная, на окружающих<br><br>
Ограничения: так как воздействует напрямую на сознание человека, то обязательным условием является возможность человека услышать голос Сири. Способность ментальная, и на защищенных от ментальных воздействий измененных не работает.
<br><br>

Описание способности: влияет на подсознание того, кто слышит голос Сири. Благодаря своей способности, он может управлять эмоциональным состоянием человека, убедить его в чем-то, успокоить или наоборот выбесить, может развеселить, заставить грустить, вызвать любую эмоцию, которую способны испытывать люди. Сири мастерски может подобрать интонации и выражения, чтобы усилить эффект от способности. Какую эмоцию усиливать или убавить выбирает сам Сири. Для себя он создал определенные кодовые слова, которые при длительных тренировках, часто сами включают способность, и влияют на человека манипулируя его эмоциональным фоном (например, фраза “все хорошо” станет не просто фразой, а действительно снизит тревожность и побудит человека поверить в себя и в благоприятный исход)
</div>

<div class="body-left-5">
При знакомстве с этим человеком создается впечатление, что он беспечный и несерьезный. Будто мир для него большая солнечная поляна с цветами, над головой ясное небо с редкими облаками в виде зверушек, а совсем не обезумевшая планета с опасными монстрами. Сири веселый, легкий в общении, всегда найдет общий язык с каждым независимо от статуса и пола. Он может как следовать правилам этикета, так и забывать о них, если это удобно и комфортно для собеседника. <br>

Но несмотря на такое первое впечатление, при дальнейшем общении можно понять, что Сири человек ответственный, добрый и заботливый. Он внимателен к мелочам, внимателен к людям и их чувствам, внимателен ко всему, что его окружает. Он всегда старается создать вокруг себя атмосферу комфорта и непринужденности, позволяя людям расслабиться и чувствовать себя в безопасности.<br>
И лишь те, кто знает его достаточно хорошо, знают, что Сири может быть и весьма коварным, жестким и бескомпромиссным, если дело заходит слишком далеко и его не воспринимают всерьез. Он может казаться, и даже будет с вами мил и доброжелателен, в чем-то послушен и возможно даже услужлив, но не стоит принимать все это за чистую монету и пытаться использовать его в своих целях, принижая его. Сири не стоит переходить дорогу, он не злопамятен, но свои принципы отстаивает до конца.
</div>

Гленн родился в семье торговца. Ничего необычного, торговля остается торговлей, и если у тебя есть талант к этому, то заработать можно всегда. Талант был у его младшего брата Артура, а вот сам Гленн скорее относился к тем людям, которые легко могут заболтать клиента, но совершенно не способны ему что-либо втюхать насильно. Слишком добрый, мягкий, жизнерадостный малый был этот Гленн в детстве. Всех ему было жалко, всем старался помогать по доброте своей детской душонки. Особый восторг и обожание у него вызывали животные, все без исключения, что было порой несколько проблематично.<br>
В семь лет у мальчика проснулась первая способность. Да такая, что не скрыть не спрятать, тем более, когда ребенок и управляться с ней толком не умеет. Охра прознала об этом достаточно быстро, забрала Гленна в интернат, попутно налив в уши красивых речей, как он выучится и поступит в академию, а потом станет героем для своих родителей и всего мира. Но это при условии, что он будет послушным и старательным. Гленн уже тогда понимал, что представляет угрозу для своих близких, да и какому ребенку не хочется стать героем, даже если придется слушаться, есть противную кашу и овощи, и много заниматься, чтобы научиться контролировать свою способность?<br>
В интернате он действительно всегда оставался примерным и послушным, все свои силы бросил на то, чтобы подчинить себя способность и научиться мастерски ею владеть. Гленн очень хотел поступить в академию, ведь даже становясь старше так и не переставал грезить геройствами. Он обязательно защитит родителей и младшего братишку, который тоже оказался человеком.<br>
Ему было достаточно одной способности, чтобы его посчитали полезным для боевых действий и отправили на дальнейшее обучение. Но в 12 лет у Гленна проснулась и вторая, которая больше казалась абгрейдом первой. Умение манипулировать эмоциями через голос показалась сотрудникам Охры не менее полезной, и его записали на факультет связи и поддержки.<br>
После окончания академии, Сири*, как его стали называть остальные, отправился защищать человечество от ужасных монстров и мутантов. Он побывал в нескольких группах, пережил и увидел достаточно, чтобы понимать как полезность измененных в качестве защитников, так и опасность не только внешнего мира, но и самих людей. Он часто встречал в глазах простых людей восторг и благодарность за защиту, но бывало и такое, что к ним относились враждебно и с агрессией, а порой даже с откровенной ненавистью. Все это не могло не отразиться на характере и мироощущении молодого мужчины.
Одна из миссий стала для него переломной, той самой, что переворачивает весь твой мир с ног на голову, и вернуться к прежней жизни возможности больше нет. Четыре года назад их группе поступил приказ зачистить обнаруженное поселение сектантов Сангины, которые представляют угрозу обществу. Прибыв на место, группа как обычно провела разведку, подтвердила наличие поселения и опасность находившихся внутри людей. Зачистка прошла без проблем, слаженность команды и эффект неожиданности сработали на ура. Поселение оказалось небольшим, а потому с его жителями расправились быстро. Сири уже привык к тому, что героям сражаться приходится не только с мутантами, но и монстрами в человеческом обличьи. <br>
Сложности начались позже, когда группа обнаружила стоящий отдельно дом. Судя по разведданным, он оказался чем-то вроде общежития для детей-измененных. На поверку там оказались действительно дети, от самых маленьких (5-7 лет) и до подростков не старше 14-15. Видимо остальные уже считались взрослыми и отправлялись воевать. Дети были в ужасном состоянии, грязные, со следами синяков и ссадин. Многие из них казались изможденными, словно были животными в клетках. Увидев эту картину, Сири пришел в ужас. Он физически не мог следовать приказу уничтожить этих детей. Он стоял и смотрел в эти запуганные и озлобленные детские глаза. Десятки глаз. Все закончилось быстро. Один из пленников сорвался и бросился в атаку, оборачиваясь медведем. За ним последовали и остальные, словно получили негласную команду. Товарищ Сири успел оттолкнуть его, схлестываясь с обезумевшими детьми, опасность которых повышалась в силу их способностей. <br>
После операции Сири еще долго не мог отойти от произошедшего. Он год провел в больнице, наблюдался у психотерапевта и психолога. Но так до конца не смог пережить случившегося и крови детей на своих руках. Позже ему объяснили, что сектанты жестоко обращались с любым измененным, как только те попадали к ним в руки. Особенно собирали детей, ломали их волю и настраивали на то, что если те попадутся Охре, то их будут мучить и пытать, отдадут на опыты и кроме ужасной боли в их жизни не будет больше ничего. Именно поэтому смерть их привлекала больше, сознание детей было запрограммировано на то, что лучше умереть сражаясь, чем попасть в руки кого-то их Охры. Так что выбора не было в любом случае. Сири это понимал, но простить себе не смог.
Осознав, что как боевая единица он потерял свою ценность, Сири перевели в академию. Учитывая его способности, он занял пост оператора по миссиям. Такой и успокоит, и на боевой лад настроит, и поможет в случае чего. Боевого опыта хватает, а после произошедшего он теперь за каждую жизнь борется как за свою, готовый выгрызать ее из лап смерти лично. О своем прошлом говорить не любит, никогда не унывает, и лишь единицы знают, что за демоны живут в его душе.
<br><br>
* прозвище получил еще в академии, когда с другом ходил за сокровищами, по найденной карте. Они откопали какие-то бесполезные на первый взгляд журналы и ворох записок. В одном из журналов оказалась статья о старых технологиях, где и упоминался голосовой помощник Сири. Вся их компания, с которой ребята разделили найденные сокровища, посмеялись над причудами людей прошлого, а кто-то заметил, что сейчас так бы звали Гленна с его способностями. С тех пор шутка переросла в кодовое имя да так и осталась.
<br><br>

Секретная информация:

</div>

</div>
</div>
</div>
[/html]

+12