[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');
.idd-wrap{
width:900px;
margin:0 auto;
font-family:'Manrope', sans-serif;
color:#111;
overflow:visible;
}
.idd-tab{
position:absolute;
opacity:0;
pointer-events:none;
}
/* точки */
.idd-dots{
display:flex;
gap:6px;
padding-left:8px;
margin-bottom:6px;
}
.idd-dot{
width:12px;
height:12px;
border-radius:50%;
background:#9bcb01;
cursor:pointer;
display:block;
}
#idd-tab-1:checked ~ .idd-dots label[for="idd-tab-1"],
#idd-tab-2:checked ~ .idd-dots label[for="idd-tab-2"],
#idd-tab-3:checked ~ .idd-dots label[for="idd-tab-3"],
#idd-tab-4:checked ~ .idd-dots label[for="idd-tab-4"]{
background:#646464;
}
.idd-main{
display:flex;
align-items:flex-start;
}
.idd-side{
width:210px;
flex:0 0 210px;
min-height:480px;
background:
linear-gradient(rgba(55,55,55,.80), rgba(55,55,55,.80)),
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;
}
.idd-caps{
text-transform:uppercase !important;
}
.idd-content{
width:690px;
flex:0 0 690px;
padding:0 0 0 16px;
box-sizing:border-box;
}
.idd-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;
}
.idd-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;
}
.idd-head,
.idd-nav-btn,
.idd-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;
}
.idd-head{
font-size:14px;
color:#ffffff;
margin-bottom:10px;
}
.idd-nav-btn{
margin-bottom:6px;
font-size:9px;
font-weight:400;
cursor:pointer;
transition:.15s ease;
}
.idd-nav-btn:hover{
color:#646464;
}
.idd-note{
width:180px;
margin:0 0 12px 10px;
color:#fff;
font-size:9px;
line-height:1.3;
font-weight:700;
text-align:left;
}
.idd-panel-wrap{
margin-top:6px;
padding-left:0;
}
.idd-panel-title{
width:100%;
margin:0 0 8px 0;
font-size:10px;
padding:8px 10px;
}
.idd-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;
}
.idd-panels::-webkit-scrollbar{
width:4px;
}
.idd-panels::-webkit-scrollbar-track{
background:transparent;
}
.idd-panels::-webkit-scrollbar-thumb{
background:#4a4a4a;
border:none;
border-radius:0;
}
.idd-panels::-webkit-scrollbar-button{
display:none;
width:0;
height:0;
}
.idd-panel{
display:none;
background:rgba(239,239,239,.94);
border:1px solid #2a2a2a;
padding:16px 16px 12px;
box-sizing:border-box;
}
#idd-tab-1:checked ~ .idd-main .idd-content .idd-panels .idd-panel-1,
#idd-tab-2:checked ~ .idd-main .idd-content .idd-panels .idd-panel-2,
#idd-tab-3:checked ~ .idd-main .idd-content .idd-panels .idd-panel-3,
#idd-tab-4:checked ~ .idd-main .idd-content .idd-panels .idd-panel-4{
display:block;
}
#idd-tab-1:checked ~ .idd-main .idd-side label[for="idd-tab-1"],
#idd-tab-2:checked ~ .idd-main .idd-side label[for="idd-tab-2"],
#idd-tab-3:checked ~ .idd-main .idd-side label[for="idd-tab-3"],
#idd-tab-4:checked ~ .idd-main .idd-side label[for="idd-tab-4"]{
color:#fff;
box-shadow:inset 3px 0 0 #9bcb01;
}
.idd-block{
margin:0 0 18px;
padding:0 0 14px;
border-bottom:1px solid rgba(0,0,0,.08);
}
.idd-block:last-child{
margin-bottom:0;
padding-bottom:0;
border-bottom:none;
}
.idd-subtitle{
font-family:'Dela Gothic One', sans-serif;
font-size:12px;
line-height:1.2;
color:#111;
text-transform:lowercase;
margin:0 0 10px;
}
.idd-text{
font-family:'Manrope', sans-serif;
font-size:11px;
line-height:1.52;
color:#3f3f3f;
}
.idd-text p{
margin:0 0 12px;
}
.idd-text p:last-child{
margin-bottom:0;
}
.idd-text b{
font-weight:800;
color:#111;
}
.idd-list{
margin:0;
padding-left:16px;
}
.idd-list li{
margin:0 0 8px;
}
.idd-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;
}
.idd-a{
font-family:'Manrope', sans-serif;
font-size:11px;
line-height:1.5;
color:#3f3f3f;
}
.idd-a p{
margin:0 0 10px;
}
.idd-a p:last-child{
margin-bottom:0;
}
.idd-a b{
font-weight:800;
color:#111;
}
</style>
<div class="idd-wrap">
<input class="idd-tab" type="radio" name="idd-tabs-main" id="idd-tab-1" checked>
<input class="idd-tab" type="radio" name="idd-tabs-main" id="idd-tab-2">
<input class="idd-tab" type="radio" name="idd-tabs-main" id="idd-tab-3">
<input class="idd-tab" type="radio" name="idd-tabs-main" id="idd-tab-4">
<div class="idd-dots">
<label for="idd-tab-1" class="idd-dot"></label>
<label for="idd-tab-2" class="idd-dot"></label>
<label for="idd-tab-3" class="idd-dot"></label>
<label for="idd-tab-4" class="idd-dot"></label>
</div>
<div class="idd-main">
<div class="idd-side">
<div class="idd-head">моод </div>
<div class="idd-note">международный отдел охотников на демонов</div>
<label for="idd-tab-1" class="idd-nav-btn">общая информация</label>
<label for="idd-tab-2" class="idd-nav-btn">штабы в мире</label>
<label for="idd-tab-3" class="idd-nav-btn">подразделения</label>
<label for="idd-tab-4" class="idd-nav-btn">faq</label>
</div>
<div class="idd-content">
<div class="idd-hero">
<div class="idd-logo">IDD</div>
</div>
<div class="idd-panel-wrap">
<div class="idd-panel-title">международный отдел охотников на демонов</div>
<div class="idd-panels">
<div class="idd-panel idd-panel-1">
<div class="idd-block">
<div class="idd-text">
<p><b><span class="idd-caps">Международный отдел охотников на демонов (МООД) / </span></b> <b><span class="idd-caps">International demonhunters division (IDD)</span></b> — международная государственная структура, созданная <span class="idd-caps">всб</span> в ответ на демоническую угрозу глобального масштаба. формально это специализированный отдел безопасности, но по факту — крупнейшая наднациональная система, занимающаяся охотой на демонов, локализацией разломов, координацией сил на местах и ликвидацией последствий.</p>
</div>
</div>
<div class="idd-block">
<div class="idd-subtitle">как всё начиналось</div>
<div class="idd-text">
<p>первоначально <span class="idd-caps">моод</span> занимался не столько войной, сколько контролем ущерба: отслеживал появление разломов, организовывал эвакуацию населения, ставил карантинные зоны и удерживал ситуацию до прибытия силовых структур. человечество не сразу поняло, что в борьбе с демонами можно использовать контракты, и потому первые годы работа отдела была скорее кризисной, чем наступательной.</p>
<p>позже, когда практика контрактов стала нормой, образ <span class="idd-caps">моод</span> резко изменился. для общества охотники перестали быть просто спасателями и координаторами и стали ассоциироваться с государственными контрактниками — людьми, которые воюют с демонами их же методами.</p>
</div>
</div>
<div class="idd-block">
<div class="idd-subtitle">положение в мире</div>
<div class="idd-text">
<p>каждая успешная операция усиливала авторитет отдела, и со временем <span class="idd-caps">моод</span> вырос до масштаба, при котором его влияние почти сравнялось с влиянием самой материнской организации. сегодня это не просто международная спецслужба, а самостоятельная сила с собственной иерархией, логистикой, флотом, званиями и глобальной сетью штабов.</p>
<p>при этом отдел остаётся крайне зависимым от политических решений, ресурсов региона и того, насколько тяжёлой остаётся демоническая обстановка в конкретной части мира. где-то <span class="idd-caps">моод</span> воспринимают как защитников. где-то — как дорогую, жёсткую и слишком автономную силовую машину.</p>
</div>
</div>
<div class="idd-block">
<div class="idd-subtitle">отношения </div>
<div class="idd-text">
<p>✦ с <b><span class="idd-caps">нииэд</span></b> отношения самые сложные и самые тесные одновременно. формально они партнёры, но на практике — это постоянное перетягивание контроля. <span class="idd-caps">нииэд</span> нужны данные, образцы и <span class="idd-caps">МООД</span> это обеспечивает. но чем дальше, тем больше <span class="idd-caps">МООД</span> начинает понимать, что учёные работают не только на безопасность. некоторые разработки выходят за рамки обороны, и охотники это видят. они сотрудничают, потому что не могут иначе. но ни одна из сторон не доверяет другой полностью.</p>
<p>✦ с <b><span class="idd-caps">рамус</span></b> напряжённый нейтралитет, который легко срывается в конфликт. <span class="idd-caps">рамус</span> действует быстрее, жёстче и грязнее. они не связаны международными регламентами и не отчитываются перед теми, перед кем отчитывается <span class="idd-caps">МООД</span>. в ситуациях, где <span class="idd-caps">МООД</span> ещё собирает информацию, <span class="idd-caps">рамус</span> уже заканчивает зачистку. между ними презрение к методам работы друг друга, но определенно есть и уважение, как к людям, которые действуют ради той же цели. многие члены <span class="idd-caps">рамус</span> бывшие члены <span class="idd-caps">моод</span>, кто-то был товарищами, друзьями, даже командирами, такое сложно игнорировать. обе стороны признают эффективность друг друга, но работать вместе предпочитают как можно реже.</p>
<p>✦ отношения с триадой <b><span class="idd-caps">хэйлун</span> </b> — это чистый прагматизм без иллюзий. в гонконге <span class="idd-caps">МООД</span> не может действовать, игнорируя хэйлун. у триады есть доступ к территориям, информации и людям, к которым официальные структуры просто не дотягиваются. они обмениваются: <span class="idd-caps">МООД</span>— защиту, выборочную «слепоту» и иногда зачистки, которые выгодны триаде. хэйлун — данные, логистику и контроль улиц. никто не считает это союзом. это сделка, которая держится ровно до тех пор, пока выгодна обеим сторонам.</p>
<p>✦ <b><span class="idd-caps">симбиот</span></b> для <span class="idd-caps">МООД</span> — неудобная, но неизбежная реальность. они не организация в классическом смысле, их невозможно полностью контролировать или встроить в систему. при этом симбиот слишком глубоко вшит в городскую среду, чтобы его игнорировать. иногда они становятся источником информации. иногда — источником проблем. <span class="idd-caps">МООД</span> периодически пытается вербовать отдельных участников, так как среди молодежи есть очень много компетентный контрактников и одержимых, но удержать их почти невозможно. для части охотников симбиот — это потенциальный ресурс. для другой части — риск, который рано или поздно придётся подавить.</p>
</div>
</div>
</div>
<div class="idd-panel idd-panel-2">
<div class="idd-block">
<div class="idd-subtitle">женева</div>
<div class="idd-text">
<p> <b>центральный штаб</b>. расположен в женеве и выполняет исключительно административные функции. это единственный штаб без выхода к морю: после открытия разлома в южно-китайском море мировые акватории находятся под усиленным наблюдением, и размещение главного координационного узла вдали от побережья считается вопросом стратегической безопасности.</p>
<p>в центральном штабе заседает совет директоров, который координирует работу остальных подразделений, распределяет ресурсы, утверждает крупные операции и решает вопросы межрегионального подчинения.</p>
</div>
</div>
<div class="idd-block">
<div class="idd-subtitle">восточная азия</div>
<div class="idd-text">
<p>первым и долгое время самым опытным считался штаб в сингапуре. именно там концентрировались сильнейшие охотники региона, однако после атаки демона-цунами город-государство вместе со штабом и большей частью личного состава был уничтожен.</p>
<p>новый восточно-азиатский штаб был выстроен в <b>гонконге</b>. это самое молодое и пока ещё не до конца сформировавшееся подразделение, которому пришлось буквально заново собирать себя после катастрофы. из-за этого гонконгский штаб одновременно считается перспективным и самым нестабильным.</p>
</div>
</div>
<div class="idd-block">
<div class="idd-subtitle">америка</div>
<div class="idd-text">
<p><b>североамериканский штаб</b> находится на гавайях и официально носит репутацию самого результативного. именно силы этого подразделения нанесли решающий удар по демону-цунами, и с тех пор североамериканцы с удовольствием поддерживают за собой статус лучшего боевого штаба.</p>
<p><b>южноамериканский штаб</b> расположен в рио-де-жанейро. он постоянно соперничает с североамериканским, в том числе из-за старых юридических споров вокруг идеи объединить оба подразделения в единый американский штаб под покровительством сша.</p>
</div>
</div>
<div class="idd-block">
<div class="idd-subtitle">европа, евразия и африка</div>
<div class="idd-text">
<p><b>европейский штаб</b> расположен на гибралтаре и считается самым крупным. европа остаётся сравнительно спокойным регионом с минимальным количеством разломов, поэтому европейских охотников часто отправляют в помощь коллегам из менее удачливых зон.</p>
<p>именно у европейского штаба есть полу независимое подразделение — <b>евразийский штаб</b> с дислокацией в мурманске. ближний восток относится к европейскому направлению, а центральная азия — к евразийскому.</p>
<p><b>африканский штаб</b> располагается на мадагаскаре. до переноса восточно-азиатского центра в гонконг именно он считался самым молодым и наименее опытным подразделением.</p>
</div>
</div>
<div class="idd-block">
<div class="idd-subtitle">чего нет</div>
<div class="idd-text">
<p>отдельного штаба в австралии на данный момент не существует. регион остаётся слишком неудобным с точки зрения логистики и приоритетов распределения ресурсов, поэтому вопрос его создания регулярно обсуждают, но пока не реализуют.</p>
</div>
</div>
</div>
<div class="idd-panel idd-panel-3">
<div class="idd-block">
<div class="idd-subtitle">о структуре</div>
<div class="idd-text">
<p>во всех региональных штабах действует одна и та же базовая структура. над отделом стоит <b><span class="idd-caps">всб</span></b>, ниже — <b>центральный штаб</b> в женеве, затем — <b>директора штабов</b>, отвечающие за координацию конкретного региона. ниже начинаются профильные подразделения со своими капитанами или внутренним управлением.</p>
</div>
</div>
<div class="idd-block">
<div class="idd-subtitle">подразделение ликвидаторов</div>
<div class="idd-text">
<p> это наиболее узнаваемые полевые сотрудники <span class="idd-caps">моод</span>. они устраняют малые и средние угрозы, ведут охоту на незаконных контрактников и работают на местах там, где ситуацию ещё можно взять под контроль без применения тяжёлых сил.</p>
<p>состоят в основном из контрактников и контролируемых одержимых. могут действовать в одиночку, но чаще работают парами или тройками.</p>
<p>ликвидатор обладает правом ареста и применения силы (в том числе способностей по контракту) для немедленного уничтожения исходящей угрозы. на законных основаниях владеют огнестрельным оружием и спецсредствами. нападение на ликвидатора расценивается как сопротивление представителю органов власти. </p>
<p>сотрудник вправе перенимать у полиции дело, если имеются подозрения о том, что оно связано с демонами. как правило самыми первыми являются на вызов и оценивают ситуацию, по возможности своими силами нейтрализуют угрозу от демона или одержимого, реже принимают решение о вызове подразделения быстрого реагирования/ морского патруля. в случае совместной работы <span class="idd-caps">моод</span> и <span class="idd-caps">нииэд</span> чаще ликвидаторы обеспечивают безопасность ученых. старшие охотники, как самые опытные, могут работать в одиночку. охотники чаще работают вдвоем, иногда к ним приставляют стажера. лейтенанты считаются элитой внутри подразделения и обладают полномочиями вызова нескольких отрядов ликвидаторов, возглавляя подобные импровизированные группы. </p>
<p>ликвидатор обязан иметь при себе удостоверение, содержащее имя, фотографию и звание, поскольку иные знаки отличия у них отсутствуют. форма представляет собой классический костюм-двойку, преимущественно черного цвета с белой рубашкой, но более опытные охотники могут подчеркнуть собственную индивидуальность. часто носят легкий бронежилет. парадная форма похожа на униформу полиции или армии, имеют знаки отличия в зависимости от звания. </p>
</div>
</div>
<div class="idd-block">
<div class="idd-subtitle">подразделение быстрого реагирования</div>
<div class="idd-text">
<p>бойцы спецназа, которых отправляют на угрозы высшего уровня. это наиболее подготовленные солдаты, часто с военным прошлым, и для них контракт с демоном обязателен. служба в этом подразделении считается одной из самых результативных и одной из самых смертельных.
</p>
<p>как правило всегда работают в группе по четыре-пять человек, которую возглавляет старший охотник. стажеры могут участвовать в боевых операциях, но не имеют права вступать в бой без прямого приказа командира. обычно в отряде всегда присутствует медик (либо боец, владеющий целительными способностями). лейтенанты возглавляют несколько отрядов одновременно. сотрудники подразделения обладают правом открывать огонь на поражение для любой угрозы, даже против нарушителя сцепленного периметра. вмешиваться в работу спецназа запрещено. </p>
<p>внешне напоминают футуристичных солдат, оснащенных передовыми технологиями для борьбы с демонической угрозой, форма темно-серая, городской камуфляж. оружие каждый выбирает по личным предпочтениям. в свободное от боевых операций время, усиленно тренируются в штабе. каждый боец вправе запросить перевод в ликвидаторы, если его психологическое состояние не позволяет продолжать работу. тяжелораненых переводят в ликвидаторы независимо от желания. </p>
<p>посылаются на угрозы высшего уровня. нечасто доживают до пенсии..</p>
</div>
</div>
<div class="idd-block">
<div class="idd-subtitle">офис предупреждений и расследований</div>
<div class="idd-text">
<p>сотрудники, обеспечивающие мониторинг разломов в пределах заданного региона, а также детективы, расследующие преступления, связанные с демонами. в отличие от "полевых" структур, заключение контракта с демоном не является обязательным условием, поскольку большую часть времени они проводят в офисе. </p>
<p>детектив (чаще в звании старшего охотника) выезжает на место в сопровождении одного или двух ликвидаторов, обязан передавать все результаты расследования им же по первому запросу. отдел отвечает и за передачу данных в <span class="idd-caps">нииэд</span>. форма детективов не отличается от формы ликвидаторов. </p>
<p>диспетчеры и сотрудники мониторинга обязаны носить форму с символикой <span class="idd-caps">всб</span>и <span class="idd-caps">моод</span>. обычно это строгие брюки, куртка с нашивками и кепи. </p>
</div>
</div>
<div class="idd-block">
<div class="idd-subtitle">морской патруль</div>
<div class="idd-text">
<p>морской патруль есть у каждого штаба. основная ставка делается не на тяжёлые корабли, а на небольшие и быстрые суда, способные оперативно доставить группу к месту прорыва. Корабли оснащены аппаратурой для отслеживания демонов и разломов на воде.</p>
<p> морской патруль вправе брать на корабль бойцов подразделения быстрого реагирования, если имеется угроза встречи с демонами. помимо настоящего капитана, административного отдела, на каждом судне присутствует свой “капитан”, скорее всего в звании старшего охотника. за судном закреплен индивидуальный номер и, разумеется, имя. в морском патруле могут присутствовать ученые, тогда кораблю присваивается статус научной экспедиции. </p>
<p>форма свободная, но сотрудники обязаны носить опознавательные знаки и оранжевый/желтый жилет. </p>
</div>
</div>
<div class="idd-block">
<div class="idd-subtitle">чистильщики</div>
<div class="idd-text">
<p>рядовой персонал, состоящий из наемных работников, которым поручается гражданская работа по ликвидации последствий войны с демонами. они отстраивают городскую инфраструктуру, оценивают ущерб, общаются с пострадавшими. малозаметная, но очень важная работа, которую всегда недооценивают и очень зря.</p>
<p>форма идентична с сотрудниками офиса предупреждений и расследований, но отличается вышивкой “ЧИСТИЛЬЩИК” позади куртки. городские службы обязаны содействовать сотрудникам или не препятствовать проведению работ. чистильщики могут оценивать причиненный ущерб и передают данные высшему руководству. </p>
</div>
</div>
</div>
<div class="idd-panel idd-panel-4">
<div class="idd-block">
<div class="idd-q"><span class="idd-caps">моод</span>— это армия, спецслужба или международное агентство?</div>
<div class="idd-a">формально — международный специализированный отдел безопасности при <span class="idd-caps">всб</span>. на практике он сочетает в себе черты спецслужбы, военной структуры, кризисного ведомства и глобальной охотничьей организации.</div>
</div>
<div class="idd-block">
<div class="idd-q">обязателен ли контракт с демоном для службы?</div>
<div class="idd-a">нет. для ликвидаторов и спецназа контракт почти обязателен, а вот в офисе предупреждений и расследований, диспетчерских службах и части административных ролей можно работать и без него.</div>
</div>
<div class="idd-block">
<div class="idd-q">почему центральный штаб находится именно в женеве?</div>
<div class="idd-a">потому что женева не имеет выхода к морю и считается более безопасной точкой для центрального управления после событий в южно-китайском море. плюс это удобный нейтральный административный узел.</div>
</div>
<div class="idd-block">
<div class="idd-q">какой штаб считается самым сильным?</div>
<div class="idd-a">исторически таким считался старый сингапурский штаб, но после его гибели первенство по репутации и результативности перешло к североамериканскому подразделению на гавайях.</div>
</div>
<div class="idd-block">
<div class="idd-q">чем ликвидаторы отличаются от спецназа?</div>
<div class="idd-a">ликвидаторы работают с малыми и средними угрозами, часто действуют гибко и малыми группами. спецназ отправляют на угрозы высшего уровня, где нужна тяжёлая подготовка, штурм и готовность сгореть на работе быстрее, чем успеешь привыкнуть к званию.</div>
</div>
<div class="idd-block">
<div class="idd-q">зачем <span class="idd-caps">моод</span> собственный флот, если обычное корабельное оружие мало помогает?</div>
<div class="idd-a">флот нужен не для классических морских боёв, а для скорости, доставки отрядов, наблюдения за разломами и работы по акваториям, где сухопутные силы бесполезны или опаздывают.</div>
</div>
<div class="idd-block">
<div class="idd-q">почему у европейского штаба есть отдельный евразийский?</div>
<div class="idd-a">зз-за масштаба территории, логистики и специфики регионов. формально он связан с европейским направлением, но на практике слишком велик и своеобразен, чтобы управляться как обычное внутреннее подразделение.</div>
</div>
<div class="idd-block">
<div class="idd-q">чистильщики — это тоже охотники?</div>
<div class="idd-a">нет, это в основном наёмный гражданский персонал. именно они возвращают городу пригодный вид после того, как охотники закончили свою часть работы.</div>
</div>
<div class="idd-block">
<div class="idd-q">почему у австралии до сих пор нет собственного штаба?</div>
<div class="idd-a">потому что создание нового штаба требует колоссальных денег, флота, людей и политической воли. пока другие регионы считаются приоритетнее, австралийское направление остаётся вопросом будущего.</div>
</div>
<div class="idd-block">
<div class="idd-q">может ли моод охотиться на людей, а не только на демонов?</div>
<div class="idd-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');
.idd2-spoiler{
width:920px;
margin:0 auto;
font-family:'Manrope', sans-serif;
}
.idd2-summary{
display:block;
width:220px;
margin:0 350px 18px;
background:#111111;
color:#9bcb01;
text-align:center;
font-family:'Dela Gothic One', sans-serif;
font-size:10px;
line-height:1.1;
letter-spacing:.1px;
padding:9px 12px;
box-sizing:border-box;
cursor:pointer;
list-style:none;
}
.idd2-summary::-webkit-details-marker{
display:none;
}
.idd2-spoiler[open] .idd2-summary{
color:#646464;
}
.idd2-tree{
width:920px;
height:640px;
margin:0 auto;
position:relative;
background:transparent;
font-family:'Manrope', sans-serif;
}
.idd2-node{
position:absolute;
background:#000;
color:#fff;
font-family:'Dela Gothic One', sans-serif;
font-size:10px;
line-height:1.15;
text-transform:uppercase;
text-align:center;
padding:7px 10px;
box-sizing:border-box;
letter-spacing:.2px;
z-index:2;
}
.idd2-line{
position:absolute;
background:#111;
z-index:1;
}
.idd2-v{
width:2px;
}
.idd2-h{
height:2px;
}
/* верх */
.idd2-wsb{ left:355px; top:18px; width:214px; }
.idd2-central{ left:355px; top:72px; width:214px; }
.idd2-directors{ left:355px; top:126px; width:214px; }
/* колонка 1 */
.idd2-cap1{ left:22px; top:244px; width:162px; }
.idd2-unit1{ left:22px; top:286px; width:162px; min-height:50px; display:flex; align-items:center; justify-content:center; }
/* колонка 2 */
.idd2-cap2{ left:203px; top:244px; width:162px; }
.idd2-unit2{ left:203px; top:286px; width:162px; min-height:50px; display:flex; align-items:center; justify-content:center; }
/* колонка 3 */
.idd2-cap3{ left:384px; top:244px; width:162px; }
.idd2-unit3{ left:384px; top:286px; width:162px; min-height:50px; display:flex; align-items:center; justify-content:center; }
/* колонка 4 */
.idd2-cap4{ left:565px; top:244px; width:162px; }
.idd2-unit4{ left:565px; top:286px; width:162px; min-height:50px; display:flex; align-items:center; justify-content:center; }
/* колонка 5 */
.idd2-manage{ left:744px; top:244px; width:164px; font-size:9px; }
.idd2-clean{ left:744px; top:286px; width:164px; min-height:50px; display:flex; align-items:center; justify-content:center; }
.idd2-hired{ left:748px; top:432px; width:160px; }
/* нижняя центральная стопка */
.idd2-r1{ left:289px; top:392px; width:170px; }
.idd2-r2{ left:289px; top:433px; width:170px; }
.idd2-r3{ left:289px; top:474px; width:170px; }
.idd2-r4{ left:289px; top:515px; width:170px; }
.idd2-r5{ left:289px; top:556px; width:170px; }
/* линии сверху вниз */
.idd2-l1{ left:465px; top:47px; height:23px; }
.idd2-l2{ left:465px; top:101px; height:23px; }
.idd2-l3{ left:465px; top:157px; height:55px; }
.idd2-l4{ left:103px; top:212px; width:724px; }
.idd2-l5{ left:103px; top:212px; height:32px; }
.idd2-l6{ left:284px; top:212px; height:32px; }
.idd2-l7{ left:465px; top:212px; height:32px; }
.idd2-l8{ left:646px; top:212px; height:32px; }
.idd2-l9{ left:826px; top:212px; height:32px; }
/* от верхних блоков к составам */
.idd2-l10{ left:103px; top:272px; height:14px; }
.idd2-l11{ left:284px; top:272px; height:14px; }
.idd2-l12{ left:465px; top:272px; height:14px; }
.idd2-l13{ left:646px; top:272px; height:14px; }
.idd2-l14{ left:826px; top:272px; height:14px; }
/* от чистильщиков к наёмному персоналу */
.idd2-l21{ left:826px; top:336px; height:96px; }
</style>
<details class="idd2-spoiler">
<summary class="idd2-summary">структура для наглядности</summary>
<div class="idd2-tree">
<div class="idd2-node idd2-wsb">ВСБ</div>
<div class="idd2-node idd2-central">ЦЕНТРАЛЬНЫЙ ШТАБ</div>
<div class="idd2-node idd2-directors">ДИРЕКТОРА ШТАБОВ</div>
<div class="idd2-node idd2-cap1">КАПИТАН</div>
<div class="idd2-node idd2-unit1">ЛИКВИДАЦИЯ<br>(СОСТАВ)</div>
<div class="idd2-node idd2-cap2">КАПИТАН</div>
<div class="idd2-node idd2-unit2">СПЕЦНАЗ<br>(СОСТАВ)</div>
<div class="idd2-node idd2-cap3">КАПИТАН</div>
<div class="idd2-node idd2-unit3">СЛЕДОВАТЕЛИ<br>(СОСТАВ)</div>
<div class="idd2-node idd2-cap4">КАПИТАН</div>
<div class="idd2-node idd2-unit4">ФЛОТ<br>(СОСТАВ)</div>
<div class="idd2-node idd2-manage">ОТДЕЛ РУКОВОДСТВА</div>
<div class="idd2-node idd2-clean">ЧИСТИЛЬЩИКИ<br>(СОСТАВ)</div>
<div class="idd2-node idd2-hired">НАЕМНЫЙ ПЕРСОНАЛ</div>
<div class="idd2-line idd2-v idd2-l1"></div>
<div class="idd2-line idd2-v idd2-l2"></div>
<div class="idd2-line idd2-v idd2-l3"></div>
<div class="idd2-line idd2-h idd2-l4"></div>
<div class="idd2-line idd2-v idd2-l5"></div>
<div class="idd2-line idd2-v idd2-l6"></div>
<div class="idd2-line idd2-v idd2-l7"></div>
<div class="idd2-line idd2-v idd2-l8"></div>
<div class="idd2-line idd2-v idd2-l9"></div>
<div class="idd2-line idd2-v idd2-l10"></div>
<div class="idd2-line idd2-v idd2-l11"></div>
<div class="idd2-line idd2-v idd2-l12"></div>
<div class="idd2-line idd2-v idd2-l13"></div>
<div class="idd2-line idd2-v idd2-l14"></div>
<div class="idd2-line idd2-v idd2-l15"></div>
<div class="idd2-line idd2-v idd2-l16"></div>
<div class="idd2-line idd2-v idd2-l17"></div>
<div class="idd2-line idd2-v idd2-l18"></div>
<div class="idd2-line idd2-h idd2-l19"></div>
<div class="idd2-line idd2-v idd2-l20"></div>
<div class="idd2-line idd2-v idd2-l21"></div>
<div class="idd2-line idd2-v idd2-l22"></div>
<div class="idd2-line idd2-v idd2-l23"></div>
<div class="idd2-line idd2-v idd2-l24"></div>
<div class="idd2-line idd2-v idd2-l25"></div>
</div>
</details>
[/html]


