fatum
name & name
—////////////////////
в игре: март 2030
pixie jet vivitt valerie
гостевая фак + сюжет внешности роли + способности о мире организации группировки

fatum

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » fatum » forbidden fruits of eden » группировки

группировки

Страница: 1
Тема закрыта

Сообщений 1 страница 3 из 3

1

  • фон:
  • Автор: fatum
  • тварь SSR класса
  • fatum
  • лз: имя, 00
    текст лз
  • Сообщений: 93
  • посты: 11 538,0/0 04.26,0/0
  • Уважение: +22
  • банк: 0
  • иконка:
  • плашка:
  • твины:
  • Последний визит:
    Сегодня 10:59:15

[hideprofile][html]
<style>
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&display=swap');

.rms-wrap{
  width:900px;
  margin:0 auto;
  font-family:'Manrope', sans-serif;
  color:#111;
  overflow:visible;
}

.rms-tab{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

/* точки */
.rms-dots{
  display:flex;
  gap:6px;
  padding-left:8px;
  margin-bottom:6px;
}

.rms-dot{
  width:12px;
  height:12px;
  border-radius:50%;
  background:#9bcb01;
  cursor:pointer;
  display:block;
}

#rms-tab-1:checked ~ .rms-dots label[for="rms-tab-1"],
#rms-tab-2:checked ~ .rms-dots label[for="rms-tab-2"],
#rms-tab-3:checked ~ .rms-dots label[for="rms-tab-3"],
#rms-tab-4:checked ~ .rms-dots label[for="rms-tab-4"]{
  background:#646464;
}

.rms-main{
  display:flex;
  align-items:flex-start;
}

.rms-side{
  width:210px;
  flex:0 0 210px;
  min-height:480px;
  background:
    linear-gradient(rgba(55,55,55,.78), rgba(55,55,55,.78)),
    linear-gradient(rgba(215,215,215,.18), rgba(215,215,215,.18)),
    url('https://i.pinimg.com/1200x/88/f8/7e/88f87ea498e2699cc83f137290d3c426.jpg') center center / cover no-repeat;
  padding:14px 10px 14px 0;
  box-sizing:border-box;
  text-align:left;
}

.rms-caps{
  text-transform:uppercase !important;
}

.rms-content{
  width:690px;
  flex:0 0 690px;
  padding:0 0 0 16px;
  box-sizing:border-box;
}

.rms-hero{
  height:92px;
  min-height:92px;
  padding:0 0 0 8px;
  box-sizing:border-box;
  position:relative;
  overflow:hidden;
left: -12px;
  display:flex;
  align-items:flex-start;
}

.rms-logo{
  font-family:'Dela Gothic One', sans-serif;
  font-size:88px;
  color:#2f2f2f;
  letter-spacing:2px;
  text-transform:uppercase;
  transform:translateY(16px);
  white-space:nowrap;
  user-select:none;
  opacity:.9;
}

.rms-head,
.rms-nav-btn,
.rms-panel-title{
  display:block;
  width:180px;
  background:#111111;
  color:#9bcb01;
  text-decoration:none;
  text-align:left;
  font-family:'Dela Gothic One', sans-serif;
  line-height:1.1;
  box-sizing:border-box;
  text-transform:lowercase;
  letter-spacing:.1px;
  padding:8px 9px;
}

.rms-head{
  font-size:15px;
  color:#ffffff;
  margin-bottom:10px;
}

.rms-nav-btn{
  margin-bottom:6px;
  font-size:9px;
  font-weight:400;
  cursor:pointer;
  transition:.15s ease;
}

.rms-nav-btn:hover{
  color:#646464;
}

.rms-note{
  width:180px;
  margin:0 0 12px 10px;
  color:#fff;
  font-size:9px;
  line-height:1.3;
  font-weight:700;
  text-align:left;
}

.rms-panel-wrap{
  margin-top:6px;
  padding-left:0;
}

.rms-panel-title{
  width:100%;
  margin:0 0 8px 0;
  font-size:10px;
  padding:8px 10px;
}

.rms-panels{
  position:relative;
  max-height:690px;
  overflow-y:auto;
  text-transform:lowercase;
  overflow-x:hidden;
  padding-right:4px;
  box-sizing:border-box;
  scrollbar-width:thin;
  scrollbar-color:#4a4a4a transparent;
}

.rms-panels::-webkit-scrollbar{
  width:4px;
}

.rms-panels::-webkit-scrollbar-track{
  background:transparent;
}

.rms-panels::-webkit-scrollbar-thumb{
  background:#4a4a4a;
  border:none;
  border-radius:0;
}

.rms-panels::-webkit-scrollbar-button{
  display:none;
  width:0;
  height:0;
}

.rms-panel{
  display:none;
  background:rgba(239,239,239,.94);
  border:1px solid #2a2a2a;
  padding:16px 16px 12px;
  box-sizing:border-box;
}

#rms-tab-1:checked ~ .rms-main .rms-content .rms-panels .rms-panel-1,
#rms-tab-2:checked ~ .rms-main .rms-content .rms-panels .rms-panel-2,
#rms-tab-3:checked ~ .rms-main .rms-content .rms-panels .rms-panel-3,
#rms-tab-4:checked ~ .rms-main .rms-content .rms-panels .rms-panel-4{
  display:block;
}

#rms-tab-1:checked ~ .rms-main .rms-side label[for="rms-tab-1"],
#rms-tab-2:checked ~ .rms-main .rms-side label[for="rms-tab-2"],
#rms-tab-3:checked ~ .rms-main .rms-side label[for="rms-tab-3"],
#rms-tab-4:checked ~ .rms-main .rms-side label[for="rms-tab-4"]{
  color:#fff;
  box-shadow:inset 3px 0 0 #9bcb01;
}

.rms-block{
  margin:0 0 18px;
  padding:0 0 14px;
  border-bottom:1px solid rgba(0,0,0,.08);
}

.rms-block:last-child{
  margin-bottom:0;
  padding-bottom:0;
  border-bottom:none;
}

.rms-subtitle{
  font-family:'Dela Gothic One', sans-serif;
  font-size:12px;
  line-height:1.2;
  color:#111;
  text-transform:lowercase;
  margin:0 0 10px;
}

.rms-text{
  font-family:'Manrope', sans-serif;
  font-size:11px;
  line-height:1.52;
  color:#3f3f3f;
}

.rms-text p{
  margin:0 0 12px;
}

.rms-text p:last-child{
  margin-bottom:0;
}

.rms-text b{
  font-weight:800;
  color:#111;
}

.rms-list{
  margin:0;
  padding-left:16px;
}

.rms-list li{
  margin:0 0 8px;
}

.rms-q{
  font-family:'Dela Gothic One', sans-serif;
  font-size:12px;
  line-height:1.2;
  color:#111;
  text-transform:lowercase;
  margin:0 0 8px;
    letter-spacing: .12px;
    font-weight: 400;
}

.rms-a{
  font-family:'Manrope', sans-serif;
  font-size:11px;
  line-height:1.5;
  color:#3f3f3f;
}

.rms-a p{
  margin:0 0 10px;
}

.rms-a p:last-child{
  margin-bottom:0;
}

.rms-a b{
  font-weight:800;
  color:#111;
}
</style>

<div class="rms-wrap">

  <input class="rms-tab" type="radio" name="rms-tabs" id="rms-tab-1" checked>
  <input class="rms-tab" type="radio" name="rms-tabs" id="rms-tab-2">
  <input class="rms-tab" type="radio" name="rms-tabs" id="rms-tab-3">
  <input class="rms-tab" type="radio" name="rms-tabs" id="rms-tab-4">

  <div class="rms-dots">
    <label for="rms-tab-1" class="rms-dot"></label>
    <label for="rms-tab-2" class="rms-dot"></label>
    <label for="rms-tab-3" class="rms-dot"></label>
    <label for="rms-tab-4" class="rms-dot"></label>
  </div>

  <div class="rms-main">
    <div class="rms-side">
      <div class="rms-head">рамус</div>
      <div class="rms-note">отколовшаяся ветвь системы</div>

      <label for="rms-tab-1" class="rms-nav-btn">общая информация</label>
      <label for="rms-tab-2" class="rms-nav-btn">деятельность и структура</label>
      <label for="rms-tab-3" class="rms-nav-btn">штабы</label>
      <label for="rms-tab-4" class="rms-nav-btn">faq</label>
    </div>

    <div class="rms-content">
      <div class="rms-hero">
        <div class="rms-logo">RAMUS</div>
      </div>

      <div class="rms-panel-wrap">
        <div class="rms-panel-title">теневая военизированная сеть</div>

        <div class="rms-panels">

          <div class="rms-panel rms-panel-1">
            <div class="rms-block">
              <div class="rms-text">
                <p><b><span class="rms-caps">рамус</span> </b> — нелегальная военизированная группировка, возникшая из бывших военных, охотников, специалистов по ликвидации последствий разломов и ветеранов горячих точек, которых однажды система сочла удобнее списать, чем спасти. это не просто банда, а парамилитарная теневая сеть со своей дисциплиной, внутренней иерархией и устойчивой инфраструктурой.</p>
                <p>официально рамус проходят как террористическая организация, контрабандисты и пособники незаконного оборота артефактов. неофициально — именно рамус нередко оказываются там, куда государственные структуры приходят слишком поздно или не приходят вовсе.</p>
<p>датой основания принято считать <b>2022 год</b> , сразу после прорыва разлома на мадагаскаре, где погибло несколько отрядов <span class="rms-caps">МООД</span>. Впрочем, многие знают, что это стало не точкой отсчета, а последней каплей. </p>
              </div>
            </div>

            <div class="rms-block">
              <div class="rms-subtitle">происхождение</div>
              <div class="rms-text">
                <p>рамус сформировались из остатков полевых подразделений, задействованных в зачистках аномальных зон, ликвидации последствий прорывов и операциях в горячих точках. многие из тех, кто позже вошёл в состав группировки, прежде служили в официальных структурах и подчинялись приказам <span class="rms-caps">моод</span> и военных штабов разных стран.</p>
                <p>перелом наступил после серии операций, в которых командование снова и снова отправляло людей на заведомо проигрышные задания, прикрываясь необходимостью «удержать обстановку под контролем», «не допустить паники» и «сохранить стратегически важные объекты». там, где требовалась эвакуация, сверху требовали удержание позиции. там, где нужно было перегруппироваться, бойцов оставляли умирать. там, где система обязана была спасать своих, она предпочитала сохранять отчётность и политическое лицо.</p>
                <p>по слухам, нынешний глава потерял в одной из таких операций почти весь свой отряд. после этого остатки его людей исчезли из официальных отчётов и долгое время считались погибшими при инциденте, а позднее начали собираться заново — уже по ту сторону закона. следом за ними официальные структуры покинули и другие единомышленники.</p>
              </div>
            </div>

            <div class="rms-block">
              <div class="rms-subtitle">идеология и мотивы</div>
              <div class="rms-text">
                <p>они не считают себя героями, освободителями или мучениками. они не борются за красивую идею и не строят иллюзий о собственной праведности. их философия проста: <b>если система не способна защитить людей, право действовать переходит к тем, кто способен</b>.</p>
                <p>для власти они — отступники, нарушители порядка и вооружённые радикалы. для самих себя — люди, которые отказались подчиняться гнили, но не отказались от долга.</p>
                <p>рамус исходят из того, что современный мир уже невозможно защитить “чистыми руками”. демоны не соблюдают законов, разломы не ждут утверждённых протоколов, а бюрократия не спасает тех, кто оказался по ту сторону периметра. поэтому группировка сознательно использует методы, которые официальные структуры считают недопустимыми: работает с нелегальными артефактами, сотрудничает с преступниками, использует серые каналы снабжения, ведёт собственную разведку и не боится нарушать юрисдикцию <span class="rms-caps">моод</span>, если это даёт результат.</p>
                <p>они не служат государству. они служат миру, который государство защищает выборочно.</p>
              </div>
            </div>

            <div class="rms-block">
              <div class="rms-subtitle">положение в гонконге</div>
              <div class="rms-text">
                <p>до переноса восточноазиатского штаба охотников в гонконг рамус пользовались куда большей свободой. город долгое время оставался местом, где международные структуры присутствовали скорее как гости, чем как полноценные хозяева. это позволяло группировке глубже врастать в местные каналы, строить связи, контролировать часть серого рынка и действовать почти без постоянного внешнего давления.</p>
                <p>ситуация изменилась после двух событий. первое — перенос в гонконг восточноазиатского штаба охотников после уничтожения сингапурского хаба. второе — открытие лаборатории <span class="rms-caps">нииэд</span> на лантау. это ударило по нелегальным каналам снабжения, осложнило доступ к демоническим материалам, усилило внутренний контроль и сделало рынок артефактов куда менее хаотичным, чем прежде.</p>
                <p>из-за этого им пришлось уйти глубже в подполье. организация стала осторожнее, злее и избирательнее, но не исчезла. напротив — чем плотнее международные структуры сжимают город, тем активнее рамус используют их слабые места. слухи упорно утверждают, что у группировки есть свои люди и в <span class="rms-caps">моод</span>, и в <span class="rms-caps">нииэд</span> — от продажных сотрудников до сочувствующих полевиков, которые хорошо знают цену официальных приказов.</p>
              </div>
            </div>

            <div class="rms-block">
              <div class="rms-subtitle">почему их не уничтожат?</div>
              <div class="rms-text">
                <p>вопрос, который задают им чаще всего, звучит просто: если они настолько неудобны, почему правительство не пересажает их всех?</p>
                <p>потому что это слишком дорого, слишком шумно и слишком рискованно. рамус слишком глубоко вросли в ткань кризисного мира. они полезны там, где официальные силы не справляются, слишком популярны среди части гражданских, слишком тесно связаны с бывшими военными и действующими полевиками, а главное — слишком хорошо знают, где и что именно у государства гниёт изнутри.</p>
                <p>полный разгром рамус означал бы не только силовую кампанию, но и публичное вскрытие неудобных историй: провальных операций, списанных отрядов, теневых приказов, исчезнувших поставок и живых людей, которых когда-то посчитали допустимыми потерями. власть может арестовывать отдельных членов группировки, устраивать показательные облавы, давить на каналы снабжения и выставлять их террористами в медиаполе. но довести дело до тотальной зачистки мешают общественная реакция, репутационные риски, симпатии части силовиков и тот факт, что в крупных кризисах рамус всё ещё оказываются полезнее, чем многим хотелось бы признавать.</p>
              </div>
            </div>

            <div class="rms-block">
              <div class="rms-subtitle">репутация</div>
              <div class="rms-text">
                <p>репутация рамус двойственна и зависит от того, кого спрашивать.</p>
                <p>для официальных структур это опасная радикальная сеть, мешающая работе государства, вмешивающаяся в операции, ворующая ресурсы, подрывающая доверие к охотникам и использующая запрещённые методы. </p>
                <p>для части гражданских — вооружённые фанатики, работающие с демонической дрянью и живущие по собственному закону. для других — особенно для тех, кто пережил разломы, нападения демонов и провалы официальной системы — рамус остаются силой, которая приходит тогда, когда остальные уже списали тебя со счетов. у группировки довольно заметная поддержка среди населения: кто-то считает их чудовищами, кто-то — героями, которых закон вынужден делать крайними, чтобы не отвечать на неудобные вопросы.</p>
                <p>о них говорят разное: что они вытаскивают людей из пекла, что убивают без суда, что торгуют артефактами, что давно ничем не лучше тех, с кем сражаются; что без них город бы уже захлебнулся, что они спасли сотни жизней там, где <span class="rms-caps">моод</span> даже не появились.</p>
                <p>правда, как обычно, лежит где-то между.</p>
              </div>
            </div>
         <div class="rms-block">
              <div class="rms-subtitle">внутренний принцип</div>
              <div class="rms-text">
                <p>чтобы защитить этот мир, недостаточно быть правым — нужно быть готовым сделать то, на что у праведных не хватит воли.</p>
                <p>они не просят разрешения, не ждут одобрения, не верят, что закон и мораль всегда стоят на одной стороне.</p>
                <p><b>они — ветвь, выросшая отдельно. и, чем сильнее гниёт ствол, тем прочнее становится рамус.</b></p>
              </div>
            </div>
<div class="rms-block">
              <div class="rms-subtitle">отношения</div>
              <div class="rms-text">
                <p>✦ с <b><span class="rms-caps">моод</span></b> отношения у рамус враждебные по умолчанию, но далеко не всегда однозначные. на бумаге они враги. в реальности в условиях масштабных прорывов, нестабильных разломов и критических инцидентов обе силы порой оказываются по одну сторону баррикад — просто рамус действуют без отчётности и без намерения кому-либо подчиняться. открытого военного противостояния между ними нет, однако презрение к правительственным шавкам из <span class="rms-caps">моод</span> внутри рамус не скрывают.</p>
                <p>✦ к <b><span class="rms-caps">нииэд</span></b> отношение ещё сложнее. они презирают научную машину за холодную расчётливость, эксперименты и готовность превращать людей и демонов в материал, но при этом прекрасно понимают цену знания, технологий и доступа к демоническим ресурсам. лаборатории, склады, утечки данных, образцы, останки и артефакты представляют для группировки огромный интерес. именно поэтому вокруг <span class="rms-caps">нииэд</span> всегда крутятся кражи, сделки и крысы.</p>
  <p>✦ <b><span class="rms-caps">хэйлун</span> </b> для рамуса не враги и не конкуренты. рамус прекрасно осознает положение в городе и знает, что тягаться с триадой гиблое дело. они редко пересекаются, иногда сотрудничают, но вражды или конфликта нет.</p>
  <p>✦ <b><span class="rms-caps">симбиот</span></b> для них словно дети, отношение к ним такое же. конфликта между ними никакого нет, наоборот, довольно часто сотрудничают, выходят на какие-то неофициальные каналы или людей через них. отношения скорее партнерские, хотя каких-то общих дел они друг с другом не имеют, иногда по мелочи оказывают друг другу услуги. не редкость, что людей рамус вербуют к себе или выходят на них через связи уличной банды. они мешают, суетятся, распространяют информацию и создают риск утечек. их присутствие делает любую ситуацию менее контролируемой.</p>
              </div>
            </div>
          </div>

          <div class="rms-panel rms-panel-2">
            <div class="rms-block">
              <div class="rms-subtitle">основная деятельность</div>
              <div class="rms-text">
                <p>основная задача рамус — вмешиваться там, где официальная система либо не справляется, либо сознательно жертвует людьми и территориями ради стратегической выгоды. их деятельность охватывает как прямые боевые операции, так и глубокую работу в подполье.</p>
                <ul class="rms-list">
                  <li> ✦ участвуют в ликвидации прорывов и боевых столкновениях с демонами;</li>
                  <li>✦ входят в аномальные зоны;</li>
                  <li>✦ проводят нелегальные эвакуации из районов, признанных “неприоритетными”;</li>
                  <li>✦ перехватывают, вывозят и скрывают артефакты до того, как их заберут официальные структуры;</li>
                  <li>✦ добывают и торгуют демоническими материалами, артефактами и оружием;</li>
                  <li>✦ вербуют людей, которых можно использовать в борьбе против демонической угрозы;</li>
                  <li>✦ работают с контрактниками, нестабильными охотниками и иными “неудобными” активами, от которых отказалась система;</li>
                  <li>✦ собирают информацию на <span class="rms-caps">моод</span>, <span class="rms-caps">нииэд</span>, военные цепочки поставок и чёрный рынок;</li>
                  <li>✦ вытаскивают перспективных людей из тюрем, беженских потоков и трущоб, превращая их в ресурс;</li>
<li>✦ иногда даже в полной мере сотрудничают с правительством.</li>
                </ul>
              </div>
            </div>

            <div class="rms-block">
              <div class="rms-subtitle">заработок</div>
              <div class="rms-text">
                <p>рамус крепко переплетены с подпольной торговлей оружием и артефактами. это не побочная часть их существования, а главный источник финансирования организации. основной доход им приносит оружейный трафик, перепродажа артефактов, демонических останков и редких материалов <b>за пределами гонконга</b>, где у группировки есть свои маршруты, посредники и даже небольшие отряды, не входящие в состав официально.</p>
                <p>в самом гонконге чёрный рынок слишком плотно коррумпирован и подмят местной триадой, поэтому они либо работают через чужие руки, либо сотрудничают с триадой или же вовсе выводят товар из города, не ввязываясь в прямую борьбу за территорию, где правила давно написаны не ими.</p>
                <p>контрабанда, серые сделки и нелегальные поставки — не цель, а топливо войны. деньги для них способ продолжать деятельность, а не главная цель.</p>
              </div>
            </div>

            <div class="rms-block">
              <div class="rms-subtitle">структура</div>
              <div class="rms-text">
                <p>во главе рамус стоит <a href=" от амс"><b>карлос сильва</b></a>, определяющий курс всей организации. он не скрывается ни от членов группировки, ни от общественности, часто появляется на слушаниях, судебных разбирательствах и в информационном поле, превращая сам факт своего существования в политическое раздражение.</p>
                <p>следом за ним — <b>правая рука</b> [имя + ссылка], через которую проходят ключевые решения, дисциплина и внутренний контроль. формально его трудно назвать “вторым” человеком в структуре: скорее он действует с главой на равных, сохраняя тот же вес внутри организации. для общественности долгое время оставался теневой фигурой, хотя его личность стала известна после инцидента на индийских островах.</p>
              </div>
            </div>

            <div class="rms-block">
              <div class="rms-subtitle">сектора</div>
              <div class="rms-text">
                <p><b>жнецы</b> — силовое крыло организации. штурмовые группы, боевые ячейки, зачистка, выезды к разломам, сопровождение операций, силовое прикрытие и прямые столкновения с демонами. добыча артефактов и их прямую продажу из рук в руки осуществляют они же.</p>
                <p><b>пауки</b> — вербовка, человеческий ресурс и работа с потенциально полезными активами. через этот сектор проходят новобранцы, посредники, контрактники, нестабильные охотники, контакты с демонами.</p>
                <p><b>оракулы</b> — разведка, логистика, снабжение, транзакции, цифровая безопасность и контроль внутренних и внешних каналов. здесь сосредоточены аналитики, снабженцы, оружейники, хакеры, разные виды поддержки от адвокатов до переговорщиков, а так же весь мед.блок.</p>
                <p>у каждого сектора есть руководители, собственные базы и точки в разных районах города — от оперативных укрытий и перевалочных складов до полноценных штабов, где можно не только работать, но и жить. многие члены организации постоянно обитают в этих точках, хотя проживание в секторном штабе не считается обязательным. переход между секторами возможен как по личному желанию, так и по настоянию руководства.</p>
              </div>
            </div>

           
          </div>

          <div class="rms-panel rms-panel-3">
            <div class="rms-block">
              <div class="rms-subtitle">штаб жнецов</div>
              <div class="rms-text">
                <p>главная база силового сектора расположена на окраине промзоны коулуна, в переоборудованном комплексе бывших складов и ремонтных ангаров. снаружи место выглядит как полумёртвый промышленный участок, давно переживший лучшие годы.</p>
                <p>внутри — тренировочные залы, оружейные, медблок, комнаты быстрого размещения и отдельные помещения для отработки боевых сценариев. именно отсюда выходят группы на зачистки и вся боевая мощь. штаб жнецов самый шумный, самый прямолинейный и наименее гостеприимный из всех трёх. так же все оружейные склады, активные рабочие артефакты и прочее хранится у них.</p>
              </div>
            </div>

            <div class="rms-block">
              <div class="rms-subtitle">штаб пауков</div>
              <div class="rms-text">
                <p>сектор вербовки и человеческого ресурса держит основной узел в старом жилом квартале на стыке ваньчая и шёнвана. это сеть квартир, подвалов, переоборудованных мастерских и молельных комнат, собранных в единый живой лабиринт.</p>
                <p>здесь проверяют новичков, прячут бывших заключенных, занимаются адаптацией контрактников. у пауков меньше всего внешнего блеска и больше всего чужих секретов. почти каждый член группировки прошел через этот штаб, поэтому он является самым гостеприимным.</p>
              </div>
            </div>

            <div class="rms-block">
              <div class="rms-subtitle">штаб оракулов</div>
              <div class="rms-text">
                <p>центр разведки, логистики и снабжения находится в шам-шу-по, среди небоскрёбов, торговых центров и центральных улиц. это лучший район, чтобы раствориться в шуме города. сам штаб занимает здание бизнес-центра, который является и прикрытием для сотрудников. три минусовых этажа функционируют как жилой сектор и еще два под сервера, генераторы и являются исключительно техническими. и самый нижний этаж выделен под склад артефактов, демонических предметов и прочего добра, которое не положишь на прикроватный столик. все верхние этажи занимаются рабочими процессами. </p>
                <p>здесь вся документация, техническое оснащение, центр связи и координации для жнецов работает оттуда же. оракулы редко воюют на виду, но без них рамус перестали бы существовать как структура.</p>
              </div>
            </div>

            <div class="rms-block">
              <div class="rms-subtitle">прочие базы</div>
              <div class="rms-text">
                <p>помимо главных штабов, у рамус хватает мелких точек по всему городу: перевалочные квартиры, склады, гаражи и полузаброшенные помещения, которые официально никому не нужны. большая часть из них не постоянна и меняется по мере необходимости.</p>
              </div>
            </div> </div>

          <div class="rms-panel rms-panel-4">
            <div class="rms-block">
              <div class="rms-q">рамус — это банда или военная организация?</div>
              <div class="rms-a">для закона — преступная структура. по внутреннему устройству — дисциплинированная парамилитарная сеть.</div>
            </div>

            <div class="rms-block">
              <div class="rms-q">они правда помогают людям или это красивая легенда?</div>
              <div class="rms-a">помогают и одновременно зарабатывают на войне — одно не отменяет другого. работа жнецов нацеленная как раз на сохранение жизней в первую очередь. они помогают с эвакуацией гражданских и оказывают поддержку официальным структурам.</div>
            </div>

            <div class="rms-block">
              <div class="rms-q">почему рамус не пытаются легализовать?</div>
              <div class="rms-a">потому что их существование построено на вещах, которые официальная система не может признать без ущерба для себя: нелегальных операциях, серых поставках, работе с запрещёнными активами и прямом неподчинении юрисдикции <span class="rms-caps">моод</span>.</div>
            </div>

            <div class="rms-block">
              <div class="rms-q">они работают только в гонконге?</div>
              <div class="rms-a">нет. гонконг — один из их ключевых узлов, но торговые, боевые и логистические связи рамус давно выходят за пределы города. в других странах и городах у них есть последователи, которые могут приходить на помощь основной части или, наоборот, оказываться в опасных зонах до прихода основного состава. основной штаб и вся работа сосредоточенна вокруг гонконга.</div>
            </div>

            <div class="rms-block">
              <div class="rms-q">рамус торгуют артефактами внутри гонконга?</div>
              <div class="rms-a">в ограниченном объёме. основной рынок города давно коррумпирован и подмят триадой, поэтому крупные сделки рамус предпочитают выводить наружу.</div>
            </div>

            <div class="rms-block">
              <div class="rms-q">можно ли попасть в рамус с улицы?</div>
              <div class="rms-a">зависит от пользы, которую можно принести группировке. пауки сами занимаются вербовкой и поиском ценных единиц, однако многие становятся членами через связи или сами ищут пути выхода на сеть. </div>
            </div>

            <div class="rms-block">
              <div class="rms-q">берут ли они контрактников и одержимых?</div>
              <div class="rms-a">да, если те полезны, управляемы и не превращаются в угрозу для своих. впрочем, даже опасных они не списывают со счетов и всячески пытаются помочь.</div>
            </div>

            <div class="rms-block">
              <div class="rms-q">почему общественность иногда встаёт на их сторону?</div>
              <div class="rms-a">потому что в мире, где официальные структуры не всегда успевают спасать, память о тех, кто всё-таки пришёл, работает лучше любой правительственной пропаганды.</div>
            </div>

            <div class="rms-block">
              <div class="rms-q">можно ли уйти из организации?</div>
              <div class="rms-a">можно. многих действительно просто отпускают, некоторым помогают покинуть страну и вернуться в обычную жизнь. все, кто покидают организацию, какое-то время остаются под контролем. в крайнем случае, ликвидируют, если они представляют опасность для организации.</div>
            </div>

            <div class="rms-block">
              <div class="rms-q">кто в рамус считается самым опасным сектором?</div>
              <div class="rms-a">для внешнего мира — жнецы. для внутренней структуры оракулы и пауки, так как они часто работаю вместе и знают все про каждого члена организации. однако жнецы все еще оказывает большое "силовое" давление: многие из представителей — это бывшие преступники или военные, чьи руки по локоть в крови.</div>
            </div>

            <div class="rms-block">
              <div class="rms-q">рамус воюют с триадой?</div>
              <div class="rms-a">не в открытую. триада слишком глубоко вросла в городскую криминальную ткань, поэтому рамус предпочитают обходить её влияние, договариваться через посредников или выводить товар за пределы города, а не устраивать прямую войну за рынок. </div>
            </div>

            <div class="rms-block">
              <div class="rms-q">могут ли члены разных секторов жить в одном штабе?</div>
              <div class="rms-a">да. формально, у каждого сектора есть своя основная точка, но внутри рамус нет жёсткого запрета на смешанное размещение, если это продиктовано безопасностью, работой или личным причинам.</div>
            </div>
<div class="rms-block">
              <div class="rms-q">обязательно ли жить в штабе?</div>
              <div class="rms-a">нет. многие проживают вне штабов, иногда даже группами. проживание в штабе продиктовано возможностью быстро реагировать или личными причинами</div>
            </div>
<div class="rms-block">
              <div class="rms-q">по какому принципу они работают, существует какой-то график?</div>
              <div class="rms-a">вообще никакого. в составе достаточно людей, которые могут заменить друг друга. многие уже сработались и предпочитают работать и отдыхать в одно время. какие-то запланированные вылазки обсуждаются заранее. все тренировки, подготовки и прочее тоже обсуждаются заранее. группы составляют примерные графики "рабочих дней" с учетом пожеланий всех членов. лодырей тут не любят и отдыхать месяц, надеясь получить что-то по итогу, — не выйдет. в свободное время все занимаются тренировками, подготовками или помогают другим штабам или отрядам. </div>
            </div>
<div class="rms-block">
     <div class="rms-q">что по деньгам и на что живут члены рамус?</div>
              <div class="rms-a">у всех есть ежемесячная фиксированная оплата, которая увеличивается от процента участия. учитывается и участие в операциях и все подготовки, тренировки, работа с другими. все деньги, полученные с оборота артефактов или оружия, по большей части уходят на зарплату и поддержание жизни штабов. плюс, проживание в штабах обеспечивает едой и жильем, что помогает экономить. образно средней "зарплаты" хватает на комфортную жизнь без роскоши. многие члены рамус имеют стороннюю работу и совмещают её с деятельностью организации. это не запрещено.
<br><br> больше всего зарабатывают жнецы, т.к их деятельность сопряжена с прямой опасностью и они получают проценты от всех сделок, продажи артефактов и прочих демонических предметов.
<br><br> поверьте, денег там крутится достаточно, чтобы обеспечивать жизнь всех участников. руководство почти всегда идет на уступки, покрывает старые задолженности, помогает обеспечивать жизнь семьям членов своей организации. в случае чего выделяют деньги даже на различные события: дни рождения, свадьбы, корпоративы. </div>
            </div>

            <div class="rms-block">
              <div class="rms-q">у них есть союзники среди официальных структур?</div>
              <div class="rms-a">естественно. у них довольно много "одобрения"  со стороны и мало кто может игнорировать их полезность.</div>
            </div>

          </div>

        </div>
      </div>
    </div>
  </div>
</div>
[/html][html]
<style>
.rms-spoiler{
  width:820px;
  margin:0 auto;
  font-family:'Manrope',sans-serif;
}

.rms-summary{
  display:block;
  width:245px;
  margin:0 auto 20px;
  background:#111;
  color:#9bcb01;
  text-align:center;
  font-family:'Dela Gothic One',sans-serif;
  font-size:10px;
  line-height:1.1;
  text-transform:lowercase;
  letter-spacing:.1px;
  padding:9px 12px;
  cursor:pointer;
  list-style:none;
}

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

.rms-spoiler[open] .rms-summary{
  color:#646464;
}

.rms-tree{
  width:820px;
  margin:0 auto;
  position:relative;
  box-sizing:border-box;
  padding-bottom:10px;
}

.rms-node{
  background:#000;
  color:#fff;
  font-family:'Dela Gothic One',sans-serif;
  font-size:11px;
  line-height:1.2;
  text-transform:uppercase;
  text-align:center;
  padding:8px 12px;
  box-sizing:border-box;
  position:relative;
  z-index:2;
}

.rms-top{
  width:500px;
  margin:0 auto;
  display:flex;
  justify-content:space-between;
}

.rms-top .rms-node{
  width:220px;
}

.rms-top-links{
  width:500px;
  height:26px;
  margin:0 auto;
  position:relative;
}

.rms-top-links:before,
.rms-top-links:after{
  content:"";
  position:absolute;
  top:0;
  width:2px;
  height:24px;
  background:#222;
}

.rms-top-links:before{
  left:110px;
}

.rms-top-links:after{
  right:110px;
}

.rms-top-bridge{
  width:280px;
  height:2px;
  background:#222;
  margin:0 auto;
  position:relative;
  top:24px;
}

.rms-main-link{
  width:2px;
  height:34px;
  background:#222;
  margin:0 auto;
}

.rms-midline{
  width:542px;
  height:2px;
  background:#222;
  margin:0 auto;
}

.rms-branches{
  width:760px;
  margin:0 auto;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  padding-top:28px;
}

.rms-branch{
  width:220px;
  display:flex;
  flex-direction:column;
  align-items:center;
  position:relative;
}

.rms-branch:before{
  content:"";
  position:absolute;
  top:-28px;
  left:50%;
  width:2px;
  height:28px;
  background:#222;
  transform:translateX(-50%);
}

.rms-branch .rms-node{
  width:220px;
}

.rms-members{
  width:220px;
  margin-top:22px;
  position:relative;
}

.rms-members:before{
  content:"";
  position:absolute;
  left:50%;
  top:-62px;
  width:2px;
  height:62px;
  background:#222;
  transform:translateX(-50%);
}

.rms-members .rms-node{
  width:220px;
  min-height:106px;
  display:flex;
  align-items:center;
  justify-content:center;
}

@media (max-width:860px){
  .rms-spoiler,
  .rms-tree{
    width:100%;
  }

  .rms-top,
  .rms-top-links{
    width:100%;
    max-width:500px;
  }

  .rms-branches{
    width:100%;
    gap:12px;
  }

  .rms-branch,
  .rms-branch .rms-node,
  .rms-members,
  .rms-members .rms-node{
    width:32%;
  }

  .rms-top-links:before{
    left:22%;
  }

  .rms-top-links:after{
    right:22%;
  }

}
</style>

<details class="rms-spoiler" open>
  <summary class="rms-summary">структура для наглядности</summary>

  <div class="rms-tree">
    <div class="rms-top">
      <div class="rms-node">ГЛАВА</div>
      <div class="rms-node">ЗАМ. ГЛАВЫ</div>
    </div>

    <div class="rms-top-links">
      <div class="rms-top-bridge"></div>
    </div>

    <div class="rms-main-link"></div>
    <div class="rms-midline"></div>

    <div class="rms-branches">
      <div class="rms-branch">
        <div class="rms-node">ЖНЕЦ</div>
        <div class="rms-members">
          <div class="rms-node">ЧЛЕНЫ СЕКТОРА</div>
        </div>
      </div>

      <div class="rms-branch">
        <div class="rms-node">ПАУК</div>
        <div class="rms-members">
          <div class="rms-node">ЧЛЕНЫ СЕКТОРА</div>
        </div>
      </div>

      <div class="rms-branch">
        <div class="rms-node">ОРАКУЛ</div>
        <div class="rms-members">
          <div class="rms-node">ЧЛЕНЫ СЕКТОРА</div>
        </div>
      </div>
    </div>
  </div>
</details>
[/html]

0

2

  • фон:
  • Автор: fatum
  • тварь SSR класса
  • fatum
  • лз: имя, 00
    текст лз
  • Сообщений: 93
  • посты: 11 538,0/0 04.26,0/0
  • Уважение: +22
  • банк: 0
  • иконка:
  • плашка:
  • твины:
  • Последний визит:
    Сегодня 10:59:15

[hideprofile][html]
<style>
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&display=swap');

.hlgg-wrap{
  width:900px;
  margin:0 auto;
  font-family:'Manrope', sans-serif;
  color:#111;
  overflow:visible;
}

.hlgg-tab{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

/* точки */
.hlgg-dots{
  display:flex;
  gap:6px;
  padding-left:8px;
  margin-bottom:6px;
}

.hlgg-dot{
  width:12px;
  height:12px;
  border-radius:50%;
  background:#9bcb01;
  cursor:pointer;
  display:block;
}

#hlgg-tab-1:checked ~ .hlgg-dots label[for="hlgg-tab-1"],
#hlgg-tab-2:checked ~ .hlgg-dots label[for="hlgg-tab-2"],
#hlgg-tab-3:checked ~ .hlgg-dots label[for="hlgg-tab-3"],
#hlgg-tab-4:checked ~ .hlgg-dots label[for="hlgg-tab-4"]{
  background:#646464;
}

.hlgg-main{
  display:flex;
  align-items:flex-start;
}

.hlgg-side{
  width:210px;
  flex:0 0 210px;
  min-height:480px;
  background:
    linear-gradient(rgba(55,55,55,.78), rgba(55,55,55,.78)),
    linear-gradient(rgba(215,215,215,.18), rgba(215,215,215,.18)),
    url('https://i.pinimg.com/1200x/88/f8/7e/88f87ea498e2699cc83f137290d3c426.jpg') center center / cover no-repeat;
  padding:14px 10px 14px 0;
  box-sizing:border-box;
  text-align:left;
}

.hlgg-caps{
  text-transform:uppercase !important;
}

.hlgg-content{
  width:690px;
  flex:0 0 690px;
  padding:0 0 0 16px;
  box-sizing:border-box;
}

.hlgg-hero{
  height:92px;
  min-height:92px;
  padding:0 0 0 8px;
  box-sizing:border-box;
    left: -12px;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:flex-start;
}

.hlgg-logo{
  font-family:'Dela Gothic One', sans-serif;
  font-size:88px;
  color:#2f2f2f;
  letter-spacing:2px;
  text-transform:uppercase;
  transform:translateY(16px);
  white-space:nowrap;
  user-select:none;
  opacity:.9;
}

.hlgg-head,
.hlgg-nav-btn,
.hlgg-panel-title{
  display:block;
  width:180px;
  background:#111111;
  color:#9bcb01;
  text-decoration:none;
  text-align:left;
  font-family:'Dela Gothic One', sans-serif;
  line-height:1.1;
  box-sizing:border-box;
  text-transform:lowercase;
  letter-spacing:.1px;
  padding:8px 9px;
}

.hlgg-head{
  font-size:15px;
  color:#ffffff;
  margin-bottom:10px;
}

.hlgg-nav-btn{
  margin-bottom:6px;
  font-size:9px;
  font-weight:400;
  cursor:pointer;
  transition:.15s ease;
}

.hlgg-nav-btn:hover{
  color:#646464;
}

.hlgg-note{
  width:180px;
  margin:0 0 12px 10px;
  color:#fff;
  font-size:9px;
  line-height:1.3;
  font-weight:700;
  text-align:left;
}

.hlgg-panel-wrap{
  margin-top:6px;
  padding-left:0;
}

.hlgg-panel-title{
  width:100%;
  margin:0 0 8px 0;
  font-size:10px;
  padding:8px 10px;
}

.hlgg-panels{
  position:relative;
  max-height:690px;
  overflow-y:auto;
  text-transform:lowercase;
  overflow-x:hidden;
  padding-right:4px;
  box-sizing:border-box;
  scrollbar-width:thin;
  scrollbar-color:#4a4a4a transparent;
}

.hlgg-panels::-webkit-scrollbar{
  width:4px;
}

.hlgg-panels::-webkit-scrollbar-track{
  background:transparent;
}

.hlgg-panels::-webkit-scrollbar-thumb{
  background:#4a4a4a;
  border:none;
  border-radius:0;
}

.hlgg-panels::-webkit-scrollbar-button{
  display:none;
  width:0;
  height:0;
}

.hlgg-panel{
  display:none;
  background:rgba(239,239,239,.94);
  border:1px solid #2a2a2a;
  padding:16px 16px 12px;
  box-sizing:border-box;
}

#hlgg-tab-1:checked ~ .hlgg-main .hlgg-content .hlgg-panels .hlgg-panel-1,
#hlgg-tab-2:checked ~ .hlgg-main .hlgg-content .hlgg-panels .hlgg-panel-2,
#hlgg-tab-3:checked ~ .hlgg-main .hlgg-content .hlgg-panels .hlgg-panel-3,
#hlgg-tab-4:checked ~ .hlgg-main .hlgg-content .hlgg-panels .hlgg-panel-4{
  display:block;
}

#hlgg-tab-1:checked ~ .hlgg-main .hlgg-side label[for="hlgg-tab-1"],
#hlgg-tab-2:checked ~ .hlgg-main .hlgg-side label[for="hlgg-tab-2"],
#hlgg-tab-3:checked ~ .hlgg-main .hlgg-side label[for="hlgg-tab-3"],
#hlgg-tab-4:checked ~ .hlgg-main .hlgg-side label[for="hlgg-tab-4"]{
  color:#fff;
  box-shadow:inset 3px 0 0 #9bcb01;
}

.hlgg-block{
  margin:0 0 18px;
  padding:0 0 14px;
  border-bottom:1px solid rgba(0,0,0,.08);
}

.hlgg-block:last-child{
  margin-bottom:0;
  padding-bottom:0;
  border-bottom:none;
}

.hlgg-subtitle{
  font-family:'Dela Gothic One', sans-serif;
  font-size:12px;
  line-height:1.2;
  color:#111;
  text-transform:lowercase;
  margin:0 0 10px;
}

.hlgg-text{
  font-family:'Manrope', sans-serif;
  font-size:11px;
  line-height:1.52;
  color:#3f3f3f;
}

.hlgg-text p{
  margin:0 0 12px;
}

.hlgg-text p:last-child{
  margin-bottom:0;
}

.hlgg-text b{
  font-weight:800;
  color:#111;
}

.hlgg-list{
  margin:0;
  padding-left:16px;
}

.hlgg-list li{
  margin:0 0 8px;
}

.hlgg-q{
  font-family:'Dela Gothic One', sans-serif;
  font-size:12px;
  line-height:1.2;
  color:#111;
  text-transform:lowercase;
  margin:0 0 8px;
    letter-spacing: .12px;
    font-weight: 400;
}

.hlgg-a{
  font-family:'Manrope', sans-serif;
  font-size:11px;
  line-height:1.5;
  color:#3f3f3f;
}

.hlgg-a p{
  margin:0 0 10px;
}

.hlgg-a p:last-child{
  margin-bottom:0;
}

.hlgg-a b{
  font-weight:800;
  color:#111;
}
</style>

<div class="hlgg-wrap">

  <input class="hlgg-tab" type="radio" name="hlgg-tabs" id="hlgg-tab-1" checked>
  <input class="hlgg-tab" type="radio" name="hlgg-tabs" id="hlgg-tab-2">
  <input class="hlgg-tab" type="radio" name="hlgg-tabs" id="hlgg-tab-3">
  <input class="hlgg-tab" type="radio" name="hlgg-tabs" id="hlgg-tab-4">

  <div class="hlgg-dots">
    <label for="hlgg-tab-1" class="hlgg-dot"></label>
    <label for="hlgg-tab-2" class="hlgg-dot"></label>
    <label for="hlgg-tab-3" class="hlgg-dot"></label>
    <label for="hlgg-tab-4" class="hlgg-dot"></label>
  </div>

  <div class="hlgg-main">
    <div class="hlgg-side">
      <div class="hlgg-head">хэйлун</div>
      <div class="hlgg-note">черный дракон</div>

      <label for="hlgg-tab-1" class="hlgg-nav-btn">общая информация</label>
      <label for="hlgg-tab-2" class="hlgg-nav-btn">деятельность и структура</label>
      <label for="hlgg-tab-3" class="hlgg-nav-btn">точки влияния</label>
      <label for="hlgg-tab-4" class="hlgg-nav-btn">faq</label>
    </div>

    <div class="hlgg-content">
      <div class="hlgg-hero">
        <div class="hlgg-logo">HEILONG</div>
      </div>

      <div class="hlgg-panel-wrap">
        <div class="hlgg-panel-title">триада гонконга</div>

        <div class="hlgg-panels">

          <div class="hlgg-panel hlgg-panel-1">
            <div class="hlgg-block">
              <div class="hlgg-text">
                <p><b><span class="hlgg-caps">хэйлун</span></b> — единственная крупная триада гонконга, пережившая все старые криминальные братства города и со временем подчинившая или уничтожившая остальных. это не просто преступная организация, а устойчивая теневая система, давно ставшая частью самого городского организма. пока власти сменяют друг друга, международные структуры переносят штабы, учёные строят новые лаборатории, а улицы приспосабливаются к новой реальности, хэйлун остаются там, где были всегда.</p>
              </div>
            </div>

            <div class="hlgg-block">
              <div class="hlgg-subtitle">происхождение</div>
              <div class="hlgg-text">
                <p>хэйлун существуют в гонконге уже больше двух веков. за это время город менялся, перестраивался, терял хозяев, приобретал новых, переживал передел портов, экономические кризисы, политические переломы и, наконец, демоническую катастрофу. хэйлун пережили всё это вместе с ним.</p>
                <p>когда-то в городе существовали и другие триады. одни держали доки, другие — рынки, третьи — кварталы развлечений, четвёртые — грузоперевозки и стройки. со временем хэйлун подмяли под себя всех. кого-то сломали силой. кого-то выкупили. кого-то втянули в собственную структуру так глубоко, что от прежнего имени не осталось ничего, кроме старых баек. к 2030 году именно хэйлун остаются последней большой триадой гонконга.</p>
                <p>за сто с лишним лет у верхушки хэйлун сменилось несколько правящих семей. внутри триады наследование традиционно строилось по крови: власть передавали сыновьям, племянникам, законным наследникам и тем, чьё происхождение можно было предъявить как часть непрерывной линии. однако хэйлун никогда не были благородным домом. кровь здесь даёт право претендовать, но не даёт гарантий. в истории организации уже не раз случалось так, что власть переходила не по старшинству, а по праву силы.</p>
                <p>действующая семья держит хэйлун уже третье поколение. формально, её власть выглядит устойчивой, почти традиционной, но на деле нынешняя верхушка выросла на крови и грызня за власть длилась всю историю триады. </p>
<p>нынешний глава слишком молод для человека, который должен был получить такую власть столь рано, и именно поэтому вокруг его имени до сих пор ходит много слухов. официально ничего не доказано, но никто не сомневается, что предыдущий глава и двое его старших наследников были убиты не без участия нынешнего правителя. младший сын прежнего главы, рождённый от женщины, которую в семье предпочитали называть не иначе, как шлюхой, изначально не рассматривался в качестве полноценного наследника. он не стоял в очереди и не устраивал стариков, т.к не подходил под красивую версию будущего. возможно, именно поэтому его недооценили. теперь он сидит во главе хэйлун, и сам факт этого говорит о нём больше, чем любые подробномти биографии.</p>
              </div>
            </div>

            <div class="hlgg-block">
              <div class="hlgg-subtitle">идеология и мотивы</div>
              <div class="hlgg-text">
                <p>хэйлун не строят из себя спасителей, мучеников или носителей великой идеи. они не воюют с системой из принципа, как рамус, и не пытаются стать альтернативной моральной силой. их философия куда старше, жёстче и проще: <b>город должен жить, а хаос должен приносить прибыль тому, кто умеет им управлять.</b></p>
                <p>для хэйлун демоны, разломы, одержимые, охотники, чиновники, учёные и новые законы — не конец света и не сакральное зло, а очередные переменные старой игры. где появляется запрет — там появляется рынок,  где появляется страх — там появляется плата за безопасность, где появляется новая власть — там возникает цена за влияние на неё.</p>
                <p>они не стремятся защищать мир. они стремятся удержать город в том состоянии, при котором он продолжает работать на их условиях.</p>
              </div>
            </div>

            <div class="hlgg-block">
              <div class="hlgg-subtitle">положение в гонконге</div>
              <div class="hlgg-text">
                <p>хэйлун давно перестали быть просто преступной группировкой. они стали частью городской среды — такой же неприятной, привычной и устойчивой, как ночной шум. их влияние равномерно, но всепоглощающе. пока вы не мешаете им — вас не тронут.</p>
                <p>появление восточноазиатского штаба охотников и лаборатории <span class="hlgg-caps">нииэд</span> на лантау не уничтожило власть хэйлун, но усложнило им работу. город стал теснее, насыщеннее и опаснее для старых схем. слишком много новых людей, слишком много оружия, слишком много внешнего контроля. это заставило триаду стать осторожнее, избирательнее и дипломатичнее там, где раньше хватало одного устрашающего визита.</p>
                <p>теперь хэйлун действуют не столько открытой силой, сколько старым арсеналом городского влияния: компроматом, коррупцией, посредничеством и тихими угрозами.</p>
              </div>
            </div>

            <div class="hlgg-block">
              <div class="hlgg-subtitle">репутация</div>
              <div class="hlgg-text">
                <p>для властей и международных структур это классическая триада: организованная преступность, коррупция, контрабанда, старый криминальный порядок и теневые деньги. однако вычленить их из гонконга уже невозможно, потому что они часть города, которая приносит в него слишком много денег и ресурсов, что на многое приходится просто закрывать глаза.</p>
                <p>для части обычных жителей хэйлун — зло, с которым лучше не пересекаться. для другой части, особенно в старых районах, триада выглядит почти как тёмная форма стабильности. они могут дать в долг, наказать уличных отморозков, решить вопросы, защитить лавку от чужих, закрыть конфликт быстрее полиции и обеспечить району тишину, если посчитают это выгодным. за все, конечно же своя плата.</p>
                <p>отдельную репутацию внутри самой триады имеет и нынешний глава. для старой школы он остаётся напоминанием о том, что кровь не всегда течёт по тем линиям, которые хочется видеть в родословной. для молодых — почти доказательством обратного: в хэйлун можно родиться с неправильной матерью, с плохим местом в очереди и без права на фамильное кресло, а потом всё равно сесть в него, если у тебя хватит ума, терпения и жестокости.</p>
                <p>вслух о смерти прежнего главы и двух его наследников говорят редко даже внутри триады.</p>
              </div>
            </div>
<div class="hlgg-block">
              <div class="hlgg-subtitle">отношения</div>
              <div class="hlgg-text">
             
                <p>✦ к<b> <span class="hlgg-caps">моод</span></b> хэйлун относятся, как к внешней силовой машине, с которой бессмысленно дружить, но вполне возможно работать через слабые места: взятки, утечки, компромат, посредников, нужных людей и взаимную выгоду. триада не любит прямого столкновения с охотниками и военными, если его можно заменить более дешёвыми и тихими методами.</p>
                <p>✦ с<b> <span class="hlgg-caps">нииэд</span></b> отношение ещё сложнее. учёные усиливают контроль над опасными материалами, но вместе с этим создают спрос на то, что официально нельзя достать. всё, что лаборатории пытаются запереть, учесть, утилизировать или спрятать, рано или поздно становится объектом подпольного интереса.</p> 
<p>✦ к <b><span class="hlgg-caps">рамус</span></b> хэйлун относятся как к полезным, но неудобным идеалистам. рамус слишком принципиальные военные, чтобы быть надёжными партнёрами, но при этом их возможности трудно игнорировать. хэйлун старается заранее отслеживать их активность и убирать всё ценное с тех территорий, где они могут появиться. рамус — это не партнёр и не враг. это фактор, который приходится учитывать. между ними возможны сделки, временные союзы и обмен услугами, пока это не ломает городской баланс и не задевает интересы триады.</p>
<p>✦ <b><span class="hlgg-caps">симбиот</span></b> такая же часть города, как и сама триада, поэтому относятся к ним с долей уважения. городское движение молодежи — часть их бизнеса, но так же источник проблем. у них часто возникают мелкие конфликты, но в целом существуют они более, чем мирно. территорию между собой они не делят, часто пользуются услугами симбиота для поиска информации или людей. их можно назвать партнёрами. особенно учитывая, сколько членов хэйлуна заведомо считаются членами симбиота, используя их связи и термит. иногда симбиот мешает, иногда помогает.
но, в целом, — это ещё один слой города, с которым выгоднее работать, чем пытаться его убрать.</p>
              </div>
            </div>
          </div>

          <div class="hlgg-panel hlgg-panel-2">
            <div class="hlgg-block">
              <div class="hlgg-subtitle">основная деятельность</div>
              <div class="hlgg-text">
                <p>основная задача хэйлун — контроль над городским теневым оборотом, черным и серым рынками и криминальной инфраструктурой. в отличие от рамус, они не лезут первыми в разломы и не подменяют собой государственные силы. их власть строится не на показательной войне, а на старой сети денег, договорённостей, полезных долгов и связей.</p>
                <ul class="hlgg-list">
                  <li>✦ контролируют значительную часть портовой контрабанды и грузовых маршрутов;</li>
                  <li>✦ занимаются контрабандой оружия и запрещённых материалов;</li>
                  <li>✦ держат подпольные казино, клубы, бордели и притоны;</li>
                  <li>✦ ведут ростовщические сети и теневой оборот наличности;</li>
                  <li>✦ занимаются выбиванием долгов, запугиванием и «улаживанием вопросов»;</li>
                  <li>✦ участвуют в работорговле и нелегальном обороте людей;</li>
                  <li>✦ продают поддельные лицензии, документы и пропуска;</li>
                  <li>✦ организуют нелегальные аукционы редких артефактов;</li>
                  <li>✦ покупают, перепродают и выводят из города демонические материалы;</li>
                  <li>✦ держат подпольные клиники и убежища;</li>
                </ul>
              </div>
            </div>

            <div class="hlgg-block">
              <div class="hlgg-subtitle">структура</div>
              <div class="hlgg-text">
                <p>во главе Хэйлун стоит <b>Глава</b> [имя + ссылка] — нынешний носитель власти, представитель действующей правящей семьи в третьем поколении и самый молодой лидер за всю известную историю триады. его положение формально закреплено внутри структуры, но за пределами официальных формулировок вокруг него до сих пор тянется шлейф подозрений и презрения.</p>
               
              </div>
            </div>

            <div class="hlgg-block">
              <div class="hlgg-subtitle">верхний слой</div>
              <div class="hlgg-text">
                <p><b>старейшины</b> — старый состав триады, люди, не потерявшие веса внутри системы. как правило, это люди старше пятидесяти, которые больше не участвуют в повседневной грязной работе лично, но сохраняют влияние, связи, память о прежних переделах и право голоса в вопросах будущего триады.</p>
                <p><b>спонсоры</b> — побочные семьи, боковые ветви, старые партнёры и влиятельные участники структуры, которые сохраняют относительную автономию, имея собственные источники дохода. работают в интересах хэйлун. одни раскрываются в привычных для триады сферах — наркотиках, проституции, казино, контрабанде. другие держат более отдалённые, но не менее полезные отрасли: фармакологию, благотворительные фонды, логистические компании, строительные фирмы, юридические конторы и другие фасады.</p>
           <p><b>заместитель / правая рука</b> [имя + ссылка]. второй человек в организации, но его роль шире, чем у обычного заместителя. правая рука обеспечивает прямую связь главы с остальной структурой, фильтрует доступ к нему, координирует исполнение воли верхушки и отвечает за личную безопасность главы.</p>
            </div>   
  </div>   
            <div class="hlgg-block">
              <div class="hlgg-subtitle">рабочий костяк</div>
              <div class="hlgg-text">
                <p><b>дипломат</b> отвечает за внешний облик хэйлун, политические и полуофициальные контакты, переговоры, связи с юристами, чиновниками, адвокатами, медийными лицами и теми, кто должен видеть в триаде не уличную грязь, а структуру, с которой можно и нужно разговаривать. <b>вербовщик</b> работает в иной плоскости. через него проходят новые люди, полезные кадры, перспективные должники, нужные специалисты и те, кого можно втянуть в орбиту триады.</p>
                <p><b>технический сектор</b> — внутренний механизм движения денег, товара и информации. это бухгалтера, аналитики, программисты, логисты, люди учёта, цифрового контроля и скрытых транзакций. через них проходят поставки, фиктивные цепочки, переводы, бухгалтерия заведений, маршруты и связи между подпольем и верхушкой.</p>
                <p><b>силовики</b> составляют ударную и карательную силу триады. это лучшие бойцы, охрана верхушки, исполнители приказов, люди устрашения и прямого давления. по большей части они подчиняются непосредственно правой руке.</p>
            </div>   
  </div>   
            <div class="hlgg-block">
              <div class="hlgg-subtitle">нижний уровень</div>
              <div class="hlgg-text">
                <p><b>рядовые</b> — обычные члены триады, новички, низовой уличный ресурс и весь тот слой, на котором держится повседневная жизнь организации. это администраторы заведений, курьеры, мелкие посредники, шестерки, уличные наблюдатели, карманные крысы, двойные агенты и сборщики информации.</p>
                <p><b>ростовщики</b> — особая категория внутри Хэйлун, работающая с чёрными деньгами, долгами и финансовым подчинением. именно они сотрудничают с казино, притонами и другими заведениями, где человека легче всего посадить на крючок. через долги, проценты и «услуги» ростовщики превращают слабых, жадных или отчаявшихся в зависимый ресурс — шестерок, информаторов, перевозчиков и должников. работают в основном с веткой силовиков и правой руки.</p>
              </div>
            </div>

           
          </div>

          <div class="hlgg-panel hlgg-panel-3">
            <div class="hlgg-block">
              <div class="hlgg-subtitle">доки</div>
              <div class="hlgg-text">
                <p>старые грузовые районы и полулегальные склады у воды, где хэйлун чувствуют себя как дома. здесь проходят контейнеры, появляются грузы, которых официально никогда не существовало, и теряются люди. </p>
              </div>
            </div>

            <div class="hlgg-block">
              <div class="hlgg-subtitle">ночные кварталы</div>
              <div class="hlgg-text">
                <pкКлубы, подвальные казино, бары, закрытые комнаты и заведения, через которые идут деньги, слухи, связи и компромат. известно, что квартал в районе ваньчай почти полностью работает под крылом хэйлун. больше отдельных районов охвата хэйлун не имеет, но локальных заведений по всему городу у них достаточно.</p>
              </div>
            </div>

            <div class="hlgg-block">
              <div class="hlgg-subtitle">антикварные дома и подпольные аукционы</div>
              <div class="hlgg-text">
                <p>через них проходят самые дорогие и самые опасные сделки. артефакты редко лежат на виду — их перепродают через коллекционеров, посредников и фиктивные культурные фонды.</p>
              </div>
            </div>

            <div class="hlgg-block">
              <div class="hlgg-subtitle">теневой охват</div>
              <div class="hlgg-text">
                <p>хэйлун не любят громких вывесок со своим именем. большая часть их влияния распределена не по официальным штабам, а по цепочке лояльных точек, долговых узлов, клубных подвалов, логистических компаний, нелегальных казино и зависимых людей, которые могут никогда не называть себя частью триады вслух, но всё равно работают на неё.</p>
              </div>
            </div>
          </div>

          <div class="hlgg-panel hlgg-panel-4">
            <div class="hlgg-block">
              <div class="hlgg-q">почему спонсоры стоят отдельно от основной структуры?</div>
              <div class="hlgg-a">потому что это не просто кошельки, а боковые ветви влияния: семьи, партнёры и автономные участники, которые держат собственные отрасли, но кормят и усиливают триаду.</div>
            </div>

   <div class="hlgg-block">
              <div class="hlgg-q">спонсоры — это часть триады или отдельные союзники?</div>
              <div class="hlgg-a">часть триады. некоторые входят в структуру по крови или старым клятвам, другие держатся рядом как почти самостоятельные ветви, но работают в интересах хэйлун.</div>
            </div>

            <div class="hlgg-block">
              <div class="hlgg-q">чем дипломат отличается от вербовщика?</div>
              <div class="hlgg-a">дипломат работает с внешним лицом триады: чиновниками, юристами, медиа и переговорами. вербовщик работает с живым ресурсом: новыми людьми, должниками, нужными кадрами и теми, кого можно втянуть внутрь.</div>
            </div>

            <div class="hlgg-block">
              <div class="hlgg-q">почему ростовщики выделены в отдельную ветку?</div>
              <div class="hlgg-a">потому что долг для хэйлун — не просто деньги, а один из главных способов привязывать к себе людей и превращать чужую слабость в управляемую зависимость.</div>
            </div>

            <div class="hlgg-block">
              <div class="hlgg-q">силовики подчиняются главе или правой руке?</div>
              <div class="hlgg-a">формально — всей верхушке. на практике — чаще всего напрямую правой руке.</div>
            </div>

            <div class="hlgg-block">
              <div class="hlgg-q">старейшины реально что-то решают или просто сидят красиво?</div>
              <div class="hlgg-a">реально решают. не всегда публично, но их одобрение или недовольство может изменить судьбу любого внутреннего вопроса.</div>
            </div>

            <div class="hlgg-block">
              <div class="hlgg-q">можно ли подняться в верхушку хэйлун человеку без правильной крови?</div>
              <div class="hlgg-a">можно, но редко. для этого нужно быть либо слишком полезным и перспективным, либо слишком опасным, чтобы тебя оставили внизу.</div>
            </div>

<div class="hlgg-block">
              <div class="hlgg-q">почему нынешнего главу просто не уберут, если он кажется сомнительным?</div>
              <div class="hlgg-a">потому что у него тоже есть свои люди, которые помогли ему сесть на это место. прошлый глава затягивал петлю на шее организации и вопрос смены власти звучал остро, так что в интересах многих сохранить нынешнего главу. тем более, несмотря на возраст, его решения уже неплохо восстановили и репутацию и статус триады.</div>
            </div>

<div class="hlgg-block">
              <div class="hlgg-q">как давно нынешний глава у власти и сколько же ему лет?</div>
              <div class="hlgg-a">ох, наш молодой СУНЬ ХУЙ В ЧАЙ всего третий год в верхушке организации. Когда он занял место главы, ему было 17 лет.</div>
            </div>
<div class="hlgg-block">
              <div class="hlgg-q">так триада это..?</div>
              <div class="hlgg-a">классическая китайская мафия. те самые, которые бегают в гавайских рубашках с мечами наперевес и устраивают перестрелки в цзаотанах. полагаем, все имеют представление о том, как работает подобная структура и кто чем там занимается.</div>
            </div>

          </div>

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

[html]
<style>
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&display=swap');

.hlgg-spoiler{
  width:820px;
  margin:0 auto;
  font-family:'Manrope', sans-serif;
}

.hlgg-summary{
  display:block;
  width:220px;
  margin:0 310px 18px;
  background:#111111;
  color:#9bcb01;
  text-align:center;
  font-family:'Dela Gothic One', sans-serif;
  font-size:10px;
  line-height:1.1;
  text-transform:lowercase;
  letter-spacing:.1px;
  padding:9px 12px;
  box-sizing:border-box;
  cursor:pointer;
  list-style:none;
}

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

.hlgg-spoiler[open] .hlgg-summary{
  color:#646464;
}

.hlgg-tree{
  width:820px;
  height:520px;
  margin:0 auto;
  position:relative;
  background:transparent;
  font-family:'Manrope', sans-serif;
}

.hlgg-node{
  position:absolute;
  background:#000;
  color:#fff;
  font-family:'Dela Gothic One', sans-serif;
  font-size:11px;
  line-height:1.2;
  text-transform:uppercase;
  text-align:center;
  padding:7px 10px;
  box-sizing:border-box;
  letter-spacing:.2px;
  z-index:2;
}

.hlgg-line{
  position:absolute;
  background:#111;
  z-index:1;
}

.hlgg-v{ width:2px; }
.hlgg-h{ height:2px; }

/* блоки */
.hlgg-head{ left:312px; top:24px; width:216px; }

.hlgg-sponsors{ left:39px; top:136px; width:216px; }
.hlgg-elders{ left:312px; top:136px; width:216px; }
.hlgg-right{ left:585px; top:136px; width:216px; }

.hlgg-tech{ left:39px; top:240px; width:216px; }
.hlgg-dipl{ left:312px; top:240px; width:216px; }
.hlgg-force{ left:585px; top:240px; width:216px; }

.hlgg-rank{ left:173px; top:372px; width:216px; }
.hlgg-loan{ left:567px; top:372px; width:200px; }

.hlgg-all{
  left:566px;
  top:420px;
  width:201px;
  height:96px;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* 1 -> 2 строка */
.l1{ left:420px; top:58px; height:56px; }
.l2{ left:147px; top:114px; width:564px; }
.l3{ left:147px; top:114px; height:22px; }
.l4{ left:420px; top:114px; height:22px; }
.l5{ left:711px; top:114px; height:22px; }

/* 2 -> 3 строка через общую точку */
.l6{ left:147px; top:160px; height:34px; }
.l7{ left:420px; top:160px; height:34px; }
.l8{ left:711px; top:160px; height:34px; }
.l9{ left:147px; top:194px; width:564px; }
.l10{ left:147px; top:194px; height:46px; }
.l11{ left:420px; top:194px; height:46px; }
.l12{ left:711px; top:194px; height:46px; }

/* 3 -> 4 строка */
.l13{ left:147px; top:264px; height:60px; }
.l14{ left:420px; top:264px; height:60px; }
.l15{ left:147px; top:324px; width:274px; }
.l16{ left:284px; top:324px; height:48px; }

/* force to loan */
.l17{ left:711px; top:264px; height:56px; }
.l18{ left:667px; top:320px; width:46px; }
.l19{ left:667px; top:320px; height:52px; }

/* loan to all */
.l20{ left:667px; top:396px; height:24px; }

</style>

<details class="hlgg-spoiler">
  <summary class="hlgg-summary">структура для наглядности</summary>

  <div class="hlgg-tree">

    <div class="hlgg-node hlgg-head">ГЛАВА</div>

    <div class="hlgg-node hlgg-sponsors">СТАРЕЙШИНЫ</div>
    <div class="hlgg-node hlgg-elders">СПОНСОРЫ</div>
    <div class="hlgg-node hlgg-right">ПРАВАЯ РУКА</div>

    <div class="hlgg-node hlgg-tech">ДИПЛОМАТ И ВЕРБОВЩИК</div>
    <div class="hlgg-node hlgg-dipl">ТЕХНИЧЕСКИЙ СЕКТОР</div>
    <div class="hlgg-node hlgg-force">СИЛОВИКИ</div>

    <div class="hlgg-node hlgg-rank">РЯДОВЫЕ</div>
    <div class="hlgg-node hlgg-loan">РОСТОВЩИКИ</div>
    <div class="hlgg-node hlgg-all">ВЕСЬ СОСТАВ</div>

    <div class="hlgg-line hlgg-v l1"></div>
    <div class="hlgg-line hlgg-h l2"></div>
    <div class="hlgg-line hlgg-v l3"></div>
    <div class="hlgg-line hlgg-v l4"></div>
    <div class="hlgg-line hlgg-v l5"></div>

    <div class="hlgg-line hlgg-v l6"></div>
    <div class="hlgg-line hlgg-v l7"></div>
    <div class="hlgg-line hlgg-v l8"></div>
    <div class="hlgg-line hlgg-h l9"></div>
    <div class="hlgg-line hlgg-v l10"></div>
    <div class="hlgg-line hlgg-v l11"></div>
    <div class="hlgg-line hlgg-v l12"></div>

    <div class="hlgg-line hlgg-v l13"></div>
    <div class="hlgg-line hlgg-v l14"></div>
    <div class="hlgg-line hlgg-h l15"></div>
    <div class="hlgg-line hlgg-v l16"></div>

    <div class="hlgg-line hlgg-v l17"></div>
    <div class="hlgg-line hlgg-h l18"></div>
    <div class="hlgg-line hlgg-v l19"></div>

    <div class="hlgg-line hlgg-v l20"></div>

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

0

3

  • фон:
  • Автор: fatum
  • тварь SSR класса
  • fatum
  • лз: имя, 00
    текст лз
  • Сообщений: 93
  • посты: 11 538,0/0 04.26,0/0
  • Уважение: +22
  • банк: 0
  • иконка:
  • плашка:
  • твины:
  • Последний визит:
    Сегодня 10:59:15

[hideprofile][html]
<style>
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&display=swap');

.hlg-wrap{
  width:900px;
  margin:0 auto;
  font-family:'Manrope', sans-serif;
  color:#111;
  overflow:visible;
}

.hlg-tab{
  position:fixed;
  left:-9999px;
  top:0;
  opacity:0;
  pointer-events:none;
}

/* точки */
.hlg-dots{
  display:flex;
  gap:6px;
  padding-left:8px;
  margin-bottom:6px;
  transition:.25s ease;
}

.hlg-dot{
  width:12px;
  height:12px;
  border-radius:50%;
  background:#9bcb01;
  cursor:pointer;
  display:block;
  transition:.25s ease;
}

#hlg-tab-1:checked ~ .hlg-dots label[for="hlg-tab-1"],
#hlg-tab-2:checked ~ .hlg-dots label[for="hlg-tab-2"],
#hlg-tab-3:checked ~ .hlg-dots label[for="hlg-tab-3"],
#hlg-tab-4:checked ~ .hlg-dots label[for="hlg-tab-4"],
#hlg-tab-5:checked ~ .hlg-dots label[for="hlg-tab-5"]{
  background:#646464;
}

.hlg-main{
  display:flex;
  align-items:flex-start;
}

.hlg-side{
  width:210px;
  flex:0 0 210px;
  min-height:480px;
  background:
    linear-gradient(rgba(55,55,55,.78), rgba(55,55,55,.78)),
    linear-gradient(rgba(215,215,215,.18), rgba(215,215,215,.18)),
    url('https://i.pinimg.com/1200x/88/f8/7e/88f87ea498e2699cc83f137290d3c426.jpg') center center / cover no-repeat;
  padding:14px 10px 14px 0;
  box-sizing:border-box;
  text-align:left;
  transition:.35s ease;
  display:flex;
  flex-direction:column;
}

.hlg-caps{
  text-transform:uppercase !important;
}

.hlg-content{
  width:690px;
  flex:0 0 690px;
  padding:0 0 0 16px;
  box-sizing:border-box;
}

.hlg-hero{
  height:92px;
  min-height:92px;
  padding:0 0 0 8px;
  box-sizing:border-box;
  position:relative;
  overflow:hidden;
  display:flex;
left: -12px;
  align-items:flex-start;
  transition:.35s ease;
}

.hlg-logo{
  font-family:'Dela Gothic One', sans-serif;
  font-size:82px;
  color:#2f2f2f;
  letter-spacing:2px;
  text-transform:uppercase;
  transform:translateY(22px);
  white-space:nowrap;
  user-select:none;
  opacity:.9;
  transition:.35s ease;
}

.hlg-head,
.hlg-nav-btn,
.hlg-panel-title{
  display:block;
  width:180px;
  background:#111111;
  color:#9bcb01;
  text-decoration:none;
  text-align:left;
  font-family:'Dela Gothic One', sans-serif;
  line-height:1.1;
  box-sizing:border-box;
  text-transform:lowercase;
  letter-spacing:.1px;
  padding:8px 9px;
  transition:.25s ease;
}

.hlg-head{
  font-size:15px;
  color:#ffffff;
  margin-bottom:10px;
}

.hlg-nav-btn{
  margin-bottom:6px;
  font-size:9px;
  font-weight:400;
  cursor:pointer;
}

.hlg-nav-btn:hover{
  color:#646464;
}

.hlg-note{
  width:180px;
  margin:0 0 12px 10px;
  color:#fff;
  font-size:9px;
  line-height:1.3;
  font-weight:700;
  text-align:left;
  transition:.25s ease;
}

.hlg-panel-wrap{
  margin-top:6px;
  padding-left:0;
}

.hlg-panel-title{
  width:100%;
  margin:0 0 8px 0;
  font-size:10px;
  padding:8px 10px;
}

.hlg-panels{
  position:relative;
  max-height:760px;
  overflow-y:auto;
  text-transform:lowercase;
  overflow-x:hidden;
  padding-right:4px;
  box-sizing:border-box;
  scrollbar-width:thin;
  scrollbar-color:#4a4a4a transparent;
  transition:.25s ease;
}

.hlg-panels::-webkit-scrollbar{
  width:4px;
}

.hlg-panels::-webkit-scrollbar-track{
  background:transparent;
}

.hlg-panels::-webkit-scrollbar-thumb{
  background:#4a4a4a;
  border:none;
  border-radius:0;
}

.hlg-panels::-webkit-scrollbar-button{
  display:none;
  width:0;
  height:0;
}

.hlg-panel{
  display:none;
  background:rgba(239,239,239,.94);
  border:1px solid #2a2a2a;
  padding:16px 16px 12px;
  box-sizing:border-box;
}

#hlg-tab-1:checked ~ .hlg-main .hlg-content .hlg-panels .hlg-panel-1,
#hlg-tab-2:checked ~ .hlg-main .hlg-content .hlg-panels .hlg-panel-2,
#hlg-tab-3:checked ~ .hlg-main .hlg-content .hlg-panels .hlg-panel-3,
#hlg-tab-4:checked ~ .hlg-main .hlg-content .hlg-panels .hlg-panel-4,
#hlg-tab-5:checked ~ .hlg-main .hlg-content .hlg-panels .hlg-panel-5{
  display:block;
}

#hlg-tab-1:checked ~ .hlg-main .hlg-side label[for="hlg-tab-1"],
#hlg-tab-2:checked ~ .hlg-main .hlg-side label[for="hlg-tab-2"],
#hlg-tab-3:checked ~ .hlg-main .hlg-side label[for="hlg-tab-3"],
#hlg-tab-4:checked ~ .hlg-main .hlg-side label[for="hlg-tab-4"],
#hlg-tab-5:checked ~ .hlg-main .hlg-side label[for="hlg-tab-5"]{
  color:#fff;
  box-shadow:inset 3px 0 0 #9bcb01;
}

.hlg-block{
  margin:0 0 18px;
  padding:0 0 14px;
  border-bottom:1px solid rgba(0,0,0,.08);
}

.hlg-block:last-child{
  margin-bottom:0;
  padding-bottom:0;
  border-bottom:none;
}

.hlg-subtitle{
  font-family:'Dela Gothic One', sans-serif;
  font-size:12px;
  line-height:1.2;
  color:#111;
  text-transform:lowercase;
  margin:0 0 10px;
}

.hlg-text{
  font-family:'Manrope', sans-serif;
  font-size:11px;
  line-height:1.52;
  color:#3f3f3f;
}

.hlg-text p{
  margin:0 0 12px;
}

.hlg-text p:last-child{
  margin-bottom:0;
}

.hlg-text b{
  font-weight:800;
  color:#111;
}

.hlg-list{
  margin:0;
  padding-left:16px;
}

.hlg-list li{
  margin:0 0 8px;
}

.hlg-q{
  font-family:'Dela Gothic One', sans-serif;
  font-size:12px;
  line-height:1.2;
  color:#111;
  text-transform:lowercase;
  margin:0 0 8px;
    letter-spacing: .12px;
    font-weight: 400;
}

.hlg-a{
  font-family:'Manrope', sans-serif;
  font-size:11px;
  line-height:1.5;
  color:#3f3f3f;
}

.hlg-a p{
  margin:0 0 10px;
}

.hlg-a p:last-child{
  margin-bottom:0;
}

.hlg-a b{
  font-weight:800;
  color:#111;
}

/* ========= TERMIT GLOBAL RECOLOR ========= */

#hlg-tab-4:checked ~ .hlg-dots .hlg-dot{
  background:#773c90;
  box-shadow:0 0 0 1px rgba(119,60,144,.22);
}

#hlg-tab-4:checked ~ .hlg-dots label[for="hlg-tab-4"]{
  background:#c5407f;
  box-shadow:0 0 0 1px rgba(197,64,127,.28), 0 0 8px rgba(197,64,127,.18);
}

#hlg-tab-4:checked ~ .hlg-main .hlg-side{
  background:
    linear-gradient(rgba(32,32,32,.92), rgba(32,32,32,.92)),
    linear-gradient(rgba(119,60,144,.16), rgba(197,64,127,.12)),
    url('https://i.pinimg.com/1200x/88/f8/7e/88f87ea498e2699cc83f137290d3c426.jpg') center center / cover no-repeat;
  box-shadow:inset 0 0 0 1px rgba(197,64,127,.10);
}

#hlg-tab-4:checked ~ .hlg-main .hlg-side .hlg-head{
  background:#171717;
  color:#ffffff;
  border:1px solid #5f356f;
  box-shadow:inset 0 0 0 1px rgba(197,64,127,.12);
}

#hlg-tab-4:checked ~ .hlg-main .hlg-side .hlg-note{
  color:#e6ddea;
}

#hlg-tab-4:checked ~ .hlg-main .hlg-side .hlg-nav-btn{
  background:#202020;
  color:#d8c8df;
  border-left:3px solid transparent;
  box-shadow:inset 0 0 0 1px rgba(119,60,144,.14);
}

#hlg-tab-4:checked ~ .hlg-main .hlg-side .hlg-nav-btn:hover{
  color:#ffffff;
  border-left:3px solid #c5407f;
}

#hlg-tab-4:checked ~ .hlg-main .hlg-side label[for="hlg-tab-4"]{
  background:#171717;
  color:#ffffff !important;
  border-left:3px solid #c5407f;
  box-shadow:
    inset 0 0 0 1px rgba(197,64,127,.18),
    0 0 10px rgba(197,64,127,.08);
}

#hlg-tab-4:checked ~ .hlg-main .hlg-content .hlg-hero{
  height:128px;
  min-height:128px;
}

#hlg-tab-4:checked ~ .hlg-main .hlg-content .hlg-logo{
  background:linear-gradient(90deg, #773c90 0%, #c5407f 52%, #f0c8dd 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:
    0 0 12px rgba(119,60,144,.18),
    0 0 24px rgba(197,64,127,.10);
  transform:translateY(58px);
}

#hlg-tab-4:checked ~ .hlg-main .hlg-content .hlg-panel-title{
  background:#202020;
  color:#f4d6e8;
  border:1px solid #5d356f;
  box-shadow:inset 0 0 0 1px rgba(197,64,127,.10);
}

#hlg-tab-4:checked ~ .hlg-main .hlg-content .hlg-panels{
  scrollbar-color:#773c90 transparent;
}

#hlg-tab-4:checked ~ .hlg-main .hlg-content .hlg-panels::-webkit-scrollbar-thumb{
  background:#773c90;
}

#hlg-tab-4:checked ~ .hlg-main .hlg-content .hlg-panels::-webkit-scrollbar-track{
  background:transparent;
}

/* ========= TERMIT HERO DECOR ========= */

.hlg-hero-termit-decor{
  display:none;
}

#hlg-tab-4:checked ~ .hlg-main .hlg-content .hlg-hero-termit-decor{
  display:block;
  position:absolute;
  right:4px;
  top:2px;
  width:260px;
  height:118px;
  pointer-events:none;
}

.hlg-hero-termit-ghost{
  position:absolute;
  right:112px;
  top:8px;
  width:88px;
  height:88px;
  background:url('https://upforme.ru/uploads/001c/9a/71/57/97802.png') center center / contain no-repeat;
  image-rendering:pixelated;
  opacity:.92;
  animation:hlgfloat 3.4s ease-in-out infinite;
}

.hlg-hero-termit-ui{
  position:absolute;
  right:154px;
  top:60px;
  width:74px;
  height:44px;
  background:url('https://upforme.ru/uploads/001c/9a/71/57/830497.png') center center / contain no-repeat;
  image-rendering:pixelated;
  opacity:.82;
}

/* ========= TERMIT PANEL ========= */

.hlg-panel-4{
  position:relative;
  background:
    linear-gradient(180deg, rgba(119,60,144,.13), rgba(197,64,127,.07)),
    #202020;
  border:1px solid #4b2f58;
  padding:16px 16px 12px;
  overflow:hidden;
}

.hlg-panel-4:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.10;
  background-image:
    linear-gradient(to right, rgba(197,64,127,.34) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(119,60,144,.34) 1px, transparent 1px);
  background-size:18px 18px, 18px 18px;
}

.hlg-panel-4:after{
  content:"";
  position:absolute;
  inset:8px;
  pointer-events:none;
  border:1px dashed rgba(197,64,127,.14);
}

.hlg-termit-shell{
  position:relative;
  z-index:2;
}

.hlg-termit-top{
  position:relative;
  margin:0 0 18px;
  padding:12px 12px 10px;
  background:#171717;
  border:1px solid #6c3f81;
  box-shadow:inset 0 0 0 1px rgba(197,64,127,.18);
  overflow:hidden;
}

.hlg-termit-top:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(32,32,32,.38), rgba(32,32,32,.38)),
    url('https://upforme.ru/uploads/001c/9a/71/57/399037.gif') center center / cover no-repeat;
  opacity:.34;
  pointer-events:none;
}

.hlg-termit-topbar{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:0 0 10px;
  padding:0 0 8px;
  border-bottom:1px solid rgba(197,64,127,.18);
}

.hlg-termit-app{
  font-family:'Dela Gothic One', sans-serif;
  font-size:15px;
  line-height:1;
  color:#ffffff;
  letter-spacing:.4px;
  text-transform:uppercase;
}

.hlg-termit-status{
  display:flex;
  gap:6px;
  align-items:center;
}

.hlg-termit-led{
  width:8px;
  height:8px;
  background:#c5407f;
  box-shadow:0 0 0 1px #8f2f5c, 0 0 8px rgba(197,64,127,.45);
}

.hlg-termit-led:nth-child(2){
  background:#773c90;
  box-shadow:0 0 0 1px #4f2861, 0 0 8px rgba(119,60,144,.45);
}

.hlg-termit-led:nth-child(3){
  background:#d6d6d6;
  box-shadow:0 0 0 1px #6f6f6f;
}

.hlg-termit-intro{
  position:relative;
  z-index:2;
  padding-right:152px;
  min-height:112px;
}

.hlg-termit-title{
  font-family:'Dela Gothic One', sans-serif;
  font-size:24px;
  line-height:1;
  background-clip:text;
  background:linear-gradient(90deg, #c5407f 0%, #773c90 52%, #f0c8dd 100%);
  -webkit-background-clip:text;
  color:transparent;
  text-transform:uppercase;
  margin:0 0 8px;
}

.hlg-termit-subline{
  font-family:'Manrope', sans-serif;
  font-size:10px;
  line-height:1.45;
  color:#d4c7da;
  max-width:400px;
}

.hlg-termit-ghost{
  position:absolute;
  right:8px;
  top:-2px;
  width:120px;
  height:120px;
  background:url('https://upforme.ru/uploads/001c/9a/71/57/936725.gif') center center / contain no-repeat;
  opacity:.95;
  image-rendering:pixelated;
  border:1px solid #5f356f;
}

.hlg-termit-minirow{
  position:relative;
  z-index:2;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:10px;
}

.hlg-termit-chip{
  display:inline-block;
  padding:5px 8px 4px;
  background:#202020;
  border:1px solid #5f356f;
  color:#f1eaf5;
  font-size:9px;
  line-height:1;
  font-family:'Dela Gothic One', sans-serif;
  letter-spacing:.2px;
}

.hlg-termit-chip.alt{
  border-color:#a3386a;
  color:#ffd7ea;
}

.hlg-termit-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin:0 0 18px;
  align-items:stretch;
}

.hlg-termit-stack{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.hlg-termit-card{
  position:relative;
  background:#171717;
  border:1px solid #5f356f;
  box-shadow:inset 0 0 0 1px rgba(197,64,127,.14);
  padding:12px 12px 12px;
  overflow:hidden;
}

.hlg-termit-card-about{
  min-height:0;
}

.hlg-termit-card-nicks{
  min-height:0;
  align-self:start;
}

.hlg-termit-card-title{
  position:relative;
  z-index:2;
  font-family:'Dela Gothic One', sans-serif;
  font-size:11px;
  line-height:1.1;
  color:#ffffff;
  margin:0 0 8px;
  text-transform:uppercase;
}

.hlg-termit-card-text{
  position:relative;
  z-index:2;
  font-size:10px;
  line-height:1.45;
  color:#d8d1dd;
}

.hlg-termit-card-text p{
  margin:0 0 8px;
}

.hlg-termit-card-text p:last-child{
  margin-bottom:0;
}

.hlg-termit-card-text b{
  color:#fff;
  font-weight:800;
}

.hlg-termit-card-text-about{
  display:block;
  padding-right:0;
}

.hlg-termit-card-text-nicks{
  padding-right:0;
}

.hlg-termit-error-box{
  float:right;
  width:84px;
  height:62px;
  margin:2px 0 6px 12px;
  background:url('https://upforme.ru/uploads/001c/9a/71/57/888950.png') center center / contain no-repeat;
  image-rendering:pixelated;
  opacity:.95;
}

.hlg-termit-inputbox{
  position:relative;
  background:#141414;
  border:1px solid #5f356f;
  box-shadow:inset 0 0 0 1px rgba(197,64,127,.14);
  overflow:hidden;
}

.hlg-termit-inputbar{
  height:20px;
  padding:5px 8px 0;
  box-sizing:border-box;
  background:linear-gradient(90deg, #773c90, #c5407f);
  color:#fff;
  font-family:'Dela Gothic One', sans-serif;
  font-size:9px;
  line-height:1;
  text-transform:uppercase;
}

.hlg-termit-inputbody{
  padding:10px 12px 25px;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.hlg-termit-inputline{
  display:flex;
  align-items:center;
  gap:6px;
  min-height:16px;
  font-family:'Manrope', sans-serif;
  font-size:10px;
  line-height:1.2;
  color:#d8d1dd;
  text-transform:lowercase;
}

.hlg-termit-inputline span{
  white-space:nowrap;
}

.hlg-termit-inputline i{
  display:inline-block;
  width:7px;
  height:12px;
  background:#f0c8dd;
  box-shadow:0 0 6px rgba(240,200,221,.28);
  animation:hlg-termit-cursor 1s steps(1) infinite;
}

.hlg-termit-window{
  position:relative;
  margin:0 0 16px;
  background:#161616;
  border:1px solid #704084;
  box-shadow:inset 0 0 0 1px rgba(197,64,127,.18);
  overflow:hidden;
}

.hlg-termit-window:before{
  content:"";
  position:absolute;
  right:12px;
  top:28px;
  width:58px;
  height:78px;
  background:url('https://upforme.ru/uploads/001c/9a/71/57/955001.gif') center center / contain no-repeat;
  opacity:.8;
  pointer-events:none;
}

.hlg-termit-window-bar{
  position:relative;
  height:22px;
  padding:5px 8px 0;
  background:linear-gradient(90deg, #773c90, #c5407f);
  color:#fff;
  font-family:'Dela Gothic One', sans-serif;
  font-size:10px;
  line-height:1;
  text-transform:uppercase;
  box-sizing:border-box;
}

.hlg-termit-window-bar:after{
  content:"⨯";
  position:absolute;
  right:8px;
  top:4px;
  font-size:12px;
  line-height:1;
}

.hlg-termit-window-body{
  position:relative;
  z-index:2;
  padding:12px 12px 11px;
}

.hlg-termit-window-title{
  font-family:'Dela Gothic One', sans-serif;
  font-size:12px;
  line-height:1.1;
  color:#fff;
  text-transform:uppercase;
  margin:0 0 10px;
}

.hlg-termit-window-text{
  font-size:11px;
  line-height:1.52;
  color:#d7cfdd;
  padding-right:0;
}

.hlg-termit-window-text p{
  margin:0 0 10px;
}

.hlg-termit-window-text p:last-child{
  margin-bottom:0;
}

.hlg-termit-window-text b{
  color:#fff;
  font-weight:800;
}

.hlg-termit-tag{
  display:inline-block;
  margin:0 0 8px;
  padding:4px 7px 3px;
  background:#202020;
  border:1px solid #c5407f;
  color:#ffd9ea;
  font-size:9px;
  line-height:1;
  font-family:'Dela Gothic One', sans-serif;
  text-transform:uppercase;
}

.hlg-termit-levels{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  margin:0 0 16px;
}

.hlg-termit-level{
  position:relative;
  background:#171717;
  border:1px solid #5e376f;
  padding:12px 12px 11px;
  box-shadow:inset 0 0 0 1px rgba(197,64,127,.12);
  overflow:hidden;
}

.hlg-termit-level:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:6px;
  background:linear-gradient(180deg, #773c90, #c5407f);
}

.hlg-termit-level.one:after{
  content:"";
  position:absolute;
  right:10px;
  top:68px;
  width:54px;
  height:54px;
  background:url('https://upforme.ru/uploads/001c/9a/71/57/250514.png') center center / contain no-repeat;
  opacity:.65;
  image-rendering:pixelated;
  pointer-events:none;
}

.hlg-termit-level-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:0 0 8px 0;
  padding-left:8px;
  padding-right:0;
}

.hlg-termit-level-name{
  font-family:'Dela Gothic One', sans-serif;
  font-size:12px;
  line-height:1;
  color:#fff;
  text-transform:uppercase;
}

.hlg-termit-level-code{
  font-family:'Dela Gothic One', sans-serif;
  font-size:9px;
  line-height:1;
  color:#e8b8d0;
  text-transform:uppercase;
}

.hlg-termit-level-text{
  padding-left:8px;
  padding-right:0;
  font-size:11px;
  line-height:1.5;
  color:#d8d1dd;
}

.hlg-termit-level-text p{
  margin:0 0 9px;
}

.hlg-termit-level-text p:last-child{
  margin-bottom:0;
}

.hlg-termit-level-text b{
  color:#fff;
}

.hlg-termit-note{
  position:relative;
  margin:0;
  padding:12px 12px 12px 12px;
  background:#171717;
  border:1px solid #5c366d;
  color:#d9d2de;
  font-size:10px;
  line-height:1.45;
  overflow:hidden;
  min-height:76px;
}

.hlg-termit-note:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(32,32,32,.56), rgba(32,32,32,.56)),
    url('https://upforme.ru/uploads/001c/9a/71/57/673376.gif') center center / cover no-repeat;
  opacity:.25;
  pointer-events:none;
}

.hlg-termit-note span{
  position:relative;
  z-index:2;
  display:block;
  padding-right:0;
}

.hlg-termit-note b{
  color:#fff;
}

.hlg-termit-folder{
  position:absolute;
  right:250px;
  bottom:-15px;
  width:150px;
  height:68px;
  background:url('https://upforme.ru/uploads/001c/9a/71/57/765049.png') center center / contain no-repeat;
  image-rendering:pixelated;
  opacity:.9;
  z-index:2;
}

.hlg-termit-inline{
  color:#f4d0e1;
  font-weight:800;
}

.hlg-termit-error{
  position:absolute;
  z-index:4;
  background:center center / contain no-repeat;
  image-rendering:pixelated;
  pointer-events:none;
}

.hlg-side .hlg-nav-btn,
.hlg-dots .hlg-dot{
  -webkit-tap-highlight-color:transparent;
  user-select:none;
  cursor:pointer;
  outline:none;
}

.hlg-tab:focus,
.hlg-tab:active{
  outline:none;
}

@keyframes hlgfloat{
  0%{ transform:translateY(0px); }
  50%{ transform:translateY(-6px); }
  100%{ transform:translateY(0px); }
}

@keyframes hlg-termit-spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(360deg); }
}

@keyframes hlg-termit-cursor{
  0%, 49%{ opacity:1; }
  50%, 100%{ opacity:0; }
}

/* ===== ТОЛЬКО КНОПКА TERMIT СЛЕВА ===== */

label[for="hlg-tab-4"].hlg-nav-btn{
  position:relative;
  overflow:visible;
  margin-top:auto;
  margin-bottom:4px;
  background:#ffffff;
  color:#111111;
  box-shadow:none;
  text-transform:uppercase;
  letter-spacing:.4px;
  font-size:11px;
}

label[for="hlg-tab-4"].hlg-nav-btn:before{
  display:none;
  content:none;
}

label[for="hlg-tab-4"].hlg-nav-btn:after{
  content:"✸";
  position:absolute;
  right:0px;
  top:50%;
  width:22px;
  height:22px;
  margin-top:-11px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:29px;
  line-height:1;
  color:#000000;
  animation:hlg-termit-spin 4s linear infinite;
  transform-origin:50% 50%;
}

label[for="hlg-tab-4"].hlg-nav-btn:hover{
  color:#111111;
  background:#ffffff;
  border-left-color:#773c90;
  box-shadow:none;
}

#hlg-tab-4:checked ~ .hlg-main .hlg-side label[for="hlg-tab-4"].hlg-nav-btn{
  background:#ffffff;
  color:#111111 !important;
  border-left:3px solid #773c90;
  box-shadow:none;
}
</style>

<div class="hlg-wrap">

  <input class="hlg-tab" type="radio" name="hlg-tabs" id="hlg-tab-1" checked>
  <input class="hlg-tab" type="radio" name="hlg-tabs" id="hlg-tab-2">
  <input class="hlg-tab" type="radio" name="hlg-tabs" id="hlg-tab-3">
  <input class="hlg-tab" type="radio" name="hlg-tabs" id="hlg-tab-4">
  <input class="hlg-tab" type="radio" name="hlg-tabs" id="hlg-tab-5">

  <div class="hlg-dots">
    <label for="hlg-tab-1" class="hlg-dot"></label>
    <label for="hlg-tab-2" class="hlg-dot"></label>
    <label for="hlg-tab-3" class="hlg-dot"></label>
    <label for="hlg-tab-4" class="hlg-dot"></label>
    <label for="hlg-tab-5" class="hlg-dot"></label>
  </div>

  <div class="hlg-main">
    <div class="hlg-side">
      <div class="hlg-head">симбиот</div>
      <div class="hlg-note">ты пожалеешь, но тебе понравится</div>

      <label for="hlg-tab-1" class="hlg-nav-btn">общая информация</label>
      <label for="hlg-tab-2" class="hlg-nav-btn">структура и деятельность</label>
      <label for="hlg-tab-3" class="hlg-nav-btn">главное место</label>
      <label for="hlg-tab-5" class="hlg-nav-btn">faq</label>
      <label for="hlg-tab-4" class="hlg-nav-btn">termit.exe</label>
    </div>

    <div class="hlg-content">
      <div class="hlg-hero">
        <div class="hlg-logo">SYMBIOT</div>
        <div class="hlg-hero-termit-decor">
          <div class="hlg-hero-termit-ghost"></div>
          <div class="hlg-hero-termit-ui"></div>
        </div>
      </div>

      <div class="hlg-panel-wrap">
        <div class="hlg-panel-title">уличное движение гонконга</div>

        <div class="hlg-panels">

          <div class="hlg-panel hlg-panel-1">
            <div class="hlg-block">
              <div class="hlg-text">
                <p><b><span class="hlg-caps">симбиот</span></b> — преимущественно молодёжное движение, существующее повсеместно и слишком давно, чтобы его можно было отделить от самого городского шума. кажется, что симбиот был всегда. никто не назовёт точную дату основания, не покажет первого лидера и не вспомнит красивую историю создания. просто в какой-то момент становится понятно, что они уже здесь: на крышах, в заброшках, в клубах, на вписках, прямо на улице.</p>
                <p>снаружи они выглядят как сборище молодых, шумных, вечно куда-то несущихся людей. скейтеры, райтеры, байкеры, уличные художники, вечные тусовщики, любители травки, дешёвого алкоголя, громкой музыки, ночных движей и сомнительных затей. в этом есть правда, но только часть.</p>
                <p>потому что под этой оболочкой живёт закрытая уличная сеть.</p>
              </div>
            </div>

            <div class="hlg-block">
              <div class="hlg-subtitle">что это вообще такое</div>
              <div class="hlg-text">
                <p>для общества симбиот — это просто шумный молодняк, которому нечем заняться. для полиции — постоянная головная боль. для всех остальных — среда, через которую так или иначе проходит половина ночной жизни города.</p>
                <p>симбиот не совсем банда в привычном смысле и не просто тусовка. это городское уличное движение, внутри которого существует устойчивая полукриминальная среда. кто-то приходит туда ради свободы, кто-то ради людей, кто-то ради ощущения, что наконец оказался среди своих, а кто-то очень быстро понимает, что через эту среду можно достать почти всё: ночлег, связи, работу, защиту, вещества, развлечения, информацию, транспорт, нужного человека или неприятности.</p>
                <p>симбиот не пытается завоевать город — они часть этого города. они его молодость, его бессонница, его грязь и его шум. они живут свою лучшую жизнь здесь и сейчас.</p>
              </div>
            </div>

            <div class="hlg-block">
              <div class="hlg-subtitle">происхождение</div>
              <div class="hlg-text">
                <p>у симбиота нет нормальной легенды о рождении. всё было гораздо хаотичнее, ориентировочно в 1930-х годах.</p>
                <p>они сложились из уличных компаний, локальных тусовок, граффити-команд, байкерских стай, скейт-сборищ, любителей вечных ночных вписок, подвальных вечеринок, дешёвых баров, крыш, складов, парковок, заброшек и всей той молодёжной жизни, которая всегда существует параллельно «приличному» обществу и обычно никому не нравится.</p>
                <p>сначала это были просто разные люди, которые крутились в одних и тех же местах. у кого-то был свой спот, у кого-то — гараж, у кого-то — хата, где всегда можно зависнуть. у кого-то — компания, за которой тянулись остальные. постепенно эта хаотичная масса перестала быть просто кучей знакомых. общее настроение, общие места, общие лица и привычка жить рядом друг с другом сделали своё дело.</p>
                <p>главные менялись много раз. кого-то вытесняли силой, кто-то сам уходил, потому что уставал от постоянного шума. кто-то взрослел и понимал, что уже не видит себя частью этого вечного движения. кто-то ломался на внутренних конфликтах, кто-то исчезал, кто-то просто отдавал власть более перспективным и ярким.</p>
                <p>поэтому у симбиота нет основателя, которым принято гордиться. есть длинная цепочка людей, которые в разное время оказывались достаточно яркими, чтобы за ними тянулись остальные — именно поэтому симбиот выглядит бессмертным. люди меняются, а сама среда остаётся.</p>
              </div>
            </div>

            <div class="hlg-block">
              <div class="hlg-subtitle">репутация</div>
              <div class="hlg-text">
                <p>о симбиоте говорят разное. что это просто вечные подростки, которые никак не повзрослеют. что через них можно достать всё, что угодно. что половина городских ночных движей так или иначе касается симбиота. что они плодят хаос, зависимости, грязные связи и лишние проблемы.</p>
                <p>и во всём этом есть доля правды. большая часть симбиота действительно просто шумная, но беда в том, что среди безобидных фриков всегда есть люди, тесно повязанные с криминалом, насилием и более опасными вещами.</p>
              </div>
            </div>
<div class="hlg-block">
              <div class="hlg-subtitle">отношения</div>
              <div class="hlg-text">

<p>✦ к<b> <span class="hlg-caps">моод</span> и <span class="hlg-caps">нииэд</span></b> отношение в основном насмешливое. для симбиота это очередные взрослые люди с полномочиями и очень уверенными лицами, которые почему-то думают, что могут всё держать под контролем. они приходят, когда уже всё случилось, ставят периметры, забирают людей и делают вид, что ситуация закрыта. для улицы это выглядит как запоздалая реакция, но при этом — единственная сила, которая действительно может закончить происходящее. симбиот их не любит, но и не спорит с тем, что без них было бы хуже. иногда сливает им информацию, иногда уводит людей из-под носа, иногда просто мешает, потому что не верит, что всё нужно решать так, как решают они. пока охотники не мешают жить, симбиот особо не интересуется ими. </p>
                <p>✦ к<b> <span class="hlg-caps">рамус</span></b> симбиот относится как к слишком серьёзным, тяжёлым и напряжённым людям, у которых в жизни слишком мало свободы. с ними можно пересекаться и даже сотрудничать, особенно если дело касается людей, укрытий, перевозки или городского шума. но внутренне симбиот плохо понимает тех, кто делает из войны почти священную обязанность. симбиот старается держаться от них как можно дальше, но при этом внимательно следит, потому что рамус часто оказывается там, где происходит что-то действительно серьёзное.</p>
                <p>✦ с <b> <span class="hlg-caps">хэйлун</span></b> рни говорят на одном языке — языке города. обе структуры живут в потоке информации, людей и ситуаций, которые постоянно меняются. они работают вместе, когда это выгодно обеим сторонам, иногда пересекаются и мешают друг другу. но, в отличие от остальных, здесь есть понимание правил игры. никто не считает это союзом — просто два разных способа существовать в одном городе.</p>
               
              </div>
            </div>
          </div>

          <div class="hlg-panel hlg-panel-2">
            <div class="hlg-block">
              <div class="hlg-subtitle">как они вообще устроены</div>
              <div class="hlg-text">
                <p>если по-честному — никак. и именно поэтому работают.</p>
                <p>у симбиота нет нормальной структуры, нет отделов, нет стройной иерархии, нет красивой внутренней дисциплины. есть только лидеры, которых все так или иначе признают центром этой среды. те, кто на данный момент удерживают всё в своих руках, не давая окончательно развалиться или превратиться в совсем уж бесформенный хаос.</p>
                <p>у главных есть свои приближённые, свои любимчики, свои компании, но всё это не оформлено в чёткую систему. это не армия и не клан, где каждый знает своё место, — это живая среда, внутри которой у одних людей больше веса, чем у других.</p>
                <p>численность симбиота давно перевалила за сотню, но назвать точную цифру, вероятно, никто не сможет, потому что они— не список имён и не закрытый реестр. это рой.</p>
              </div>
            </div>

            <div class="hlg-block">
              <div class="hlg-subtitle">верхушка</div>
              <div class="hlg-text">
                <p>о нынешнем руководстве говорят как о троих главных. за историю симбиота их бывало и двое, и пятеро. когда-то даже пытались установить более внятную структуру, но быстро поняли, что жёсткое деление на группы скорее душит эту систему, чем помогает ей.</p>
                <p>нынешняя троица надёжно укрепилась на своём месте и именно при них движение разрослось почти вдвое.</p>
             <p>до последней смены верхушки всем на протяжении 8 лет руководил <a href=" от амс ">симба</a>, который три года назад передал свое место двоим приблеженным <a href=" от амс ">касперу</a> и <a href=" pixie">пикси</a>. пикси, в свою очередь, передал свое место перспективному новичку, решив отказаться от места главы, но был втянут обратно замкнув уже известную симбиоту тройку лидеров.</p>
                <p>они не похожи на классических лидеров банды. это не фигуры, которые сидят наверху отдельно от остальных. они всё ещё свои в общей среде, к ним можно обратиться за помощью, через них решаются внутренние конфликты, у них ищут поддержку, доступ, крышу, деньги. они — выбор банды, а не просто люди, сидящие в верхушке.</p>
                <p>при этом каждый из троих держит свою часть системы. один больше завязан на людях, внутреннем авторитете, компаниях и тусовках. другой держит физическую сторону города: места, точки, бары, укрытия, перевозки и пересечения с уличной жизнью. третий отвечает за цифровую часть, внутреннюю координацию, TERMIT, оборот денег и сделки.</p>
              </div>
            </div>

            <div class="hlg-block">
              <div class="hlg-subtitle">чем они занимаются</div>
              <div class="hlg-text">
                <p>самое удобное в симбиоте — то, что формально они как будто ничем конкретным не занимаются.</p>
                <p>большая часть участников просто живёт внутри этой среды. катаются, рисуют, шатаются по городу, зависают, устраивают вечеринки, ночуют у друзей друзей, ищут, где сегодня движ, где можно достать нужное, где безопасно спрятаться, где дешёвый алкоголь, где можно осесть, где их не найдут.</p>
                <p>Но именно на этой «безобидной» поверхности и держится всё остальное, потому что из неё вырастают:</p>
                <ul class="hlg-list">
                  <li>✦ закрытые вечеринки и сборы;</li>
                  <li>✦ свои бары, притоны и бойцовские площадки;</li>
                  <li>✦ обмен веществами, услугами;</li>
                  <li>✦ кражи, подставы, рейды и вандализм;</li>
                  <li>✦ незаконные перевозки и слежка;</li>
                  <li>✦ серые поручения и мелкий городской хаос;</li>
                  <li>✦ поиск жилья, людей, работы, временных вписок и любых нужных связей.</li>
                </ul>
                <p>у симбиота нет одного официального рода деятельности. внутри можно быть кем угодно: просто тусовщиком, посредником, владельцем точки, организатором вечеринок, дилером, человеком, который ищет людям квартиры и сожителей, или тем, кто просто по просьбе привезёт знакомому еду на работу.</p>
                <p>конкретно — ничем. и в то же время — чем угодно.</p>
              </div>
            </div>

           
          </div>

          <div class="hlg-panel hlg-panel-3">
            <div class="hlg-block">
              <div class="hlg-subtitle">главное место</div>
              <div class="hlg-text">
                <p>у симбиота нет официального штаба, но в городе есть место, которое слишком давно считается их территорией, чтобы это нужно было отдельно проговаривать.</p>
                <p>это заброшенный жилой комплекс, когда-то замороженный ещё до того, как туда успели заселиться люди. поговаривали, что еще во время стройки на этом место обосновались демоны, поэтому комплекс оброс плохой репутацией и обанкротился до того, как был сдан в реализацию. огромный бетонный недострой, состоящий из тёмных секций, пустых лестничных пролётов, выбитых окон, открытых переходов, сырых коридоров, недоделанных подъездов и квартир, которые так и не стали чьим-то домом. часть здания была полностью завершена и имеет внутреннюю отделку, другая же так и осталась в черновом варианте бетонного каркаса.</p>
              </div>
            </div>

            <div class="hlg-block">
              <div class="hlg-subtitle">как оно живёт</div>
              <div class="hlg-text">
                <p>никто не говорит о комплексе, как о штабе. никто не вывешивает там флаги и не делает вид, что это чья-то формальная база. но, если человеку из этой среды некуда идти, если нужна вписка, если надо переждать пару дней, если нельзя светиться у знакомых или просто не хочется оставаться одному — дорога очень часто приводит именно туда.</p>
                <p>днём комплекс живёт вяло, но никогда не бывает совсем пустым. кто-то отсыпается после ночи, многие просто живут тут целыми группами, кто-то сидит на лестницах, кто-то чинит байк, кто-то рисует на стенах, кто-то курит на балконе, кто-то таскает матрасы и колонки из секции в секцию к вечерней тусовке. </p>
                <p>ночью это место оживает по-настоящему. сюда стекаются люди, включается музыка, открываются импровизированные бары, кто-то собирается на крыше, кто-то устраивает очередную вечеринку, кто-то приходит просто переждать ночь, а кто-то — за работой, связями, дозой, компанией или неприятностями.</p>
              </div>
            </div>

            <div class="hlg-block">
              <div class="hlg-subtitle">внутренняя география</div>
              <div class="hlg-text">
                <p>внутри комплекса давно сложилась своя география. есть секции, где почти всегда шумно. есть условно нейтральные зоны. есть места, где ночуют те, кому совсем некуда идти. есть точки, которые держат конкретные люди. есть опасные участки, куда без нужды лучше не лезть.</p>
                <p>есть крыша, где любят зависать до рассвета. есть помещения, которые стали складом, притоном, бойцовской площадкой или временным убежищем. здесь легко найти помощь, но так же легко зайти не туда.</p>
                <p>для города это просто проблемная заброшка. для симбиота — место, которое ближе всего к понятию дома.</p>
              </div>
            </div>
          </div>

          <div class="hlg-panel hlg-panel-4">
            <div class="hlg-termit-shell">

              <div class="hlg-termit-top">
                <div class="hlg-termit-topbar">
                  <div class="hlg-termit-app">TERMIT.EXE</div>
                  <div class="hlg-termit-status">
                    <span class="hlg-termit-led"></span>
                    <span class="hlg-termit-led"></span>
                    <span class="hlg-termit-led"></span>
                  </div>
                </div>

                <div class="hlg-termit-intro">
                  <div class="hlg-termit-title">TERMIT</div>
                  <div class="hlg-termit-subline">добро пожаловать, <b>войдите</b> или зарегистрируйтесь  <br><br>внимание, c 19.05.2029 регистрация возможна только по ссылке-приглашению. за ссылкой обращайтесь к любому члену симбиота.<br>

>> <b>DOWNLOAD</b><<</div>
                  <div class="hlg-termit-ghost"></div>
                </div>

                <div class="hlg-termit-minirow">
                  <span class="hlg-termit-chip">social network</span>
                  <span class="hlg-termit-chip">3 access levels</span>
                  <span class="hlg-termit-chip alt">local darknet</span>
                </div>
              </div>

              <div class="hlg-termit-grid">
                <div class="hlg-termit-card hlg-termit-card-about">
                  <div class="hlg-termit-card-title">что это такое</div>
                  <div class="hlg-termit-card-text hlg-termit-card-text-about">
                    <div class="hlg-termit-error-box"></div>
                    <p><b>TERMIT</b> — внутренняя социальная сеть, созданная исключительно для участников симбиота.</p>
                    <p>снаружи выглядит почти несерьёзно: мусорное приложение для молодёжи, где чаты, мемы, странные аватарки, дурацкие значки, сторис, стриминговые площадки, геометки и весь обычный цифровой шум.</p>
                    <p>но для своих это уже не приложение, а <b>рабочая многоуровневая среда</b>. для многих термит стал частью социальной жизни, для кого-то — источником заработка, других просто местом в котором ты можешь быть собой.</p>
                  </div>
                </div>

                <div class="hlg-termit-stack">
                  <div class="hlg-termit-card hlg-termit-card-nicks">
                    <div class="hlg-termit-card-title">ники и цифровая среда</div>
                    <div class="hlg-termit-card-text hlg-termit-card-text-nicks">
                      <p>внутри TERMIT все общаются по никам. и не только внутри приложения — в жизни участники симбиота тоже чаще всего зовут друг друга именно так.</p>
                      <p>для многих кличка внутри сети важнее, чем имя в документах. иногда это вопрос удобства, иногда безопасности, а иногда просто потому, что ник давно стал настоящей версией человека внутри этой среды.</p>
                    </div>
                  </div>

                  <div class="hlg-termit-inputbox">
                    <div class="hlg-termit-inputbar">user lookup</div>
                    <div class="hlg-termit-inputbody">
                      <div class="hlg-termit-inputline">
                        <span>> enter nickname _</span><i></i>

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

              <div class="hlg-termit-window">
                <div class="hlg-termit-window-bar">system overview</div>
                <div class="hlg-termit-window-body">
                  <div class="hlg-termit-tag">network owner</div> <div class="hlg-termit-tag">error: 403 Forbidden</div>
                  <div class="hlg-termit-window-title">кто это держит</div>
                  <div class="hlg-termit-window-text">
                    <p>создатель и фактический хозяин TERMIT — один из нынешних трёх главных. именно он держит на себе <br>цифровую сторону симбиота и использует способности интернет-демона, которым одержим, чтобы поддерживать, защищать и контролировать эту сеть.</p>
                    <p>без него приложение не исчезнет мгновенно, но начнёт быстро терять устойчивость, если никто не перехватит управление.</p>
                  </div>
                </div>
              </div>

              <div class="hlg-termit-levels">
                <div class="hlg-termit-level one">
                  <div class="hlg-termit-level-head">
                    <div class="hlg-termit-level-name">уровень 1</div>
                    <div class="hlg-termit-level-code">base access</div>
                  </div>
                  <div class="hlg-termit-level-text">
                    <p>базовый уровень для всех членов банды.</p>
                    <p>общий чат, личка, голосовые, видеозвонки, групповые чаты, мемы и обычная внутренняя жизнь. для большинства участников TERMIT на этом и заканчивается.</p>
                    <p>этого хватает, чтобы быть в курсе движей, знать, кто где, куда можно прийти и где сегодня шумно. <span class="hlg-termit-inline">это стартовый экран termit.</span></p>
                  </div>
                </div>

                <div class="hlg-termit-level two">
                  <div class="hlg-termit-level-head">
                    <div class="hlg-termit-level-name">уровень 2</div>
                    <div class="hlg-termit-level-code"> gray zone</div>
                  </div>
                  <div class="hlg-termit-level-text">
                    <p>на втором уровне уже становится понятно, что TERMIT — не просто игрушка для местной тусовки.</p>
                    <p>здесь открывается карта города с внутренними метками: места скопления своих, точки вечеринок, бары, притоны, опасные зоны, районы с высоким вниманием полиции, полезные локации и безопасные места для ночёвки.</p>
                    <p> появляется доступ к серой стороне: наркотики, проституция, азартные игры, запретные услуги и прочий нелегальный быт, который внутри симбиота давно существует как часть городской экосистемы.</p>
                  </div>
                </div>

                <div class="hlg-termit-level three">
                  <div class="hlg-termit-level-head">
                    <div class="hlg-termit-level-name">уровень 3</div>
                    <div class="hlg-termit-level-code">wallet / tasks / transit</div>
                  </div>
                  <div class="hlg-termit-level-text">
                    <p>третий уровень — это уже почти другая реальность.</p>
                    <p>здесь появляется внутренний кошелёк, посредническая транзитная система и возможность брать задания. деньги прогоняются так, чтобы напрямую связать отправителя и получателя было крайне трудно.</p>
                    <p>задания могут быть какими угодно: от бытовухи, вроде покупки бутылки молока и доставки по нужному адресу, до перевозки людей или груза, сопровождения, поиска человека, слежки, кражи, доставки запрещённого, нападения и решения чужих проблем за деньги.</p>
                    <p>именно третий уровень делает TERMIT не просто внутренней соцсетью, а настоящим теневым инструментом, где городская молодёжная среда соединяется с серым рынком и куда более опасными вещами.</p>
                  </div>
                </div>
              </div>

              <div class="hlg-termit-note">
                <span><b>внутри симбиота TERMIT давно воспринимается не как удобное приложение, а как часть самой среды.</b> через него ищут людей, передают слухи, стягивают толпу, оседают на ночь, находят работу, зарабатывают, договариваются, продают, покупают и влезают в проблемы.</span>
                <div class="hlg-termit-folder"></div>
              </div>

              <div class="hlg-termit-floatgif"></div>
              <div class="hlg-termit-poster"></div>
              <div class="hlg-termit-error one"></div>

            </div>
          </div>

          <div class="hlg-panel hlg-panel-5">
            <div class="hlg-block">
              <div class="hlg-q">можно быть частью тусовки, но не быть полноценным участником?</div>
              <div class="hlg-a">нет. термит — это пропускная карточка во все движения симбиота. можно ограничиваться первым уровнем доступа, не лезть глубже. но, если человек считается частью общей среды, пользуется её возможностями и держится среди своих, то он всё равно уже часть роя.</div>
            </div>

            <div class="hlg-block">
              <div class="hlg-q">почему все зовут друг друга по никам?</div>
              <div class="hlg-a"> ник безопаснее, удобнее и лучше встраивается в среду, где внутренняя репутация значит больше, чем то, кто ты в реальной жизни. для многих ник — это способ сильнее отделить свою жизнь внутри симбиота от внешнего мира.</div>
            </div>

            <div class="hlg-block">
              <div class="hlg-q">можно случайно получить доступ глубже в TERMIT?</div>
              <div class="hlg-a">почти нет— уровни не открываются просто так. переход выше всегда зависит от тех, у кого этот доступ уже есть. формально, это не называется рекомендацией, но по сути работает именно так: тебя должны знать, за тебя должны быть готовы поручиться и должны понимать, зачем тебе туда вообще нужно.</div>
            </div>

            <div class="hlg-block">
              <div class="hlg-q">они реально опасные или просто шумные?</div>
              <div class="hlg-a">большая часть симбиота действительно просто шумная, но внутри этой тусовки полно людей, повязанных с криминалом, серыми услугами, зависимостями, насилием и более жёсткими историями. поэтому проблема обычно не в том, что каждый член симбиота опасен сам по себе, а в том, что ты никогда не знаешь, кто перед тобой.</div>
            </div>

            <div class="hlg-block">
              <div class="hlg-q">можно уйти из симбиота?</div>
              <div class="hlg-a">да, в большинстве случаев это возможно, но всё зависит от того, насколько глубоко человек влез в среду, сколько знает, на чём завязан и сколько всего оставил внутри неё. не обязательно покидать банду. никто не обязывает быть частью движения постоянно. многие совмещают это с обычной жизнью, изредка вливаясь в движение. или же вы можете откупиться, чтобы вас удалили из базы, вот только сумма зависит от вашей вовлечённости. это хороший способ оборвать контакты, но в этом не так много смысла.</div>
            </div>

            <div class="hlg-block">
              <div class="hlg-q">все члены симбиота — это молодёжь?</div>
              <div class="hlg-a">нет, далеко не все, хотя ядро движения действительно молодое. внутри хватает взрослых и очень старых участников. многие из них давно не живут в режиме бесконечного ночного шума, но остаются частью среды через свои заведения и услуги. многие члены симбиота выросли в его среде благодаря своим родителям, которые были его частью.</div>
            </div>

            <div class="hlg-block">
              <div class="hlg-q">чем вообще можно заниматься в симбиоте?</div>
              <div class="hlg-a">чем угодно — у  них нет одного рода деятельности. можно быть просто человеком, который появляется на вечеринках. можно держать свой бар, точку, притон, мастерскую, помогать с перевозками — что угодно.</div>
            </div>

<div class="hlg-block">
              <div class="hlg-q">можно ли стать четвертым главой или влиться в их «свиту»?</div>
              <div class="hlg-a">с практической точки зрения, это возможно, но для этого нужно чуть больше, чем написать об этом в анкете. мягко говоря, нужно иметь подходящего персонажа и быть вовлеченным игроком. четкого «нет» сказать не получится, но и переписывать лор под каждого желающего никто не будет. однако в игровом плане «борьбу за власть» никто не запретит. если ваш персонаж пылает амбициями взять все в свои руки, то почему нет? в свиту влиться проще, это не особая каста, а просто близкие знакомые и доверенные лица. не всегда даже в хороших отношениях, многое исходит из пользы и личных моментов.</div>
            </div>

<div class="hlg-block">
              <div class="hlg-q">могут ли члены других организаций и группировок использовать термит?</div>
              <div class="hlg-a"> и ответ — да. и симбиот считает их своей частью. немудрено, что члены рамуса и хэйлуна используют термит в своих целях и отношения у этих группировок конкретно с симбиото, скорее партнерские. они ведь на то и симбиот.</div>
            </div>

<div class="hlg-block">
              <div class="hlg-q">как выглядит термит?</div>
              <div class="hlg-a">по дефолту — пиксельный черно-белый интерфейс. там очень много пользовательских настроек, так что конкретного визуала нет. у них там полная свобода в изменении оформления, куча пользовательских пресетов, так что он может выглядеть как душе угодно.</div>
            </div>

<div class="hlg-block">
              <div class="hlg-q">знают ли другие участники, у кого какой уровень?</div>
              <div class="hlg-a">только со слов. в профиле это никак не отображается. разве что, главы с админ-аккаунтами знают кто есть кто. </div>
            </div>

<div class="hlg-block">
              <div class="hlg-q">что по безопасности термита?</div>
              <div class="hlg-a">10 из 10. все строго конфиденциально, вход по отпечатку, многие разделы можно так же закрыть паролем. все транзакции чистые через «посредника», доступ к данным имеют только главы. модерации как таковой нет, за этим следит рой и его демон.</div>
            </div>

<div class="hlg-block">
              <div class="hlg-q">что за демон такой?</div>
              <div class="hlg-a">В-1487 «Термит» — подробнее о нём можно почитать в бестиарии. приложение термита полностью его детище и гордость. из-за характера происхождения способен действовать в сети автономно. он сам занимается поддержкой его работоспособности, а так же придумывает различные активности и ивенты. в разделе поддержки общается с пользователями, фиксит баги, помогает в случае чего. но это крайне не рекомендуется без участия Роя, так как он тот еще интернет-тролль и может напакостить, переведя весь ваш интерфейс на двоичный код или разослав все ваши нюдсы контактам. просто потому что может.
</div>
            </div>

          </div>

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

0

Тема закрыта
Страница: 1

Вы здесь » fatum » forbidden fruits of eden » группировки