однажды в чикаго

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

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


Вы здесь » однажды в чикаго » Матчасть » Мафия


Мафия

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

1

[hideprofile]
[html]
<style>
.triad-wrapper { background: #c3c3be; border: 2px solid #2d2d2d; padding: 30px 15px; font-family: 'Franklin Gothic Medium', Courier, monospace; font-size: 14px; color: #2d2d2d; max-width: 950px; margin: 20px auto; }
.triad-title { text-align: center; font-size: 22px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; border-bottom: 2px solid #2d2d2d; padding-bottom: 15px; margin-bottom: 35px; }

.triad-main-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; width: 100%; position: relative; }

.triad-main-grid::before { content: ''; position: absolute; top: 25px; left: 16.6%; right: 16.6%; height: 2px; background: #2d2d2d; z-index: 1; }
.triad-branch-wrap { display: flex; flex-direction: column; align-items: center; position: relative; }

.triad-node { padding: 10px 15px; border: 2px solid #2d2d2d; background: #b8b8b2; z-index: 2; box-shadow: 3px 3px 0px rgba(0,0,0,0.1); text-align: center; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; }

.branch-blue .triad-node { border-left: 5px solid #1c355e; }
.branch-red .triad-node { border-left: 5px solid #7d1414; }
.branch-white .triad-node { border-left: 5px solid #e2e2d9; }
.triad-name { font-weight: bold; text-transform: uppercase; font-size: 13px; margin-bottom: 4px; }
.triad-desc { font-size: 11px; color: #4a4a45; text-transform: none; line-height: 1.3; border-top: 1px dotted #9e9e97; padding-top: 4px; margin-top: 6px; }

.triad-line-v { width: 2px; height: 25px; background: #2d2d2d; flex-shrink: 0; }

.triad-children-row { display: grid; grid-template-columns: 1fr 1fr; width: 100%; position: relative; }

.triad-children-row::before { content: ''; position: absolute; top: 0; left: 25%; right: 25%; height: 2px; background: #2d2d2d; }

.triad-child-wrap { display: flex; flex-direction: column; align-items: center; position: relative; padding-top: 25px; }
.triad-child-wrap::before { content: ''; position: absolute; top: 0; left: 50%; width: 2px; height: 25px; background: #2d2d2d; }

.triad-child-wrap .triad-node { background: #c3c3be; box-shadow: 2px 2px 0px rgba(0,0,0,0.05); width: 90%; }
</style>

<div class="triad-wrapper">
<div class="triad-title">ПРИЗРАКИ ЯНЦЗЫ</div>
<div style="text-align: center; margin: 20px auto; max-width: 150px;">
<svg viewBox="0 0 100 100" xmlns="http://w3.org" style="width: 100%; height: auto; filter: drop-shadow(0px 4px 6px rgba(0,0,0,0.4));">
<circle cx="50" cy="50" r="46" fill="none" stroke="#1c355e" stroke-width="3"/>
<circle cx="50" cy="50" r="41" fill="none" stroke="#1c355e" stroke-width="1" opacity="0.7"/>
<path d="M 14,72 Q 23,67 32,72 T 50,72 T 68,72 T 86,72" fill="none" stroke="#1c355e" stroke-width="3" stroke-linecap="round"/>
<path d="M 9,79 Q 21,75 33,79 T 57,79 T 81,79 T 91,79" fill="none" stroke="#1c355e" stroke-width="2" opacity="0.6" stroke-linecap="round"/>
<path d="M 12,86 Q 26,83 40,86 T 68,86 T 88,86" fill="none" stroke="#1c355e" stroke-width="1.5" opacity="0.3"/>
<text x="50" y="44" font-family="'SimHei', 'Microsoft YaHei', 'Arial Black', sans-serif" font-size="38" font-weight="bold" fill="#1c355e" text-anchor="middle" dominant-baseline="middle">幽</text>
<line x1="50" y1="4" x2="50" y2="10" stroke="#1c355e" stroke-width="2.5"/>
<line x1="50" y1="90" x2="50" y2="96" stroke="#1c355e" stroke-width="2.5"/>
</svg>
</div>

Преступный синдикат, сформированный в чикагских тонгах беженцами из коммунистического Китая в конце 1940-х годов. Начиная простой группировкой из Чайна-Тауна, Призраки Янцзы образовали костяк из искусников и ветеранов гражданской войны на их родине, после исчезновения криминальных баронов обладая наибольшим числом нелегальных обладателей артефактов в Чикаго. Они монополизировали портовый трафик и судоходную логистику, традиционно маскируя незаконные операции под легальный бизнес компании по импорту морских деликатесов «Yangtze Trading Co.».
<br><br>
<b>Состав:</b> люди (особенно ценятся искусники) и зверолюды.<br>
<b>Деятельность:</b> портовая контрабанда, логистический рэкет, ввоз и укрывательство нелегалов, фальшивомонетничество, ростовщичество.
<br><br>
<b>Структура:</b> триада.

<br><br>

<div class="triad-main-grid">

<!-- ВЕТКА: СИНИЙ ДРАКОН -->
<div class="triad-branch-wrap branch-blue">
<div class="triad-node" style="width: 85%;">
<div class="triad-name">Синий дракон</div>
<div class="triad-desc">Главный стратег и публичное лицо</div>
</div>
<div class="triad-line-v"></div>

<div class="triad-children-row">
<div class="triad-child-wrap">
<div class="triad-node">
<div class="triad-name">Лоцманы</div>
<div class="triad-desc">Территориальные управляющие</div>
</div>
</div>
<div class="triad-child-wrap">
<div class="triad-node">
<div class="triad-name">Сандалии</div>
<div class="triad-desc">Дипломаты и переговорщики</div>
</div>
</div>
</div>
</div>

<!-- ВЕТКА: КРАСНЫЙ ШЕСТ -->
<div class="triad-branch-wrap branch-red">
<div class="triad-node" style="width: 85%;">
<div class="triad-name">Красный шест</div>
<div class="triad-desc">Силовой министр</div>
</div>
<div class="triad-line-v"></div>

<div class="triad-children-row">
<div class="triad-child-wrap">
<div class="triad-node">
<div class="triad-name">Речные демоны</div>
<div class="triad-desc">Ликвидаторы и профессиональные киллеры</div>
</div>
</div>
<div class="triad-child-wrap">
<div class="triad-node">
<div class="triad-name">Утопленники</div>
<div class="triad-desc">Агентурная сеть: информаторы, связные, уличные наблюдатели и соглядатаи</div>
</div>
</div>
</div>
</div>

<!-- ВЕТКА: БЕЛЫЙ ВЕЕР -->
<div class="triad-branch-wrap branch-white">
<div class="triad-node" style="width: 85%;">
<div class="triad-name">Белый веер</div>
<div class="triad-desc">Старший казначей и аналитик</div>
</div>
<div class="triad-line-v"></div>

<div class="triad-children-row">
<div class="triad-child-wrap">
<div class="triad-node">
<div class="triad-name">Гребцы</div>
<div class="triad-desc">Доверенные исполнители</div>
</div>
</div>
<div class="triad-child-wrap">
<div class="triad-node">
<div class="triad-name">Моряки</div>
<div class="triad-desc">Посыльные и курьеры</div>
</div>
</div>
</div>
</div>

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

0

2

[hideprofile]
[html]<style>
.outfit-wrapper { background: #c3c3be; border: 2px solid #2d2d2d; padding: 30px 15px; font-family: 'Franklin Gothic Medium', Courier, monospace; font-size: 14px; color: #2d2d2d; max-width: 950px; margin: 20px auto; }
.outfit-title { text-align: center; font-size: 22px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; border-bottom: 2px solid #2d2d2d; padding-bottom: 15px; margin-bottom: 35px; }
.outfit-intro { font-size: 14px; line-height: 1.4; margin-bottom: 30px; padding: 0 10px; text-align: justify; border-bottom: 1px solid #2d2d2d; padding-bottom: 20px; }
.outfit-row { display: flex; justify-content: center; width: 100%; position: relative; }
.outfit-branch { display: flex; flex-direction: column; align-items: center; width: 100%; }
.outfit-node { padding: 10px 15px; border: 2px solid #2d2d2d; background: #b8b8b2; z-index: 2; box-shadow: 3px 3px 0px rgba(0,0,0,0.1); text-align: center; box-sizing: border-box; display: flex; flex-direction: column; }
.mark-don { border-left: 5px solid #1a1a1a; width: 85%; margin: 0 auto; }
.mark-managment { border-left: 5px solid #1a1a1a; width: 90%; margin: 0 auto; }
.mark-middle-boss { border-left: 5px solid #5a5a55; width: 60%; margin: 0 auto; }
.mark-middle { border-left: 5px solid #5a5a55; width: 90%; margin: 0 auto; }
.mark-lower { border-left: 5px solid #d9d9d2; width: 90%; margin: 0 auto; }
.node-name { font-weight: bold; text-transform: uppercase; font-size: 13px; margin-bottom: 4px; }
.outfit-desc { font-size: 11px; color: #4a4a45; text-transform: none; line-height: 1.3; border-top: 1px dotted #9e9e97; padding-top: 4px; margin-top: 4px; }

.line-v { width: 2px; height: 25px; background: #2d2d2d; flex-shrink: 0; }

.grid-top-management { display: grid; grid-template-columns: 1fr 1fr; width: 100%; position: relative; }
.grid-top-management::before { content: ''; position: absolute; top: 0; left: 22%; right: 28%; height: 2px; background: #2d2d2d; }
.wrap-top-management { display: flex; flex-direction: column; align-items: center; position: relative; padding-top: 25px; }
.wrap-top-management::before { content: ''; position: absolute; top: 0; left: 50%; width: 2px; height: 25px; background: #2d2d2d; }

.grid-four-columns { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; width: 100%; position: relative; }
.grid-four-columns::before { content: ''; position: absolute; top: 0; left: 13%; right: 12.5%; height: 2px; background: #2d2d2d; }
.wrap-four-columns { display: flex; flex-direction: column; align-items: center; position: relative; padding-top: 25px; }
.wrap-four-columns::before { content: ''; position: absolute; top: 0; left: 50%; width: 2px; height: 25px; background: #2d2d2d; }
</style>

<div class="outfit-wrapper">
<div class="outfit-title">СЕМЬЯ ВАРЕЗЕ</div>
<div style="text-align: center; margin: 20px auto; max-width: 150px;">
<svg viewBox="0 0 100 100" xmlns="http://w3.org" style="width: 100%; height: auto; filter: drop-shadow(0px 4px 8px rgba(0,0,0,0.3));">
<path d="M 28,25 L 43,65 Q 45,78 48,82 L 50,88 L 52,82 Q 55,78 57,65 L 72,25 L 62,25 L 52,58 Q 50,65 50,65 Q 50,65 48,58 L 38,25 Z" fill="#7d1414" stroke="#2d2d2d" stroke-width="1.5" stroke-linejoin="round"/>
<path d="M 50,86 C 48,88 47,91 47,93 C 47,95 48.5,96.5 50,96.5 C 51.5,96.5 53,95 53,93 C 53,91 52,88 50,86 Z" fill="#a81919"/>
</svg>
</div>
<div class="outfit-intro">
Филиал итальянской мафии, возглавляемый старинным кланом неаполитанских вампиров из кровной линии Варезе. Как и многие нелегальные сообщества США, Варезе существенно обогатились в эпоху Сухого закона, подмяв под себя строительные фирмы с игорным бизнесом, а продажные чиновники городской администрации лишь упрочили их респектабельное положение после исчезновения криминальных баронов. Многие фигуранты процессов Нюрнбергского трибунала, бежавшие из Европы в США, осели в эшелонах семьи Варезе.
<br><br>
<b>Состав:</b> вампиры (высшее руководство) и люди.<br>
<b>Деятельность:</b> игорный бизнес, строительный подряд, взяточничество, financial махинации и отмывание средств, предоставление политического убежища.<br>
<b>Структура:</b> клан.
</div>
<!-- УРОВЕНЬ 1: ДОН -->
<div class="outfit-row">
<div class="outfit-branch" style="width: 100%;">
<div class="outfit-node mark-don">
<div class="node-name">Дон</div>
<div class="outfit-desc">Абсолютный лидер, контролирующий связи с мэрией и координирующий общую стратегию</div>
</div>
<div class="line-v"></div>
<!-- РАЗВЕТВЛЕНИЕ НА КОНСИЛЬЕРИ И ПОДРУЧНОГО -->
<div class="grid-top-management">
<!-- Левая ветка: Консильери (тупиковая) -->
<div class="wrap-top-management">
<div class="outfit-node mark-managment">
<div class="node-name">Консильери</div>
<div class="outfit-desc">Главный советник и юрист, координирующий легальный бизнес семьи</div>
</div>
</div>
<!-- Правая ветка: Подручный (от него идет всё древо вниз) -->
<div class="wrap-top-management">
<div class="outfit-node mark-managment">
<div class="node-name">Подручный</div>
<div class="outfit-desc">Силовой руководитель, транслирующий приказы Дона непосредственным исполнителям</div>
</div>
<!-- ЛИНИЯ ВНИЗ ИСКЛЮЧИТЕЛЬНО ОТ ПОДРУЧНОГО -->
<div class="line-v" style="height: 35px;"></div>
<!-- УРОВЕНЬ 2: Капореджиме -->
<div class="outfit-node mark-middle-boss">
<div class="node-name">Капореджиме</div>
<div class="outfit-desc">Капитаны, каждый из которых управляет собственной командой на закрепленной территории</div>
</div>
<div class="line-v"></div>
<!-- ЧЕТЫРЕХКРАТНОЕ РАЗВЕТВЛЕНИЕ ПОД КАПО -->
<div class="grid-four-columns">
<!-- Ветка 1: Контракторы -->
<div class="wrap-four-columns">
<div class="outfit-node mark-middle" style="width: 90%;">
<div class="node-name">Контракторы</div>
<div class="outfit-desc">Наемные убийцы</div>
</div>
</div>
<!-- Ветка 2: Букмекеры -->
<div class="wrap-four-columns">
<div class="outfit-node mark-middle" style="width: 90%;">
<div class="node-name">Букмекеры</div>
<div class="outfit-desc">Мелкие управляющие</div>
</div>
</div>
<!-- Ветка 3: Солдаты -->
<div class="wrap-four-columns">
<div class="outfit-node mark-lower" style="width: 90%;">
<div class="node-name">Солдаты</div>
<div class="outfit-desc">Инициированные члены семьи</div>
</div>
</div>
<!-- Ветка 4: Соучастники -->
<div class="wrap-four-columns">
<div class="outfit-node mark-lower" style="width: 90%;">
<div class="node-name">Соучастники</div>
<div class="outfit-desc">Рядовые исполнители на побегушках у Капо</div>
</div>
</div>
</div>
</div> <!-- Конец ветки подручного -->
</div>
</div>
</div>
</div>

[/html]

0

3

[hideprofile]
[html]<style>
.brotherhood-wrapper { background: #c3c3be; border: 2px solid #2d2d2d; padding: 30px 15px; font-family: 'Franklin Gothic Medium', Courier, monospace; color: #2d2d2d; max-width: 950px; margin: 20px auto; }
.brotherhood-title { text-align: center; font-size: 22px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; border-bottom: 2px solid #2d2d2d; padding-bottom: 15px; margin-bottom: 35px; }
.brotherhood-intro { font-size: 14px; line-height: 1.4; margin-bottom: 30px; padding: 0 10px; text-align: justify; border-bottom: 1px solid #2d2d2d; padding-bottom: 20px; }

.brotherhood-top-grid { display: grid; grid-template-columns: 1fr 1fr; width: 100%; position: relative; }

.brotherhood-top-grid::before { content: ''; position: absolute; top: 25px; left: 25%; right: 25%; height: 2px; background: #2d2d2d; z-index: 1; }
.brotherhood-top-wrap { display: flex; flex-direction: column; align-items: center; position: relative; }
/* Центральный спуск от соединительной линии верхушки вниз к подчиненным */
.brotherhood-top-grid::after { content: ''; position: absolute; top: 25px; left: 50%; width: 2px; height: 80px; background: #2d2d2d; z-index: 1; }

.brotherhood-node { padding: 10px 15px; border: 2px solid #2d2d2d; background: #b8b8b2; z-index: 2; box-shadow: 3px 3px 0px rgba(0,0,0,0.1); text-align: center; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; }

.branch-patriarch .brotherhood-node { border-left: 5px solid #0d3a20; }
.branch-brigadiers .brotherhood-node { border-left: 5px solid #d65d0e; }
.brotherhood-stem-wrap .brotherhood-node { border-left: 5px solid #0d3a20; }
.brotherhood-name { font-weight: bold; text-transform: uppercase; font-size: 13px; margin-bottom: 4px; }
.brotherhood-desc { font-size: 11px; color: #4a4a45; text-transform: none; line-height: 1.3; border-top: 1px dotted #9e9e97; padding-top: 4px; margin-top: 6px; }

.brotherhood-line-v { width: 2px; height: 25px; background: #2d2d2d; flex-shrink: 0; }

.brotherhood-bottom-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; width: 100%; position: relative; margin-top: 35px; }

.brotherhood-bottom-grid::before { content: ''; position: absolute; top: 0; left: 16.6%; right: 16.6%; height: 2px; background: #2d2d2d; }
.brotherhood-stem-wrap { display: flex; flex-direction: column; align-items: center; position: relative; padding-top: 25px; }

.brotherhood-stem-wrap::before { content: ''; position: absolute; top: 0; left: 50%; width: 2px; height: 25px; background: #2d2d2d; }

.brotherhood-sub-node { background: #c3c3be !important; box-shadow: 2px 2px 0px rgba(0,0,0,0.05) !important; border-left: 5px solid #d65d0e !important; }
</style>

<!-- HTML-структура древа -->
<div class="brotherhood-wrapper">
<div class="brotherhood-title">СВОРА ВЕСТ-САЙДА</div>
<div style="text-align: center; margin: 20px auto; max-width: 150px;">
<svg viewBox="0 0 100 100" xmlns="http://w3.org" style="width: 100%; height: auto; filter: drop-shadow(0px 4px 6px rgba(0,0,0,0.4));">
<path d="M 46,6 L 12,20 L 16,55 L 46,94 Z" fill="none" stroke="#d65d0e" stroke-width="3" stroke-linejoin="round"/>
<path d="M 54,6 L 88,20 L 84,55 L 54,94 Z" fill="none" stroke="#0d3a20" stroke-width="3" stroke-linejoin="round"/>
<path d="M 32,25 C 34,35 31,52 23,65 C 22,67 25,66 26,63 C 33,50 37,35 34,25 Z" fill="#d65d0e"/>
<path d="M 44,16 C 46,28 44,52 33,72 C 32,74 35,73 37,69 C 47,51 50,30 46,16 Z" fill="#0d3a20"/>
<path d="M 56,16 C 52,30 55,51 65,69 C 67,73 70,74 69,72 C 58,52 56,28 58,16 Z" fill="#0d3a20"/>
<path d="M 68,25 C 65,35 69,50 76,63 C 77,66 80,67 79,65 C 71,52 68,35 66,25 Z" fill="#d65d0e"/>
</svg>
</div>
<div class="brotherhood-intro">
Противозаконная группировка, выросшая из этнических ирландских банд Вест-Сайда и рабочих чикагских скотобоен. Свора построена на родственных связях, круговой поруке и старой уличной культуре. После исчезновения старых криминальных баронов клан консолидировал вокруг себя недовольный рабочий класс и сформировал тяжеловесное преданное братство, готовое отстаивать свои интересы зубами и кулаками в соответствии с внутренним кодексом.
<br><br>
<b>Состав:</b> оборотни и люди.<br>
<b>Деятельность:</b> профсоюзы, грузовые перевозки, нелегальный оборот оружия, подпольные тотализаторы, бойцовские клубы.<br>
<b>Структура:</b> братство.
</div>
<!-- ВЕРХНИЙ РЯД (РУКОВОДСТВО) -->
<div class="brotherhood-top-grid">
<!-- Патриарх -->
<div class="brotherhood-top-wrap branch-patriarch">
<div class="brotherhood-node" style="width: 75%;">
<div class="brotherhood-name">Патриархи</div>
<div class="brotherhood-desc">Вожаки стай оборотней</div>
</div>
</div>
<!-- Бригадиры -->
<div class="brotherhood-top-wrap branch-brigadiers">
<div class="brotherhood-node" style="width: 75%;">
<div class="brotherhood-name">Бригадиры</div>
<div class="brotherhood-desc">Верховоды людских профсоюзов</div>
</div>
</div>
</div>
<!-- НИЖНИЙ РЯД (ТРОЙНОЕ РАЗВЕТВЛЕНИЕ) -->
<div class="brotherhood-bottom-grid">
<!-- Ветка 1: Смотрящие -> Уличные псы -->
<div class="brotherhood-stem-wrap">
<div class="brotherhood-node" style="width: 90%;">
<div class="brotherhood-name">Смотрящие</div>
<div class="brotherhood-desc">Управляющие грузовыми терминалами и складами</div>
</div>
<div class="brotherhood-line-v"></div>
<div class="brotherhood-node brotherhood-sub-node" style="width: 90%;">
<div class="brotherhood-name">Уличные псы</div>
<div class="brotherhood-desc">Низовые информаторы, наводчики и стукачи</div>
</div>
</div>
<!-- Ветка 2: Костоломы -> Бойцы -->
<div class="brotherhood-stem-wrap">
<div class="brotherhood-node" style="width: 90%;">
<div class="brotherhood-name">Костоломы</div>
<div class="brotherhood-desc">Элитная силовая ячейка</div>
</div>
<div class="brotherhood-line-v"></div>
<div class="brotherhood-node brotherhood-sub-node" style="width: 90%;">
<div class="brotherhood-name">Бойцы</div>
<div class="brotherhood-desc">Рядовые участники банды</div>
</div>
</div>
<!-- Ветка 3: Зазывалы -->
<div class="brotherhood-stem-wrap">
<div class="brotherhood-node" style="width: 90%;">
<div class="brotherhood-name">Зазывалы</div>
<div class="brotherhood-desc">Организаторы подпольных боев без правил и тотализаторов</div>
</div>
</div>
</div>
</div>
[/html]

0

4

[hideprofile]
[html]<style>
.sax-wrapper { background: #c3c3be; border: 2px solid #2d2d2d; padding: 30px 15px; font-family: 'Franklin Gothic Medium', Courier, monospace; color: #2d2d2d; max-width: 950px; margin: 20px auto; }
.sax-title { text-align: center; font-size: 22px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; border-bottom: 2px solid #2d2d2d; padding-bottom: 15px; margin-bottom: 35px; }
.sax-intro { font-size: 14px; line-height: 1.4; margin-bottom: 30px; padding: 0 10px; text-align: justify; border-bottom: 1px solid #2d2d2d; padding-bottom: 20px; }

.sax-main-row { display: flex; justify-content: space-between; gap: 15px; align-items: stretch; }
.sax-branch { flex: 1; display: flex; flex-direction: column; align-items: center; }

.sax-node { padding: 10px 15px; border: 2px solid #2d2d2d; background: #b8b8b2; z-index: 2; box-shadow: 3px 3px 0px rgba(0,0,0,0.1); text-align: center; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; height: 100%; }

.mark-producer { border-left: 5px solid #4a2d6b; width: 60%; margin: 0 auto; }
.mark-conductors { border-left: 5px solid #6b4494; width: 50%; margin: 0 auto; }
.mark-stem { border-left: 5px solid #885cb8; width: 95%; }
.sax-name { font-weight: bold; text-transform: uppercase; font-size: 13px; margin-bottom: 4px; }
.sax-desc { font-size: 11px; color: #4a4a45; text-transform: none; line-height: 1.3; border-top: 1px dotted #9e9e97; padding-top: 4px; margin-top: 6px; }

.sax-line-v { width: 2px; height: 25px; background: #2d2d2d; flex-shrink: 0; }

.sax-grid-triple { display: grid; grid-template-columns: 1fr 1fr 1fr; width: 100%; position: relative; }
.sax-grid-triple::before { content: ''; position: absolute; top: 0; left: 16.6%; right: 16.6%; height: 2px; background: #2d2d2d; }
.sax-wrap-node { display: flex; flex-direction: column; align-items: center; position: relative; padding-top: 25px; }
.sax-wrap-node::before { content: ''; position: absolute; top: 0; left: 49.5%; width: 2px; height: 25px; background: #2d2d2d; }
</style>

<div class="sax-wrapper">
<div class="sax-title">САКСОФОНИСТЫ</div>
<div style="text-align: center; margin: 20px auto; max-width: 150px;">
<svg viewBox="0 0 100 100" xmlns="http://w3.org" style="width: 100%; height: auto; filter: drop-shadow(0px 4px 6px rgba(0,0,0,0.4));">
<path d="M 50,5 L 90,50 L 50,95 L 10,50 Z" fill="none" stroke="#4a2d6b" stroke-width="2.5" stroke-linejoin="round"/>
<path d="M 50,11 L 84,50 L 50,89 L 16,50 Z" fill="none" stroke="#a179cf" stroke-width="1" opacity="0.6" stroke-linejoin="round"/>
<path d="M 38,20 C 38,20 34,25 34,35 C 34,55 52,65 52,78 C 52,84 46,88 40,88 C 34,88 30,83 32,74 C 33,70 36,68 36,65 C 36,60 30,62 28,68 C 26,76 30,94 42,94 C 56,94 60,82 60,74 C 60,58 42,48 42,36 C 42,28 46,24 46,24 Z" fill="#4a2d6b" stroke="#a179cf" stroke-width="1.5" stroke-linejoin="round"/>
<circle cx="37" cy="40" r="2" fill="#a179cf"/>
<circle cx="39" cy="48" r="2" fill="#a179cf"/>
<circle cx="43" cy="56" r="2" fill="#a179cf"/>
<path d="M 54,24 L 64,18 L 72,24 L 62,30 Z M 62,30 L 72,24 L 72,34 L 62,40 Z M 54,24 L 62,30 L 62,40 L 54,34 Z" fill="#a179cf" stroke="#4a2d6b" stroke-width="1" stroke-linejoin="round"/>
<path d="M 66,42 L 74,38 L 80,43 L 72,47 Z M 72,47 L 80,43 L 80,51 L 72,55 Z M 66,42 L 72,47 L 72,55 L 66,50 Z" fill="#4a2d6b" stroke="#a179cf" stroke-width="1" stroke-linejoin="round"/>
<circle cx="63" cy="24" r="1" fill="#4a2d6b"/>
<circle cx="73" cy="44" r="0.8" fill="#a179cf"/>
</svg>
</div>

<div class="sax-intro">
Стремительно набирающая силу и влияние теневая организация, зародившаяся в джаз-клубах чикагских трущоб. Импульсом для их появления послужила Великая депрессия, когда на выручку разорившимся брокерам пришли многочисленные мошеннические лотереи, организованные первыми лидерами группировки. Со временем разрозненное объединение централизовалось в полноценную структуру, функционирующую по принципу мобильной бизнес-корпорации: главная ставка - на конспирацию автономных ячеек и разветвленную сеть уличных информаторов, внедренных в ряды городского обслуживающего персонала.
<br><br>
<b>Состав:</b> кто угодно.<br>
<b>Деятельность:</b> наркотрафик, сутенерство, уличные лотереи, розничный сбыт, увеселительные заведения любого толка.<br>
<b>Структура:</b> картель.
</div>
<!-- ВЕРХУШКА КОРПОРАЦИИ -->
<div style="display: flex; flex-direction: column; align-items: center; width: 100%;">
<!-- Продюсер -->
<div class="sax-node mark-producer">
<div class="sax-name">Продюсер</div>
<div class="sax-desc">Теневой лидер, известный в лицо лишь нескольким подопечным</div>
</div>
<div class="sax-line-v"></div>
<!-- Дирижеры -->
<div class="sax-node mark-conductors">
<div class="sax-name">Дирижеры</div>
<div class="sax-desc">Ближайшее окружение, координирующее финансовые потоки</div>
</div>
<div class="sax-line-v" style="height: 35px;"></div>
<!-- ТРОЙНОЕ РАЗВЕТВЛЕНИЕ ПОД ДИРИЖЕРАМИ -->
<div class="sax-grid-triple">
<!-- ЛИНИЯ 1: УЛИЧНОЕ УПРАВЛЕНИЕ И ТОЧКИ -->
<div class="sax-wrap-node">
<div class="sax-main-row" style="flex-direction: column; align-items: center; width: 100%;">
<div class="sax-branch">
<div class="sax-node mark-stem">
<div class="sax-name">Менеджеры</div>
<div class="sax-desc">Руководители и управляющие (клубов, борделей)</div>
</div>
<div class="sax-line-v"></div>
<!-- Бегунки под Менеджерами -->
<div class="sax-node mark-stem" style="background: #c3c3be; box-shadow: 2px 2px 0px rgba(0,0,0,0.05);">
<div class="sax-name">Бегунки</div>
<div class="sax-desc">Низовые агенты: курьеры, таксисты, швейцары и бармены, формирующие глаза и уши синдиката</div>
</div>
<div class="sax-line-v"></div>
<!-- Ноты под Бегунками -->
<div class="sax-node mark-stem" style="background: #c3c3be; box-shadow: 2px 2px 0px rgba(0,0,0,0.05);">
<div class="sax-name">Ноты</div>
<div class="sax-desc">Подконтрольные банды и их участники</div>
</div>
</div>
</div>
</div>
<!-- ЛИНИЯ 2: СИЛОВЫЕ ОПЕРАЦИИ -->
<div class="sax-wrap-node">
<div class="sax-main-row" style="flex-direction: column; align-items: center; width: 100%;">
<div class="sax-branch">
<div class="sax-node mark-stem">
<div class="sax-name">Ночные птицы</div>
<div class="sax-desc">Устранители</div>
</div>
</div>
</div>
</div>
<!-- ЛИНИЯ 3: ДИПЛОМАТИЯ -->
<div class="sax-wrap-node">
<div class="sax-main-row" style="flex-direction: column; align-items: center; width: 100%;">
<div class="sax-branch">
<div class="sax-node mark-stem">
<div class="sax-name">Солисты</div>
<div class="sax-desc">Переговорщики</div>
</div>
</div>
</div>
</div>
</div> <!-- Конец разветвления -->
</div>
</div>
[/html]

0


Вы здесь » однажды в чикаго » Матчасть » Мафия


Рейтинг форумов | Создать форум бесплатно