🌧 Hidden Rain 🌧

Поделиться124.03.2026 03:23

Автор: Hideki
госпожа жнец
Анкета Опыт Хрона
Чунин
Сообщений: 384
Уважение: +439
Последний визит:
05.04.2026 14:39
Достижения:

[hideprofile]
[html]<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Амегакуре — Деревня Скрытого Дождя</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background: #2c2c2c;
font-family: 'Segoe UI', 'Roboto', 'Verdana', sans-serif;
padding: 20px;
}
.ame-container {
max-width: 1200px;
margin: 0 auto;
background: #1e1e1e;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 10px 25px rgba(0,0,0,0.5);
}
.header-bar {
background: #606060;
padding: 12px;
text-align: center;
font-weight: bold;
color: white;
font-size: 1.2rem;
letter-spacing: 1px;
white-space: pre-wrap; /* сохраняет множественные пробелы */
}
.header-bar img {
vertical-align: middle;
margin: 0 8px;
}
.banner-img {
display: block;
width: 100%;
height: auto;
border-bottom: 3px solid #606060;
}
.info-grid {
display: grid;
grid-template-columns: 70% 30%;
gap: 20px;
background: #606060;
padding: 20px;
}
.left-col, .right-col {
min-width: 0;
}
.right-col {
padding-right: 20px;
}
.quote-block {
background: #f5f5f5;
color: #000000;
border-radius: 12px;
padding: 20px;
margin-bottom: 20px;
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
line-height: 1.5;
max-width: 100%;
overflow-wrap: break-word;
word-break: break-word;
}
.quote-block:last-child {
margin-bottom: 0;
}
.quote-block h3 {
text-align: center;
border-bottom: 1px solid #aaa;
padding-bottom: 6px;
margin-bottom: 15px;
font-size: 1.2rem;
color: #000;
}
.quote-block p, .quote-block ul {
margin-bottom: 12px;
}
.relations {
list-style: none;
padding-left: 0;
}
.relations li {
margin: 6px 0;
}
.relations strong {
font-weight: bold;
color: #000000;
}
@media (max-width: 700px) {
.info-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.right-col {
padding-right: 0;
}
}
</style>
</head>
<body>
<div class="ame-container">
<div class="header-bar">
<img src="https://shidzasave.ucoz.net/exile-role/25px-AmeSymbol.png" alt="символ Аме"> A M E G A K U R E N O S A T O - Д Е Р Е В Н Я С К Р Ы Т О Г О Д О Ж Д Я<img src="https://shidzasave.ucoz.net/exile-role/25px-AmeSymbol.png" alt="символ Аме">
</div>
<img class="banner-img" src="https://upforme.ru/uploads/001a/74/14/398/302685.png" alt="Амегакуре">

<div class="info-grid">
<div class="left-col">
<div class="quote-block">
<h3>Общее</h3>
<p>Деревня скрытого Дождя — какурезато ниндзя, находящееся в стране Дождя, на службе у местного Дайме. Географическое положение страны обрекало ее постоянно находиться между молотом и наковальней Великих стран, которые использовали территорию страны в качестве своего поля битвы. Тем не менее, не смотря на внешне политическое давление и внутренние гражданские войны, деревня смогла выстоять и продолжить жить как самостоятельная фигура, не будучи чьей-то марионеткой.</p>
<p>Не смотря на все войны и беды, благодаря своему срединному расположению, страна умудрялась оставаться достаточно богатой, что вытекало в ее высокую индустриализированность и повсеместную урбанизацию. Техническая развитость так же отражена в архитектуре жителей страны. Высокие, бетонные дома и башни — то, что отличает страну Дождя от других.</p>
</div>
<div class="quote-block">
<h3>Местность</h3>
<p>Страна Дождя покрыта густой сетью рек и каналов. Основные поселения расположены на возвышенностях и соединены мостами. Рельеф здесь суров, острые скалы и базальтовые утёсы прорезаны глубокими каньонами, по дну которых несутся мутные дождевые потоки. Вода заполняет всё: заболоченные низины соседствуют с темными озёрами, подпитываемыми бесчисленными водопадами, что срываются с отвесных стен. Болота здесь тянутся на многие километры - топкие, покрытые ржавой травой и гниющими коряжниками. Леса же встречаются редко, островками: в основном это низкорослые, искривлённые деревья с цепкими корнями, которые пробиваются сквозь камень и держатся за склоны, где вода не застаивается. Жизнь здесь цепляется за каждую пядь сухой земли, а люди давно научились строить города прямо на скалах и воде, пронизывая их металлическими трубами и мостами. В Стране Дождя природа не щадит слабых, но именно в этой суровости скрыта её мрачная, неумолимая красота.</p>
</div>
<div class="quote-block">
<h3>Климат</h3>
<p>В стране постоянно идет дождь. Его интенсивность может меняться с проливного ливня на ситный дождик. Изредка осадки могут на время затихнуть, но такое явление обычно не длится дольше пары часов.</p>
</div>
<div class="quote-block">
<h3>Шиноби</h3>
<p>Ниндзя скрытого Дождя чаще всего нанимаются для скрытых убийств или шпионажа. В связи с хорошим выступлением на одном из последних экзаменов на чунина, деревня стала получать больше заказов, благодаря чему ее финансовое положение улучшилось.</p>
</div>
</div>
<div class="right-col">
<div class="quote-block">
<h3>Статистика деревни</h3>
<p><strong>Население:</strong> 2.5<br>
<strong>Армия:</strong> 2.0<br>
<strong>Экономика:</strong> 4.0</p>
</div>
<div class="quote-block">
<h3>Отношения</h3>
<ul class="relations">
<li><strong>Скрытый Лист:</strong> союз</li>
<li><strong>Скрытый Туман:</strong> сотрудничество</li>
<li><strong>Скрытый Песок:</strong> сотрудничество</li>
<li><strong>Скрытое Облако:</strong> вражда</li>
<li><strong>Скрытый Камень:</strong> вражда</li>
<li><strong>Скрытый Звук:</strong> вражда</li>
<li><strong>Скрытый Снег:</strong> сотрудничество</li>
</ul>
</div>
<div class="quote-block">
<h3>Биджу</h3>
<p><strong>Джинчурики:</strong> отсутствует</p>
</div>
</div>
</div>
</div>
</body>
</html>[/html]

+10

Поделиться224.03.2026 03:24

Автор: Hideki
госпожа жнец
Анкета Опыт Хрона
Чунин
Сообщений: 384
Уважение: +439
Последний визит:
05.04.2026 14:39
Достижения:

[hideprofile]
[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<title>Амегакуре | Кайдо — Первый Амекаге</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
background: #2c2c2c;
font-family: 'Segoe UI', 'Roboto', 'Verdana', sans-serif;
padding: 20px;
display: flex;
flex-direction: column;
align-items: center;
line-height: 1.5;
}

.page-container {
max-width: 1200px;
width: 100%;
}

.section-header {
background-color: #606060;
border-radius: 12px;
text-align: center;
padding: 12px 20px;
margin-bottom: 14px;
font-weight: 600;
font-size: 1.4rem;
letter-spacing: 1px;
color: #fff;
box-shadow: 0 1px 3px rgba(0,0,0,0.2);
border: 1px solid #7a7a7a;
}

.clan-card {
width: 100%;
background: #606060;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.clan-content {
padding: 20px;
display: flex;
flex-direction: column;
gap: 20px;
}

.quote-block {
background: #f5f5f5;
border-radius: 12px;
padding: 20px;
color: #000;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.quote-block,
.quote-block * {
color: #000;
}

.top-section {
display: flex;
flex-wrap: wrap;
gap: 20px;
align-items: stretch;
}

.image-cell {
flex: 0 0 300px;
text-align: center;
}

.image-cell-sm {
flex: 0 0 200px;
}

.kage-image {
width: 100%;
max-width: 300px;
height: auto;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
display: block;
background: #4a4a4a;
border: 1px solid #000;
}

.elder-image {
width: 100%;
max-width: 200px;
height: auto;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
display: block;
background: #4a4a4a;
border: 1px solid #000;
}

.right-quote {
flex: 1;
min-width: 240px;
}

.quote-block h2 {
text-align: center;
margin-bottom: 16px;
font-weight: 600;
font-size: 1.6rem;
letter-spacing: 0.5px;
}

.quote-block h4 {
text-align: center;
margin-bottom: 16px;
font-weight: 600;
font-size: 1.2rem;
border-bottom: 1px solid #ccc;
display: inline-block;
width: auto;
padding-bottom: 4px;
}

.character-line {
margin: 0.8rem 0;
font-size: 1rem;
line-height: 1.5;
}

.character-line strong {
font-weight: 700;
color: #000;
}

.nicknames {
font-style: italic;
color: #000;
}

.fox-divider, .salamander-divider, .faction-divider {
text-align: center;
margin-top: 1.2rem;
padding-top: 1rem;
font-weight: 600;
font-size: 1.2rem;
letter-spacing: 1px;
color: #000;
border-top: 1px dashed #aaa;
}

.bio-text {
font-size: 1rem;
line-height: 1.55;
text-align: justify;
color: #000;
}

.power-text {
font-size: 1rem;
line-height: 1.55;
text-align: justify;
color: #000;
}

.tabs-wrapper {
background: #606060;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.tabs-nav {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 8px;
background: #606060;
padding: 15px 15px 5px 15px;
}
.tab-btn {
background: #3a3a3a;
border: none;
color: #ddd;
font-size: 1rem;
font-weight: bold;
padding: 10px 20px;
border-radius: 30px;
cursor: pointer;
transition: all 0.2s ease;
letter-spacing: 0.5px;
box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
.tab-btn:hover {
background: #505050;
color: white;
transform: translateY(-2px);
}
.tab-btn.active {
background: #3a3a3a;
color: white;
box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
border-bottom: 2px solid #ffd966;
}
.tabs-content {
background: #606060;
padding: 20px;
margin: 0 15px 15px 15px;
border-radius: 12px;
color: #000;
}
.tab-pane {
display: none;
animation: fadeIn 0.2s ease;
}
.tab-pane.active-pane {
display: block;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(5px); }
to { opacity: 1; transform: translateY(0); }
}
.tab-pane p {
margin-bottom: 12px;
line-height: 1.5;
color: #000;
}
.tab-pane .top-section {
margin-bottom: 20px;
}

@media (max-width: 700px) {
body {
padding: 15px;
}
.top-section {
flex-direction: column;
}
.image-cell, .image-cell-sm {
flex: 0 0 auto;
text-align: center;
}
.kage-image, .elder-image {
margin: 0 auto;
}
.quote-block h2 {
font-size: 1.5rem;
}
.section-header {
font-size: 1.2rem;
padding: 10px 16px;
margin-bottom: 10px;
}
.tab-btn {
padding: 6px 14px;
font-size: 0.9rem;
}
.tabs-nav {
gap: 6px;
}
}

.quote-block p {
margin: 0.6rem 0;
}
</style>
</head>
<body>
<div class="page-container">
<div class="section-header">I - Структура власти</div>

<div class="clan-card">
<div class="clan-content">
<div class="top-section">
<div class="image-cell">
<img class="kage-image"
src="https://upforme.ru/uploads/001a/74/14/398/862061.png"
alt="Кайдо — Первый Амекаге, гений Скрытого Дождя"
title="Кайдо — Амекаге">
</div>
<div class="quote-block right-quote">
<h2>Kaido — Кайдо</h2>
<div class="character-line"><strong>Возраст:</strong> 34 года</div>
<div class="character-line"><strong>Прозвища:</strong> <span class="nicknames">«гений скрытого Дождя», «хитрый Лис»</span></div>
<div class="character-line"><strong>Характер:</strong> прагматичный стратег, чей разум всегда на шаг впереди событий. Кайдо обладает редким даром внушать доверие и уважение. Он никогда не обещает того, чего не сможет исполнить, особенно своим советникам. За его внешним спокойствием скрывается острый ум и лисья натура, хитрая, способная урвать своё и выйти победителем практически из любой ситуации. Его считают «гением» своего селения, но сам он говорит, что гений — это всего лишь способность не совершать одну и ту же ошибку дважды.</div>
<div class="fox-divider">🦊 Лис 🦊</div>
</div>
</div>

<div class="quote-block">
<h4>Путь Каге</h4>
<div class="bio-text">
Первая война с альянсом малых стран застала Кайдо двенадцатилетним генином, которого старшие отправляли на разведку и связные миссии. Он вернулся с той войны уже джонином и с репутацией, которую другие зарабатывали десятилетиями. Не было ни одного задания, которое бы он провалил. Именно тогда за ним закрепилось прозвище «гений скрытого Дождя». Когда началась война за независимость страны Дождя, Кайдо уже был командиром, на которого равнялись другие шиноби. Он не просто сражался — он стал тем, кто повёл за собой. Именно он объединил разрозненные отряды и разжёг пламя восстания против захватчиков из страны Ветра. В его лидерство верили безоговорочно. Война закончилась победой, и когда в Амегакуре встал вопрос о первом Амекаге, все взгляды — от старых советников до Даймё — были обращены к нему. Он стал Каге в двадцать два, и за время его правления деревня, привыкшая к смуте, наконец обрела твёрдую руку и ясное будущее.
</div>
</div>

<div class="quote-block">
<h4>Совет деревни</h4>
<div class="power-text">
Власть в Амегакуре устроена по схожему принципу как у остальных деревень, однако существуют некоторые различия. Верховную власть в деревне представляет Амекаге, который принимает ключевые решения в жизни деревни. Однако при всей своей власти, он опирается на мнение совета деревни, в который входят главы каждого клана или семейства, а так же несколько важных джонинов селения.<br><br>
Каждый член совета может хотеть добиться каких-то преференций или особого положения для своей семьи или клана и тянуть одеяло на себя. Амекаге же при этом должен умело балансировать между мнениями всех и принимать лучшие для деревни решения. Не смотря на то, что члены совета могут быть не согласны в частных вопросах, объединяющей линии всех старейшин является сохранение деревни Дождя единой и сильной, чтобы не быть уничтоженной другими селениями.<br><br>
Во внешнеполитических вопросах деревни советники занимают зачастую разные позиции. На каждую из позиций (воинственность, мирное развитие, прагматизм) есть свой лагерь:<br>
• Саламандра — лагерь тех советников, которые чаще голосуют за воинственные решения, стремятся доказать силу скрытого Дождя и занять достойное место на мировой арене.<br>
• Цапля — лагерь тех советников, которые стремятся к тому, чтобы скрытый Дождь продолжал мирно развиваться и не вступал в международные конфликты, считая, что на долю их страны и так приходилось слишком много бед.<br>
• Лис — лагерь тех советников, которые придерживаются прагматизма в вопросах внешней политики, то и дело склоняясь то в ту, то в иную сторону в зависимости от ситуации и выгоды от принимаемого решения. Они вполне могут проголосовать за какие-либо военные или враждебные действия, и при этом так же могут попытаться лоббировать мирные решения, обходя обострение отношений с другими деревнями.<br><br>
Совет деревни часто называют большой семеркой.
</div>
</div>
</div>
</div>

<div class="tabs-wrapper">
<div class="tabs-nav">
<button class="tab-btn" data-tab="tab1">I - Setsuki Yoshimori</button>
<button class="tab-btn" data-tab="tab2">II - Tokage Ryukuzan</button>
<button class="tab-btn" data-tab="tab3">III - Uzumaki Akari</button>
<button class="tab-btn" data-tab="tab4">IV - Fudo</button>
<button class="tab-btn" data-tab="tab5">V - Toru</button>
<button class="tab-btn" data-tab="tab6">VI - Tokage Yamori</button>
<button class="tab-btn" data-tab="tab7">VII - Jinsuke</button>
</div>

<div class="tabs-content">

<div id="tab1" class="tab-pane">
<div class="top-section">
<div class="image-cell-sm">
<img class="elder-image"
src="https://upforme.ru/uploads/001a/74/14/398/601049.jpg"
alt="Сетсуки Йошимори — старейшина Амегакуре"
title="Сетсуки Йошимори">
</div>
<div class="quote-block right-quote">
<h2>Setsuki Yoshimori — Сетсуки Йошимори</h2>
<div class="character-line"><strong>Характер:</strong> флегматичный, во многом безразличный человек, которому чужды душевные терзания. Предпочитает молча действовать, а не разглагольствовать.</div>
<div class="character-line"><strong>Возраст:</strong> 44 года</div>
<div class="character-line"><strong>Цель в совете:</strong> усиление экономического потенциала страны Дождя и селения, сохранение стабильности политической обстановки внутри деревни; продвигает идеи о более строгом отборе студентов в Академию шиноби и условий выпускного экзамена.</div>
<div class="faction-divider">🐦 Цапля 🐦</div>
</div>
</div>
<div class="quote-block" style="margin-top: 20px;">
<h4>Биография</h4>
<div class="bio-text">
Йошимори столкнулся с войной, когда был молод. Та война отняла у него почти всех - клан Сенкецу потерял тогда больше половины своих людей, а среди погибших оказались его отец, братья и самые близкие друзья. Пережив это, он замкнулся в себе, стал немногословным, а главное - навсегда утратил веру в то, что война может быть оправдана. Он убеждён: будущее Амегакуре в мирном развитии, а не в бесконечных конфликтах. Чтобы сохранить жизни, он выступает за жёсткий отбор в Академии, ведь чем меньше неподготовленных шиноби попадёт на поле боя, тем меньше семей потеряет своих сыновей и дочерей.
</div>
</div>
</div>

<div id="tab2" class="tab-pane">
<div class="top-section">
<div class="image-cell-sm">
<img class="elder-image"
src="https://upforme.ru/uploads/001a/74/14/398/181156.jpg"
alt="Токаге Рюкузан — старейшина Амегакуре"
title="Токаге Рюкузан">
</div>
<div class="quote-block right-quote">
<h2>Tokage Ryukuzan — Токаге Рюкузан</h2>
<div class="character-line"><strong>Характер:</strong> жестокий, властный, непрощающий ошибок, достаточно хитрый и себе на уме</div>
<div class="character-line"><strong>Возраст:</strong> 62 года</div>
<div class="character-line"><strong>Цель в совете:</strong> сохранять свое влияние в деревне, иметь возможность влиять на решения Амекаге, укрепление положения деревни Дождя на мировой арене любой ценой. Очень часто поддерживает решения советника от семьи Ханзо из-за давних, близких связей обоих семей.</div>
<div class="salamander-divider">🦎 Саламандра 🦎</div>
</div>
</div>
<div class="quote-block" style="margin-top: 20px;">
<h4>Биография</h4>
<div class="bio-text">
В молодости, Рюкузан как и другие шиноби скрытого Дождя участвовал в войне против альянса малых стран и в войне против скрытого Песка за независимость Дождя. Этот опыт повлиял на его мировоззрение. Токаге считает, что мирное время порождает слабых шиноби, в то время как войны рождают сильных, способных изменить положение скрытого Дождя среди других деревень и возвысить его.
</div>
</div>
</div>

<div id="tab3" class="tab-pane">
<div class="top-section">
<div class="image-cell-sm">
<img class="elder-image"
src="https://upforme.ru/uploads/001a/74/14/398/610923.jpg"
alt="Узумаки Акари — старейшина Амегакуре"
title="Узумаки Акари">
</div>
<div class="quote-block right-quote">
<h2>Uzumaki Akari — Узумаки Акари</h2>
<div class="character-line"><strong>Характер:</strong> терпеливая, замкнутая, внешне спокойная, но внутри полна решимости сохранить и возродить свой клан в скрытом Дожде</div>
<div class="character-line"><strong>Возраст:</strong> 28 лет</div>
<div class="character-line"><strong>Цель в совете:</strong> добиться того, чтобы деревня захватила хвостатого зверя, добиться того, чтобы именно шиноби клана Узумаки был удостоен чести стать сосудом для биджу.</div>
<div class="salamander-divider">🦎 Саламандра 🦎</div>
</div>
</div>
<div class="quote-block" style="margin-top: 20px;">
<h4>Биография</h4>
<div class="bio-text">
Акари родилась в Амегакуре, ее предки были одними из последних уцелевших беженцев Узушио. Ее родители погибли в войне с альянсом малых стран, когда девочка только-только поступила в академию шиноби. Оставшись сиротой, она с головой ушла в освоение тайных техник, которые бережно хранила её семья. К шестнадцати годам она знала о фуиндзюцу больше, чем любой из взрослых соплеменников, и приняла бремя главы клана. Когда началась война со Страной Ветра, Акари было семнадцать. Она быстро зарекомендовала себя не только как искусный шиноби, но и как умелый командир.
</div>
</div>
</div>

<div id="tab4" class="tab-pane">
<div class="top-section">
<div class="image-cell-sm">
<img class="elder-image"
src="https://upforme.ru/uploads/001a/74/14/398/563950.jpg"
alt="Фудо — старейшина Амегакуре"
title="Фудо">
</div>
<div class="quote-block right-quote">
<h2>Fudo — Фудо</h2>
<div class="character-line"><strong>Характер:</strong> суровый, немногословный, железная воля, фанатичная преданность деревне, не терпит слабости.</div>
<div class="character-line"><strong>Возраст:</strong> 40 лет</div>
<div class="character-line"><strong>Цель в совете:</strong> закрепить и усилить влияние семьи Ханзо в деревне, желает видеть следующим Амекаге одного из своих детей. Сторонник военного пути во внешнеполитических делах деревни.</div>
<div class="salamander-divider">🦎 Саламандра 🦎</div>
</div>
</div>
<div class="quote-block" style="margin-top: 20px;">
<h4>Биография</h4>
<div class="bio-text">
Фудо родился уже после того, как его семья вернулась в Амегакуре, но традиции и принципы предков впитал с молоком матери. С ранних лет его готовили к суровой жизни шиноби: имплантация ядовитой железы саламандры, бесконечные тренировки на выносливость и жесточайшая дисциплина. Однако настоящую закалку Фудо получил на войне. Он прошел обе крупные кампании своего времени, войну с альянсом малых стран и войну против скрытого Песка. Именно война сделала его тем, кто он есть. Воинственным человеком, уверенным, что мирное время размягчает шиноби. Фудо помнит, как чужаки топтали землю Дождя, и поклялся, что при нем это не повторится.
</div>
</div>
</div>

<div id="tab5" class="tab-pane">
<div class="top-section">
<div class="image-cell-sm">
<img class="elder-image"
src="https://upforme.ru/uploads/001a/74/14/398/825997.jpg"
alt="Тору — старейшина Амегакуре"
title="Тору">
</div>
<div class="quote-block right-quote">
<h2>Toru — Тору</h2>
<div class="character-line"><strong>Характер:</strong> Спокойный, уравновешенный, "помешан" на чистоплотности</div>
<div class="character-line"><strong>Возраст:</strong> 41 год</div>
<div class="character-line"><strong>Цель в совете:</strong> стабильность и устойчивость деревни Дождя. Всегда будет голосовать за то, чтобы остаться нейтральными в каком-либо конфликте и всегда будет голосовать против раскачивания лодки на мировой арене и участия скрытого Дождя в этом.</div>
<div class="faction-divider">🐦 Цапля 🐦</div>
</div>
</div>
<div class="quote-block" style="margin-top: 20px;">
<h4>Биография</h4>
<div class="bio-text">
Тору стал лидером семейства учеников Конан в слишком раннем возрасте. Его дед отошел в мир иной в глубокой старости, а отец погиб на войне с альянсом шиноби малых стран. Из-за чего мужчина остался самым молодым и сильным кандидатом на эту роль. Войны и потери скрытого Дождя пришедшиеся на его молодость сформировали в нем соответствующий характер, желающий чтобы их деревня поменьше участвовала в больших кровопролитиях.
</div>
</div>
</div>

<div id="tab6" class="tab-pane">
<div class="top-section">
<div class="image-cell-sm">
<img class="elder-image"
src="https://upforme.ru/uploads/001a/74/14/398/611937.png"
alt="Токаге Ямори — старейшина Амегакуре"
title="Токаге Ямори">
</div>
<div class="quote-block right-quote">
<h2>Tokage Yamori — Токаге Ямори</h2>
<div class="character-line"><strong>Характер:</strong> хитрый, умный, хороший тактик и стратег, сдержанный, обычно немногословен.</div>
<div class="character-line"><strong>Возраст:</strong> 53 года</div>
<div class="character-line"><strong>Цель в совете:</strong> продолжать дело Кайдо, сохранить лояльность других советников к Амекаге.</div>
<div class="faction-divider">🦊 Лис 🦊</div>
</div>
</div>
<div class="quote-block" style="margin-top: 20px;">
<h4>Биография</h4>
<div class="bio-text">
Токаге Ямори является пожилым шиноби, ветераном многих войн. Он прошел вместе со скрытым Дождем через все невзгоды и вызовы. Свой важный пост он получил будучи сподвижником Кайдо и его верным последователем.
</div>
</div>
</div>

<div id="tab7" class="tab-pane">
<div class="top-section">
<div class="image-cell-sm">
<img class="elder-image"
src="https://upforme.ru/uploads/001a/74/14/398/235056.jpg"
alt="Джинсуке — старейшина Амегакуре"
title="Джинсуке">
</div>
<div class="quote-block right-quote">
<h2>Jinsuke — Джинсуке</h2>
<div class="character-line"><strong>Характер:</strong> дипломатичный, отважный, за своих людей из скрытого Водопада стоит горой, пытается принять скрытый Дождь как свою новую Родину</div>
<div class="character-line"><strong>Возраст:</strong> 34 года</div>
<div class="character-line"><strong>Цель в совете:</strong> обеспечить плавную интеграцию беженцев из Такигакуре в жизнь Амегакуре, не допустить того, чтобы его товарищей использовали как пушечное мясо в интересах новой Родины, лоялен действиям Амекаге и будет склоняться к наиболее выгодным решениям для скрытого Дождя.</div>
<div class="faction-divider">🦊 Лис 🦊</div>
</div>
</div>
<div class="quote-block" style="margin-top: 20px;">
<h4>Биография</h4>
<div class="bio-text">
До падения Такигакуре Джинсуке был одним из самых перспективных джонинов скрытого Водопада. Когда Семихвостый вырвался на свободу и обрушился на деревню, он оказался в числе тех, кто организовал эвакуацию гражданских и прикрывал отступление шиноби. В том хаосе Джинсуке потерял многих друзей, но сумел вывести группу выживших за пределы разрушенной деревни и покинуть страну. Когда его группа перешла границу Страны Дождя, их не просто приняли как беженцев - Амекаге лично распорядился выделить им жильё, обеспечить провизией и включить в оборонительную структуру деревни. Этот жест навсегда определил его лояльность. Теперь он - голос тех, кто потерял свою Родину и нашел новое пристанище.
</div>
</div>
</div>
</div>
</div>
</div>

function closeTab(tabId) {
const pane = document.getElementById(tabId);
if (pane) pane.classList.remove('active-pane');
const btn = document.querySelector(`.tab-btn[data-tab="${tabId}"]`);
if (btn) btn.classList.remove('active');
if (currentTabId === tabId) currentTabId = null;
}

function openTab(tabId) {
const pane = document.getElementById(tabId);
if (!pane) return;
pane.classList.add('active-pane');
const btn = document.querySelector(`.tab-btn[data-tab="${tabId}"]`);
if (btn) btn.classList.add('active');
currentTabId = tabId;
}

tabBtns.forEach(btn => {
btn.addEventListener('click', () => {
const tabId = btn.getAttribute('data-tab');
if (currentTabId === tabId) {
closeTab(tabId);
} else {
if (currentTabId) closeTab(currentTabId);
openTab(tabId);
}
});
});
</script>
</body>
</html>[/html]

+12

Поделиться325.03.2026 04:29

Автор: Hideki
госпожа жнец
Анкета Опыт Хрона
Чунин
Сообщений: 384
Уважение: +439
Последний визит:
05.04.2026 14:39
Достижения:

[hideprofile]
[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<title>Амегакуре | Кланы и семьи</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
background: #2c2c2c;
font-family: 'Segoe UI', 'Roboto', 'Verdana', sans-serif;
padding: 20px;
display: flex;
flex-direction: column;
align-items: center;
line-height: 1.5;
}

.page-container {
max-width: 1200px;
width: 100%;
}

.section-header {
background-color: #606060;
border-radius: 12px;
text-align: center;
padding: 12px 20px;
margin-bottom: 14px;
font-weight: 600;
font-size: 1.4rem;
letter-spacing: 1px;
color: #fff;
box-shadow: 0 1px 3px rgba(0,0,0,0.2);
border: 1px solid #7a7a7a;
}

/* общие стили для аккордеонов */
.clan-accordion {
width: 100%; /* убираем max-width, чтобы совпадало с заголовком */
background: transparent;
margin-bottom: 10px;
}

.clan-accordion-btn {
width: 100%;
background-color: #3a3a3a;
border: none;
border-radius: 12px;
padding: 16px 20px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 1.4rem;
font-weight: bold;
color: #ffffff;
text-align: left;
transition: background 0.2s ease, transform 0.1s;
box-shadow: 0 4px 8px rgba(0,0,0,0.3);
margin-bottom: 10px;
}
.clan-accordion-btn:hover {
background-color: #505050;
}
.clan-accordion-btn:active {
transform: scale(0.98);
}
.clan-accordion-btn span:first-child {
font-size: 1.4rem;
letter-spacing: 1px;
}
.arrow {
font-size: 1.6rem;
transition: transform 0.2s;
color: #ffffff;
}
.clan-accordion-btn.open .arrow {
transform: rotate(180deg);
}

.clan-accordion-content {
display: none;
background: transparent;
border-radius: 12px;
overflow: hidden;
animation: fadeSlide 0.3s ease;
}
.clan-accordion-content.show {
display: block;
}

@keyframes fadeSlide {
from {
opacity: 0;
transform: translateY(-8px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

.clan-card {
width: 100%;
background: #606060;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 10px 25px rgba(0,0,0,0.5);
}
.clan-content {
padding: 20px;
display: flex;
flex-direction: column;
gap: 20px;
}
.quote-block {
background: #f5f5f5;
border-radius: 12px;
padding: 20px;
color: #000;
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.quote-block img {
max-width: 100%;
border-radius: 8px;
display: block;
margin: 0 auto;
}
.quote-block h4 {
text-align: center;
margin-bottom: 12px;
font-size: 1.1rem;
color: #000;
}
.two-columns {
display: grid;
grid-template-columns: 1fr 2fr 1.5fr;
gap: 20px;
}
.two-columns .quote-block {
margin: 0;
}
.accordion-item {
margin-top: 0;
}
.accordion-btn {
background: #3a3a3a;
color: #ffffff;
border: none;
padding: 10px 15px;
width: 100%;
text-align: center;
font-size: 1rem;
font-weight: bold;
cursor: pointer;
border-radius: 8px;
transition: background 0.2s;
}
.accordion-btn:hover {
background: #505050;
}
.accordion-content {
display: none;
margin-top: 10px;
padding: 15px;
background: #f5f5f5;
border-radius: 12px;
color: #000;
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.accordion-content.show {
display: block;
}
.useful-links a {
color: inherit;
text-decoration: none;
}
.useful-links a:hover {
text-decoration: underline;
}

@media (max-width: 700px) {
body {
padding: 15px;
}
.section-header {
font-size: 1.2rem;
padding: 10px 16px;
margin-bottom: 10px;
}
.two-columns {
grid-template-columns: 1fr;
gap: 20px;
}
.clan-accordion-btn {
font-size: 1.2rem;
padding: 12px 16px;
}
.clan-accordion-btn span:first-child {
font-size: 1.2rem;
}
}
</style>
</head>
<body>
<div class="page-container">
<div class="section-header">II - Кланы и семьи</div>

<div class="clan-accordion">
<button class="clan-accordion-btn" id="btnSenketsu">
<span>Senketsu - Пролившаяся Кровь</span>
<span class="arrow">▼</span>
</button>
<div class="clan-accordion-content" id="contentSenketsu">
<div class="clan-card">
<div class="clan-content">
<div class="two-columns">
<div class="quote-block"><img src="https://upforme.ru/uploads/001a/74/14/398/775370.png" alt="Senketsu"></div>
<div class="quote-block"><strong>Описание</strong><br>Один из немногочисленных кланов страны Дождя, зенит славы которого пришелся на эпоху до основания селений. На данный момент клан все также малочислен и обособлен, у них фактически нет серьезной политической силы. Клановая структура делится на три ветви согласно Сенкетсу-моноготари, происходя от одного из братьев – Сетсуки, Васатсу и Коэки.</div>
<div class="quote-block">
<strong>Особенности клана:</strong><br>светлые волосы;<br>красные глаза;<br><strong>Лидер клана:</strong><br>Сетсуки Йошимори<br>
<strong>Полезные ссылки:</strong><br>
<div class="useful-links">
<a href="https://narutoexile.ru/viewtopic.php?id=1910#p325337" target="_blank">Библиотека Техник -> Наследственные Преимущества</a><br>
<a href="https://narutoexile.ru/viewtopic.php?id=288#p711838" target="_blank">Библиотека Техник -> Красная Река Жизни</a>
</div>
</div>
</div>
<div class="quote-block">
<h4>Современное положение</h4>
<p>Последние несколько лет клан Сенкетсу начал активно участвовать в политике селения, пытаясь наверстать утраченное влияние и статус. Настроены на сплоченность селения и поддерживают нынешнего Каге.</p>
</div>
<div class="accordion-item">
<button class="accordion-btn">📜 История</button>
<div class="accordion-content">
<p>… «Сенкетсу-моногатари» повествует о незапамятных веках, когда по земле еще ходил Спаситель – и сотни его учеников перенимали знания, философию великого мира, что должен был распространиться по всей земле. Просветленный Ингэн, в совершенстве овладевший ниншо, взял на поруки трех сирот – Сетсуки, Васатсу и Коэки.</p>
<p>Долгие года Ингэн наблюдал за ними, обучал и воспитывал, вкладывая в их умы семена мудрости, наполнял сосуды тела силой; благодатной то было почвой, но поселились в сердцах Сетсуки и Васатсу сорняки непримиримого соперничества, обращающегося в злобу. Жаждали братья превзойти друг друга – и своего просвещенного наставника.</p>
<p>Впитав в себя знания, что даровал им Ингэн, Сетсуки и Васатсу решили сразиться с учителем; долго Коэки отговаривал старших братьев от этой затеи, но непреклонным было их решение.</p>
<p>Первым в поединок с просвещенным наставником вступил Сетсуки – и победил наставника умом и силой, но пришла очередь Васатсу – и проиграл средний брат, тогда и настал черед Коэки, но младший и вовсе отказался биться – опустил меч и в поклоне глубоком склонился перед Ингэном.</p>
<p>Отпустил своих учеников просвещенный Ингэн из своей обители; каждый волен был идти своей дорогой, но братья решили держаться вместе.</p>
<p>В ночь перед походом, проигравший Васатсу решил отомстить учителю; в кромешной тьме пробрался он в покои Ингэна да зарубил его. Желая заполучить силу погибающего, распорол средний брат просвещенному живот – и вынул его внутренности.</p>
<p>Сетсуки съел печень просвещенного Ингэна, Васатсу съел его сердце, Коэки же не стал есть плоть своего учителя – закопал он легкие наставника в землю.</p>
<p>Во времена Второй мировой войны ниндзя, род Сенкетсу был на грани своего уничтожения – большая часть опытных шиноби и владельцев генома погибли, поместье разграблено и сожжено; истории семей едва ли сохранились, оставляя потомкам лишь крупицы прежних знаний и влияния.</p>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="clan-accordion">
<button class="clan-accordion-btn" id="btnTokage">
<span>Tokage - Ящер</span>
<span class="arrow">▼</span>
</button>
<div class="clan-accordion-content" id="contentTokage">
<div class="clan-card">
<div class="clan-content">
<div class="two-columns">
<div class="quote-block"><img src="https://upforme.ru/uploads/001a/74/14/398/917887.png" alt="Tokage"></div>
<div class="quote-block"><strong>Описание</strong><br>Древний клан ниндзя скрытого Дождя, который прошел через всю его историю, застал его взлеты и падения, но остался верен своим принципам.</div>
<div class="quote-block">
<strong>Особенности клана:</strong><br>бледная кожа<br><strong>Лидер клана:</strong><br>Токаге Рюкузан (прозвище: старый ящер)<br>
<strong>Полезные ссылки:</strong><br>
<div class="useful-links">
<a href="https://narutoexile.ru/viewtopic.php?id=1910#p325337" target="_blank">Библиотека Техник -> Наследственные Преимущества</a><br>
<a href="https://narutoexile.ru/viewtopic.php?id=287#p400846" target="_blank">Библиотека Техник -> Токаге</a>
</div>
</div>
</div>
<div class="quote-block">
<h4>Современное положение</h4>
<p>Клан малочислен, но фанатично предан идее самосовершенствования. Они развивают уникальный стиль боя, основанный на подражании рептилиям. В клане царит жесточайшая дисциплина. К своим детям они беспощадны: тренировки начинаются едва ли не с того момента, как ребенок научился ходить. Слабость и неспособность овладеть техниками клана карается презрением или даже изгнанием. Токаге замкнуты, подозрительны к чужакам. За любые проступки в клане жестоко наказывают.</p>
<p>Считают себя младшими братьями семьи Ханзо, так как все время своего существования сохранили свою верность и дружбу с этой семьей. К тому же, хиден клана вдохновлялся самым знаменитым шиноби скрытого Дождя, пытаясь повторить его методы и эксперименты с собствественным телом. В чем они очень даже преуспели.</p>
</div>
<div class="accordion-item">
<button class="accordion-btn">📜 История</button>
<div class="accordion-content">
<p>В годы правления Ханзо, клан Токаге был его верным союзником, за что и поплатился. Так же как и на семью Ханзо, на них объявил охоту Пейн, заставив клан уйти в глубокое подполье, в пещеры и болота, где они выживали словно дикие звери.</p>
<p>После падения режима Пейна, Токаге вернулись в скрытый Дождь, на свою историческую родину и продолжили служить ей.</p>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="clan-accordion">
<button class="clan-accordion-btn" id="btnUzumaki">
<span>Uzumaki - Водоворот</span>
<span class="arrow">▼</span>
</button>
<div class="clan-accordion-content" id="contentUzumaki">
<div class="clan-card">
<div class="clan-content">
<div class="two-columns">
<div class="quote-block"><img src="https://upforme.ru/uploads/001a/74/14/398/551823.png" alt="Uzumaki"></div>
<div class="quote-block"><strong>Описание</strong><br>Малочисленный клан избежавший уничтожения и нашедший своим убежищем деревню скрытого Дождя. Не смотря на свое нежелание служить кому-либо, члены клана понимают свое положение в мире и предпочитают держаться за Амегакуре.</div>
<div class="quote-block">
<strong>Особенности клана:</strong><br>красные волосы<br><strong>Лидер клана:</strong><br>Узумаки Акари (прозвище: Красная Вдова)<br>
<strong>Полезные ссылки:</strong><br>
<div class="useful-links">
<a href="https://narutoexile.ru/viewtopic.php?id=1910#p325337" target="_blank">Библиотека Техник -> Наследственные Преимущества</a><br>
<a href="https://narutoexile.ru/viewtopic.php?id=287#p94943" target="_blank">Библиотека Техник -> Узумаки</a>
</div>
</div>
</div>
<div class="quote-block">
<h4>Современное положение</h4>
<p>Узумаки получили защиту и кров в обмен на лояльность. За прошедшие годы они так и не смогли восстановить численность. Сейчас их насчитывается не более двух-трех десятков человек, включая детей. Клан держится в деревне особняком. Они верны Амегакуре ровно настолько, насколько Амегакуре дает им спокойно жить и не лезет в их тайны.</p>
</div>
<div class="accordion-item">
<button class="accordion-btn">📜 История</button>
<div class="accordion-content">
<p>Малочисленная ветвь великого клана, избежавшая геноцида и скитавшаяся по миру. После падения Пейна, когда Амегакуре перестала ассоциироваться с террором, несколько семей Узумаки, ведомые слухами о безопасном убежище, осели в Деревне Скрытого Дождя.</p>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="clan-accordion">
<button class="clan-accordion-btn" id="btnHanzo">
<span>Hanzō - Ханзо</span>
<span class="arrow">▼</span>
</button>
<div class="clan-accordion-content" id="contentHanzo">
<div class="clan-card">
<div class="clan-content">
<div class="two-columns">
<div class="quote-block"><img src="https://upforme.ru/uploads/001a/74/14/398/190776.png" alt="Hanzō"></div>
<div class="quote-block"><strong>Описание</strong><br>Семья бывшего правителя скрытого Дождя и одного из самых знаменитых шиноби. Пережив истребление, она вернулась в скрытый Дождь, чтобы служить ему верой и правдой.</div>
<div class="quote-block">
<strong>Глава семьи:</strong><br>Фудо<br>
<strong>Отличительные черты:</strong><br>суровое воспитание, эксперименты над своими детьми, патриотизм<br>
<strong>Полезные ссылки:</strong><br>
<div class="useful-links">
<a href="https://narutoexile.ru/viewtopic.php?id=1910#p325337" target="_blank">Библиотека Техник -> Наследственные Преимущества</a><br>
<a href="https://narutoexile.ru/viewtopic.php?id=293#p92938" target="_blank">Библиотека Техник -> Ханзо</a>
</div>
</div>
</div>
<div class="quote-block">
<h4>Современное положение</h4>
<p>Семейство крайне малочисленно, и насчитывает всего две-три семьи, что конечно же не дотягивает до того, чтобы называться кланом. Тем не менее, не смотря на это в семействах потомков Ханзо осталась традиция тренировать своих детей с самых ранних лет для того, чтобы они стали ниндзя. Ко всему почему, над ними еще ставят эксперименты, пытаясь усовершенствовать их тело превратив его в смертоносное оружие.</p>
<p>Несмотря на свою малочисленность, семья обладает большим символическим весом, во внутренних делах деревни.</p>
</div>
<div class="accordion-item">
<button class="accordion-btn">📜 История</button>
<div class="accordion-content">
<p>Некогда правящая семья Амегакуре, практически полностью истребленная во времена чистки своих политических противников, устроенной Пейном. Те, кому удалось бежать, десятилетиями скрывались на окраинах Страны Дождя, выжидая и сохраняя верность старым идеалам сильной, независимой деревни.</p>
<p>После смерти Нагато и разрушения его режима, уцелевшие ветви семьи начали возвращаться. Скрытый дождь принял их обратно, ведь деревне, после ее невзгод и десятилетий войн нужны были хорошие и верные ниндзя.</p>
<p>В деревне к ним относятся настороженно, но с уважением, старшее поколение вспоминает истории, о жестоком правлении Ханзо, которые они могли слышать еще детьми. Тем не менее, нынешние потомки демонстрируют фанатичную преданность родной деревне, что находит отклик у молодежи.</p>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="clan-accordion">
<button class="clan-accordion-btn" id="btnKonan">
<span>Konan - Конан</span>
<span class="arrow">▼</span>
</button>
<div class="clan-accordion-content" id="contentKonan">
<div class="clan-card">
<div class="clan-content">
<div class="two-columns">
<div class="quote-block"><img src="https://upforme.ru/uploads/001a/74/14/398/69230.png" alt="Konan"></div>
<div class="quote-block"><strong>Описание</strong><br>Несколько семей которые берут свое начало от учеников Конан. Сформировав прочные узы и передавая свои техники из поколения в поколение они стали очень важной и неотъемлемой частью скрытого Дождя.</div>
<div class="quote-block">
<strong>Глава семьи:</strong><br>Тору<br>
<strong>Полезные ссылки:</strong><br>
<div class="useful-links">
<a href="https://narutoexile.ru/viewtopic.php?id=1910#p325337" target="_blank">Библиотека Техник -> Наследственные Преимущества</a><br>
<a href="https://narutoexile.ru/viewtopic.php?id=293#p400847" target="_blank">Библиотека Техник -> Конан</a>
</div>
</div>
</div>
<div class="quote-block">
<h4>Современное положение</h4>
<p>За долгие годы после смерти Конан, ее ученики создали свои семьи, передавая ее техники через поколения ниндзя, сделав это своим собственным Хиденом. Сами себя члены этих семей могут называть "Потомками Ангела скрытого Дождя."</p>
<p>Семьи очень дружны между собой и считают себя одним целым. Внутри деревни их любят и относятся с уважением.</p>
</div>

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

// Для всех блоков
const acc1 = { btn: document.getElementById('btnSenketsu'), content: document.getElementById('contentSenketsu') };
const acc2 = { btn: document.getElementById('btnTokage'), content: document.getElementById('contentTokage') };
const acc3 = { btn: document.getElementById('btnUzumaki'), content: document.getElementById('contentUzumaki') };
const acc4 = { btn: document.getElementById('btnHanzo'), content: document.getElementById('contentHanzo') };
const acc5 = { btn: document.getElementById('btnKonan'), content: document.getElementById('contentKonan') };

initAccordion(acc1.btn, acc1.content);
initAccordion(acc2.btn, acc2.content);
initAccordion(acc3.btn, acc3.content);
initAccordion(acc4.btn, acc4.content);
initAccordion(acc5.btn, acc5.content);

// Инициализация внутренних аккордеонов (история)
const historyBtns = document.querySelectorAll('.accordion-btn');
historyBtns.forEach(btn => {
btn.addEventListener('click', (e) => {
e.stopPropagation();
const content = btn.nextElementSibling;
if (content) content.classList.toggle('show');
});
});
</script>
</body>
</html>[/html]

Отредактировано Hideki (25.03.2026 04:49)

+9

Поделиться428.03.2026 00:25

Автор: Hideki
госпожа жнец
Анкета Опыт Хрона
Чунин
Сообщений: 384
Уважение: +439
Последний визит:
05.04.2026 14:39
Достижения:

[hideprofile]
[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<title>Амегакуре | Страна Дождя</title>
<style>
*{margin:0;padding:0;box-sizing:border-box}
body{background:#2c2c2c;font-family:'Segoe UI',Roboto,Verdana,sans-serif;padding:20px;display:flex;flex-direction:column;align-items:center;line-height:1.5}
.page-container{max-width:1200px;width:100%}
.section-header{background-color:#606060;border-radius:12px;text-align:center;padding:12px 20px;margin-bottom:14px;font-weight:600;font-size:1.4rem;letter-spacing:1px;color:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.2);border:1px solid #7a7a7a}
.shinobi-scroll,.shinobi-scroll *{box-sizing:border-box}
.shinobi-scroll{width:100%;margin:0 0 14px 0;font-family:Georgia,"Times New Roman",serif}
.shinobi-scroll input{display:none}
.scroll-wrap{position:relative;width:100%;overflow:hidden;border:2px solid #4a3625;border-radius:10px;background:#c0baa4;box-shadow:0 5px 14px rgba(0,0,0,0.28)}
.scroll-head{position:relative;width:100%;min-height:58px;background:#c0baa4}
.side-roll{position:absolute;top:0;bottom:0;width:18px;z-index:3;pointer-events:none;transition:width 0.45s ease}
.side-roll.left{left:0;background:linear-gradient(to right,#6a6a6a 0,#6a6a6a 2px,#8a8a8a 2px,#8a8a8a 4px,#717171 4px,#717171 6px,#939393 6px,#939393 8px,#767676 8px,#767676 10px,#9d9d9d 10px,#9d9d9d 12px,#7b7b7b 12px,#7b7b7b 14px,#a7a7a7 14px,#a7a7a7 16px,#7f7f7f 16px,#7f7f7f 18px);border-right:1px solid rgba(40,40,40,0.45);box-shadow:inset -1px 0 0 rgba(255,255,255,0.15),1px 0 3px rgba(0,0,0,0.12)}
.side-roll.right{right:0;background:linear-gradient(to left,#6a6a6a 0,#6a6a6a 2px,#8a8a8a 2px,#8a8a8a 4px,#717171 4px,#717171 6px,#939393 6px,#939393 8px,#767676 8px,#767676 10px,#9d9d9d 10px,#9d9d9d 12px,#7b7b7b 12px,#7b7b7b 14px,#a7a7a7 14px,#a7a7a7 16px,#7f7f7f 16px,#7f7f7f 18px);border-left:1px solid rgba(40,40,40,0.45);box-shadow:inset 1px 0 0 rgba(255,255,255,0.15),-1px 0 3px rgba(0,0,0,0.12)}
.scroll-title{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-height:58px;width:100%;padding:0 28px;cursor:pointer;user-select:none;background:#c0baa4;color:#000;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;font-size:24px;font-weight:700;white-space:pre; /* сохраняем все пробелы, без переноса строк */ overflow-x:auto}
.scroll-content-outer{display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.55s ease}
.scroll-content-inner{overflow:hidden}
.scroll-sheet{position:relative;width:100%;background:linear-gradient(to right,#606060 0,#606060 15px,#c0baa4 15px,#c0baa4 calc(100% - 15px),#606060 calc(100% - 15px),#606060 100%)}
.scroll-sheet::before{content:"";display:block;height:4px;opacity:0;transform:scaleY(0.6);transform-origin:top;transition:opacity 0.3s ease,transform 0.3s ease;background:linear-gradient(180deg,rgba(80,80,80,0.10) 0%,rgba(255,255,255,0.08) 50%,rgba(80,80,80,0.10) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.10),inset 0 -1px 0 rgba(60,60,60,0.10)}
.scroll-content{padding:0 30px;color:#2d2014;font-size:15px;line-height:1.65;opacity:0;transform:scaleY(0.92);transform-origin:top;transition:opacity 0.35s ease,transform 0.45s ease,padding 0.45s ease;background:transparent}
.scroll-content p{margin:0 0 10px}
.scroll-content b{color:#000}
.shinobi-scroll input:checked + .scroll-wrap .side-roll{width:16px}
.shinobi-scroll input:checked + .scroll-wrap .scroll-content-outer{grid-template-rows:1fr}
.shinobi-scroll input:checked + .scroll-wrap .scroll-sheet::before{opacity:1;transform:scaleY(1)}
.shinobi-scroll input:checked + .scroll-wrap .scroll-content{padding:18px 30px 24px;opacity:1;transform:scaleY(1)}
.scroll-image{display:block;max-width:100%;height:auto;margin:0 0 20px 0;border-radius:8px;border:3px solid #000;box-shadow:0 4px 12px rgba(0,0,0,0.2)}
.two-columns{display:flex;flex-wrap:wrap;gap:30px;margin-top:15px}
.column{flex:1;min-width:200px}
.route-list{list-style:none;padding:0;margin:0}
.route-list li{position:relative;padding-left:20px;margin-bottom:12px;font-size:15px;line-height:1.45;color:#2d2014}
.route-list li::before{content:"•";position:absolute;left:4px;color:#4a2c1a;font-weight:bold;font-size:1.2em}
.column h4{font-family:"Century Gothic",sans-serif;font-size:1rem;margin:0 0 12px 0;padding-bottom:5px;border-bottom:1px dashed #8b765c;display:inline-block;color:#2c1a0c;font-weight:600}
@media (max-width:640px){.two-columns{flex-direction:column;gap:20px}.scroll-title{font-size:18px;white-space:pre-wrap; /* сохраняем пробелы, но разрешаем перенос */ text-align:center;padding:10px 20px;overflow-x:visible}}
.tabs-wrapper{background:#606060;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,0.5);margin-top:20px}
.tabs-nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;background:#606060;padding:15px 15px 5px 15px}
.tab-btn{background:#3a3a3a;border:none;color:#ddd;font-size:1rem;font-weight:bold;padding:10px 20px;border-radius:30px;cursor:pointer;transition:all 0.2s ease;letter-spacing:0.5px;box-shadow:0 2px 4px rgba(0,0,0,0.3)}
.tab-btn:hover{background:#505050;color:#fff;transform:translateY(-2px)}
.tab-btn.active{background:#3a3a3a;color:#fff;box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);border-bottom:2px solid #ffd966}
.tabs-content{background:#606060;padding:20px;margin:0 15px 15px 15px;border-radius:12px}
.tab-pane{display:none;animation:fadeIn 0.2s ease}
.tab-pane.active-pane{display:block}
@keyframes fadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.tab-pane:not(#tab_ame) h3{font-size:1.6rem;margin-bottom:16px;text-align:center;border-bottom:1px solid rgba(255,255,255,0.3);display:inline-block;width:auto;padding-bottom:5px;color:#fff}
.tab-pane:not(#tab_ame) .location-detail{margin:12px 0;font-size:1rem;line-height:1.5;color:#f0f0f0}
.tab-pane:not(#tab_ame) .location-detail strong{color:#ffd966}
.tab-pane:not(#tab_ame) .route-info{margin-top:16px;padding-top:12px;border-top:1px dashed rgba(255,255,255,0.3);color:#f0f0f0}
.location-card{width:100%}
.location-card .clan-card{width:100%;background:#606060;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,0.5)}
.location-card .clan-content{padding:20px;display:flex;flex-direction:column;gap:20px}
.location-card .quote-block{background:#f5f5f5;border-radius:12px;padding:20px;color:#000;box-shadow:0 2px 6px rgba(0,0,0,0.2)}
.location-card .quote-block *{color:#000}
.location-card .top-section{display:flex;flex-wrap:wrap;gap:20px;align-items:stretch}
.location-card .image-cell{flex:0 0 300px;text-align:center}
.location-card .village-image{width:300px;height:300px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.4);display:block;background:#4a4a4a;border:1px solid #000;object-fit:cover}
.location-card .right-quote{flex:1;min-width:240px}
.location-card .quote-block h2{text-align:center;margin-bottom:16px;font-weight:600;font-size:1.6rem;letter-spacing:0.5px;border-bottom:1px solid #ccc;display:inline-block;width:auto;padding-bottom:4px}
.location-card .quote-block h4{text-align:center;margin-bottom:16px;font-weight:600;font-size:1.3rem;border-bottom:1px solid #ccc;display:inline-block;width:auto;padding-bottom:4px}
.location-card .info-line{margin:0.8rem 0;font-size:1rem;line-height:1.5;color:#000}
.location-card .info-line strong{font-weight:700}
.location-card .crime-stars,.location-card .loyalty-stars{font-weight:bold;letter-spacing:2px}
.location-card .bio-text{font-size:1rem;line-height:1.55;text-align:justify}
.location-card .locations-grid{display:flex;flex-direction:column;gap:12px;margin-top:8px}
.location-card .location-item{border-left:3px solid #606060;padding-left:15px}
.location-card .location-name{font-weight:700;font-size:1.1rem;margin-bottom:4px}
.location-card .location-desc{font-size:0.95rem;line-height:1.45}
@media (max-width:700px){.location-card .top-section{flex-direction:column;align-items:center}.location-card .image-cell{flex:0 0 auto}.location-card .village-image{margin:0 auto}}
#tab_ame{color:#000}
#tab_ame .amega-card{width:100%}
#tab_ame .amega-top-section{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start;margin-bottom:20px}
#tab_ame .amega-image-cell{flex:0 0 300px;text-align:center}
#tab_ame .amega-village-image{width:100%;max-width:300px;height:auto;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.4);display:block;background:#4a4a4a;border:1px solid #000}
#tab_ame .quote-block{background:#f5f5f5;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 6px rgba(0,0,0,0.2);color:#000}
#tab_ame .quote-block h2{text-align:center;margin-bottom:16px;font-weight:600;font-size:1.6rem;letter-spacing:0.5px;border-bottom:1px solid #ccc;display:inline-block;width:auto;padding-bottom:4px;color:#000}
#tab_ame .quote-block h4{text-align:center;margin-bottom:16px;font-weight:600;font-size:1.3rem;border-bottom:1px solid #ccc;display:inline-block;width:auto;padding-bottom:4px;color:#000}
#tab_ame .quote-block:last-child h4{border-bottom:none}
#tab_ame .bio-text{font-size:1rem;line-height:1.55;text-align:justify;color:#000}
#tab_ame .locations-grid{display:flex;flex-direction:column;gap:12px;margin-top:8px}
#tab_ame .location-item{border-left:3px solid #606060;padding-left:15px}
#tab_ame .location-name{font-weight:700;font-size:1.1rem;margin-bottom:4px;color:#000}
#tab_ame .location-desc{font-size:0.95rem;line-height:1.45;color:#333}
#tab_ame .info-line{margin:0.8rem 0;font-size:1rem;line-height:1.5;color:#000}
#tab_ame .info-line strong{font-weight:700;color:#000}
#tab_ame .crime-stars,#tab_ame .loyalty-stars{font-weight:bold;letter-spacing:2px;color:#000}
@media (max-width:700px){#tab_ame .amega-top-section{flex-direction:column;align-items:center}#tab_ame .amega-image-cell{flex:0 0 auto}#tab_ame .amega-village-image{margin:0 auto}}
</style>
</head>
<body>
<div class="page-container">
<div class="section-header">III - Страна Дождя</div>
<div class="shinobi-scroll">
<input type="checkbox" id="scroll-toggle-manga">
<div class="scroll-wrap">
<div class="scroll-head">
<span class="side-roll left"></span>
<span class="side-roll right"></span>
<label class="scroll-title" for="scroll-toggle-manga">I I I I К А Р Т А С Т Р А Н Ы Д О Ж Д Я I I I I</label>
</div>
<div class="scroll-content-outer">
<div class="scroll-content-inner">
<div class="scroll-sheet">
<div class="scroll-content">
<img class="scroll-image" src="https://upforme.ru/uploads/001a/74/14/398/785064.png" alt="Карта Страны Дождя" loading="lazy">
<div class="two-columns">
<div class="column">
<h4>Путь от деревни скрытого Дождя до:</h4>
<ul class="route-list"><li>Хейдзе занимает 2.5 часа</li><li>Ишигамы занимает 4.5 часа</li><li>Харусаме занимает 3 часа</li><li>Футаго занимает 1.5 часа</li><li>Кокурю-мура занимает 2 часа</li></ul>
</div>
<div class="column">
<h4>Путь от деревни скрытого Дождя до границы со страной:</h4>
<ul class="route-list"><li>Огня занимает 4 часа</li><li>Рек занимает 3 часа</li><li>Ветра занимает 2.5 часа</li><li>Камня занимает 3.5 часа</li><li>Земли занимает 5.5 часов</li><li>Травы занимает 2 часа</li></ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="tabs-wrapper">
<div class="tabs-nav">
<button class="tab-btn" data-tab="tab_ame">Amegakure</button>
<button class="tab-btn" data-tab="tab_heijo">Heijō</button>
<button class="tab-btn" data-tab="tab_noroi">Noroi Toshi</button>
<button class="tab-btn" data-tab="tab_ishigama">Ishigama</button>
<button class="tab-btn" data-tab="tab_harusame">Harusame</button>
<button class="tab-btn" data-tab="tab_futago">Futago</button>
<button class="tab-btn" data-tab="tab_kokuryu">Kokuryū-mura</button>
</div>
<div class="tabs-content">

<div id="tab_ame" class="tab-pane">
<div class="amega-card">
<div class="amega-top-section">
<div class="amega-image-cell"><img class="amega-village-image" src="https://upforme.ru/uploads/001a/74/14/398/783640.jpg" alt="Amegakure"></div>
<div class="quote-block" style="flex:1; margin-bottom:0;">
<h2>Amegakure no Sato — Деревня Скрытого Дождя</h2>
<div class="info-line"><strong>Тип поселения:</strong> скрытое селение ниндзя</div>
<div class="info-line"><strong>Архитектура:</strong> вертикальный индустриальный город-крепость, многоярусная система уровней, высокие узкие башни, мосты, подземные уровни</div>
<div class="info-line"><strong>Климат:</strong> постоянные затяжные дожди, питающие великое озеро, окружающее деревню</div>
<div class="info-line"><strong>Уровень преступности:</strong> <span class="crime-stars">★☆☆☆☆</span> (преступность в деревне практически уничтожена, не каждый бандит решит вести дела в деревне которое населено опасными ниндзя)</div>
<div class="info-line"><strong>Лояльность:</strong> <span class="loyalty-stars">◆◆◆◆◇</span></div>
</div>
</div>
<div class="quote-block"><h4>Описание</h4><div class="bio-text">Почти целиком вертикальный индустриальный город-крепость, где климат (постоянный дождь) диктует и форму, и материалы, и «инженерную» эстетику. Множество высоких узких башен разной высоты, плотно поставленных друг к другу. Деревня состоит не из улиц и кварталов, а как многоярусная система уровней: внизу тёмные «ущелья» между корпусами, выше — мосты, переходы, площадки. Доминанты (самые высокие башни) выполняют роль административных точек.<br><br>Город поделен на несколько районов: более плотная застройка-муравейник в центре, снижается к окраинам, вписанным в природный рельеф окружения («Старый город» с клановыми поместьями). Деревня стоит прямо подле великого озера, в которое стекают все выпадающие осадки.</div></div>
<div class="quote-block"><h4>Локации</h4><div class="locations-grid"><div class="location-item"><div class="location-name">Резиденция Амекаге</div><div class="location-desc">самое высокое здание в деревне.</div></div><div class="location-item"><div class="location-name">Мост</div><div class="location-desc">очень большой и протяженный мост, с воротами на нем. Позволяет пересечь великое озеро и попасть в деревню Дождя. Расположен на западе деревни.</div></div><div class="location-item"><div class="location-name">Восточные ворота</div><div class="location-desc">служат для того чтобы попасть в деревню не пересекая великое озеро, которое омывает селение с севера, запада и юга.</div></div><div class="location-item"><div class="location-name">Тренировочный центр</div><div class="location-desc">башня не самая высокая, но при этом достаточно широкая, чтобы разместить там удобные зоны для тренировок и спаррингов шиноби.</div></div><div class="location-item"><div class="location-name">Центральный архив</div><div class="location-desc">содержит в себе всю бухгалтерию деревни. Очень усиленно охраняется.</div></div><div class="location-item"><div class="location-name">Старый город</div><div class="location-desc">район с очень низкими зданиями, но так же и большой историей. Здесь расселены все три клана Аме.</div></div><div class="location-item"><div class="location-name">Военный госпиталь</div><div class="location-desc">расположен в центре деревни. Может принять в себя довольно много раненых.</div></div><div class="location-item"><div class="location-name">Заброшенный район</div><div class="location-desc">неблагоприятный район, в котором очень мало жителей, из-за того, что не правильно спроектирован, его часто затапливает водой из великого озера.</div></div><div class="location-item"><div class="location-name">Кладбище и мемориал III Войны шиноби</div><div class="location-desc">мемориал погибшим шиноби Дождя. Дань памяти тем временам, когда на территории страны Дождя проходили великие битвы.</div></div></div></div>
</div>
</div>

<div id="tab_heijo" class="tab-pane">
<div class="location-card">
<div class="clan-card"><div class="clan-content">
<div class="top-section"><div class="image-cell"><img class="village-image" src="https://upforme.ru/uploads/001a/74/14/398/147607.png" alt="Heijō"></div><div class="quote-block right-quote"><h2>Heijō — Хейдзе</h2><div class="info-line"><strong>Тип поселения:</strong> столица, крупнейший город страны</div><div class="info-line"><strong>Архитектура:</strong> высокие многоэтажные башни, иногда соседствуют рядом с обычными многоэтажками</div><div class="info-line"><strong>Значение:</strong> административный, финансовый, промышленный и политический центр Страны Дождя</div><div class="info-line"><strong>Уровень преступности:</strong> <span class="crime-stars">★★★★☆</span> (высокий из-за концентрации финансовых потоков)</div><div class="info-line"><strong>Лояльность:</strong> <span class="loyalty-stars">◆◆◇◇◇</span></div></div></div>
<div class="quote-block"><h4>Описание</h4><div class="bio-text">Столица и самый крупный город на всей территории страны Дождя. Хейдзе – это административный, финансовый, промышленный и политический центр государства, разделенный на четыре района. Хейдзе был спроектирован по градостроительной системе «шахматной доски» и с высоты птичьего полета напоминает неправильный прямоугольник.<br><br><strong>Уровень преступности:</strong> Не смотря на то, что здесь, обитает и Дайме страны, из-за большого концентрирования финансовых потоков здесь так же развита и преступность. На каждых двух владельцев какого-либо бизнеса найдется одна как минимум маленькая преступная организация. Зачастую она может быть не такой уж и маленькой.</div></div>
<div class="quote-block"><h4>Локации</h4><div class="locations-grid"><div class="location-item"><div class="location-name">Проспект Белого дракона</div><div class="location-desc">главная магистраль столицы, соединяющая центральные районы.</div></div><div class="location-item"><div class="location-name">Ворота Белого дракона</div><div class="location-desc">парадный въезд в город, украшенный символикой даймё.</div></div><div class="location-item"><div class="location-name">Резиденция Дайме</div><div class="location-desc">резиденция правителя Страны Дождя, окружённая садами и укреплениями.</div></div><div class="location-item"><div class="location-name">Гарнизон дворца Хейдзе</div><div class="location-desc">военный лагерь, обеспечивающий охрану дворцового комплекса и порядка в столице.</div></div><div class="location-item"><div class="location-name">Отель «Красное перо»</div><div class="location-desc">известная гостиница для путешественников, купцов и ниндзя, славящаяся своей неприкосновенностью.</div></div><div class="location-item"><div class="location-name">Ночной квартал</div><div class="location-desc">злачное место с казино «Золотая кошка» и борделем «Сон в лотосовой беседке», центр ночной жизни и теневых сделок.</div></div><div class="location-item"><div class="location-name">Ремесленный квартал</div><div class="location-desc">район мастерских, кузниц и лавок, где производят всё необходимое для города и страны.</div></div><div class="location-item"><div class="location-name">Ристалище северного квартала</div><div class="location-desc">арена для публичных состязаний, тренировок и церемониальных боёв.</div></div></div></div>
</div></div>
</div>
</div>

<div id="tab_noroi" class="tab-pane">
<div class="location-card">
<div class="clan-card"><div class="clan-content">
<div class="top-section"><div class="image-cell"><img class="village-image" src="https://upforme.ru/uploads/001a/74/14/398/686973.png" alt="Noroi Toshi"></div><div class="quote-block right-quote"><h2>Noroi Toshi — Проклятый Город</h2><div class="info-line"><strong>Тип поселения:</strong> заброшенный полигон, закрытая зона</div><div class="info-line"><strong>Архитектура:</strong> многоэтажные здания, башни, мосты, переходы, трубы; три уровня (нижний, средний, верхний)</div><div class="info-line"><strong>Значение:</strong> место для особых тренировок и проведения второго этапа экзамена на звание чунина</div><div class="info-line"><strong>Уровень преступности:</strong> <span class="crime-stars">☆☆☆☆☆</span> (отсутствует)</div><div class="info-line"><strong>Лояльность:</strong> <span class="loyalty-stars">◇◇◇◇◇</span> (неприменимо)</div></div></div>
<div class="quote-block"><h4>Описание</h4><div class="bio-text">Огромная локация, находящаяся неподалеку от Аме. Проход на ее территорию строго ограничен, поэтому обычно ее используют для особых тренировок или, как в этот раз, для проведения второго этапа экзамена на звание Чунин. Данный район защищен от вторжения глухими и очень высокими стенами, пробраться сюда крайне тяжело, обычно на вход получают разрешение.<br><br>Норои Тоши — обширная территория, представляющая множество высоких и не очень зданий. Радиус полигона 10 километров.<br><br><strong>Уровень преступности:</strong> отсутствует. Ни один преступник не захочет жить в таком месте. Да и не зачем тут кому-либо жить.</div></div>
<div class="quote-block"><h4>Локации</h4><div class="locations-grid"><div class="location-item"><div class="location-name">Нижний уровень</div><div class="location-desc">самый опасный уровень города. Подвальные помещения которые с легкостью могут обвалиться вам на голову, быть затопленными или служить домом для разных опасных существ.</div></div><div class="location-item"><div class="location-name">Средний уровень</div><div class="location-desc">бетонные плиты, улицы, так же как и деревня Дождя стоит на воде. Средний уровень проклятого города это то, как выглядила бы деревня, если бы обезлюдила на десять или пятнадцать лет.</div></div><div class="location-item"><div class="location-name">Верхний уровень</div><div class="location-desc">многоэтажные здания, башни которого не дотягивают по высоте до башен деревни Дождя, но значительно возвышаются над обычными зданиями. Между зданиями есть множество мостов и переходов, по которым можно путешествовать, а так же сотни или тысячи труб, которые имеют разное назначение.</div></div><div class="location-item"><div class="location-name">Башня для проведения отборочных поединков</div><div class="location-desc">самая высокая башня полигона. Достичь ее - значит выполнить цель испытания. В ней есть множество залов для единовременного проведения поединков между участниками экзамена.</div></div></div></div>
</div></div>
</div>
</div>

<div id="tab_ishigama" class="tab-pane">
<div class="location-card">
<div class="clan-card"><div class="clan-content">
<div class="top-section"><div class="image-cell"><img class="village-image" src="https://upforme.ru/uploads/001a/74/14/398/181431.png" alt="Ishigama"></div><div class="quote-block right-quote"><h2>Ishigama — Ишигама (Каменная печь)</h2><div class="info-line"><strong>Тип поселения:</strong> индустриальный город-спутник Амегакуре, центр металлургии и производства бетона</div><div class="info-line"><strong>Архитектура:</strong> массивные заводские корпуса из серого камня и металла, высокие трубы, жилые кварталы из типовых бетонных зданий, широкие дороги</div><div class="info-line"><strong>Значение:</strong> основное предприятие региона по выплавке стали, арматуры и производству высококачественного бетона, используемого при строительстве зданий на территории страны и на экспорт </div><div class="info-line"><strong>Уровень преступности:</strong> <span class="crime-stars">★★★☆☆</span> (достаточный)</div><div class="info-line"><strong>Лояльность:</strong> <span class="loyalty-stars">◆◆◇◇◇</span></div></div></div>
<div class="quote-block"><h4>Описание</h4><div class="bio-text">Ишигама возник вокруг старых рудников и плавильных печей. Сейчас это мрачный, но функциональный город, где день и ночь гудят заводы. Воздух здесь плотный и сухой, небо часто затянуто дымкой. Жители - потомственные металлурги и строители, гордящиеся своим ремеслом. Несмотря на индустриальный облик, в городе есть зелёные скверы для отдыха рабочих и их семей.</div><div class="bio-text" style="margin-top:15px;"><strong>Уровень преступности:</strong> в городе существует организованная преступность, некоторые группировки, поняв, что на таком производстве можно зарабатывать большие деньги, стали пытаться крышевать заводы и их владельцев.</div></div>
<div class="quote-block"><h4>Локации</h4><div class="locations-grid"><div class="location-item"><div class="location-name">Заводской комплекс «Стальной поток»</div><div class="location-desc">главное предприятие, производящее металлические конструкции, арматуру и специальные сплавы.</div></div><div class="location-item"><div class="location-name">Бетонные карьеры</div><div class="location-desc">огромные открытые разработки, где добывают сырьё для бетона.</div></div><div class="location-item"><div class="location-name">Центральный склад</div><div class="location-desc">укреплённое хранилище готовой продукции, охраняемое нанятыми ниндзя.</div></div><div class="location-item"><div class="location-name">Жилой район</div><div class="location-desc">квартал с общежитиями, столовыми и небольшим рынком.</div></div><div class="location-item"><div class="location-name">Площадь Трёх Печей</div><div class="location-desc">центральная площадь с памятником основателям города, место проведения праздников.</div></div><div class="location-item"><div class="location-name">Отель «Утренний прилив»</div><div class="location-desc">традиционная гостиница для приезжих торговцев и ниндзя; славится чистыми номерами и горячими источниками.</div></div><div class="location-item"><div class="location-name">Бар «Стальной котёл»</div><div class="location-desc">шумное питейное заведение, где рабочие после смены обсуждают дела, а криминальные авторитеты ведут переговоры.</div></div></div></div>
</div></div>
</div>
</div>

<div id="tab_harusame" class="tab-pane">
<div class="location-card">
<div class="clan-card"><div class="clan-content">
<div class="top-section"><div class="image-cell"><img class="village-image" src="https://upforme.ru/uploads/001a/74/14/398/170860.png" alt="Harusame"></div><div class="quote-block right-quote"><h2>Harusame — Харусаме (Весенний дождь)</h2><div class="info-line"><strong>Тип поселения:</strong> восточный торговый и административный центр, расположенный неподалёку от границы со Страной Огня</div><div class="info-line"><strong>Архитектура:</strong> бетонные, многоэтажные здания, широкие мощёные улицы, город окружён невысокой стеной</div><div class="info-line"><strong>Значение:</strong> главные ворота для сухопутной торговли со Страной Огня; таможенные посты, перевалочные базы, гостиницы для купцов</div><div class="info-line"><strong>Уровень преступности:</strong> <span class="crime-stars">★★★★☆</span> (высокий из-за притока торговцев, контрабанды, мелких криминальных групп)</div><div class="info-line"><strong>Лояльность:</strong> <span class="loyalty-stars">◆◆◇◇◇</span></div></div></div>
<div class="quote-block"><h4>Описание</h4><div class="bio-text">Харусаме стоит на пересечении торговых путей, ведущих из Страны Огня в глубь Страны Дождя. Город живёт за счёт пошлин, складов и торговых маршрутов которые в большом количестве проходят через него. Здесь всегда многолюдно: можно встретить купцов, наёмников и посредников. Коррупция и теневые сделки обычное дело для Харусаме. Несмотря на это, город ухожен, его улицы регулярно ремонтируются, а ворота закрываются на ночь.</div><div class="bio-text" style="margin-top:15px;"><strong>Уровень преступности:</strong> в городе активно действуют преступные группировки, стремящиеся контролировать потоки товаров. Мафия крышует склады, требуя «налог» за хранение грузов, вмешивается в работу таможни, подкупая чиновников для занижения пошлин и пропуска контрабанды. Местные банды также не стесняются грабить не податливых купцов и вымогать у торговцев деньги, что делает Харусаме самым криминальным городом Страны Дождя после столицы.</div></div>
<div class="quote-block"><h4>Локации</h4><div class="locations-grid"><div class="location-item"><div class="location-name">Восточные ворота</div><div class="location-desc">главный въезд со стороны Страны Огня, где расположена таможня.</div></div><div class="location-item"><div class="location-name">площадь «Сухой рынок»</div><div class="location-desc">крытый рынок, где торгуют тканями, пряностями, инструментами и ремесленными изделиями и всем, чем угодно.</div></div><div class="location-item"><div class="location-name">Складской квартал</div><div class="location-desc">лабиринт складов и амбаров, где хранятся товары перед отправкой дальше. Значительная часть дохода города происходит из того, что эти склады сдаются в аренду.</div></div><div class="location-item"><div class="location-name">Гарнизон стражи</div><div class="location-desc">укреплённый пост где расположены стражи порядка, следящие за происходящим в городе и старающиеся пресекать особо крупные преступления.</div></div><div class="location-item"><div class="location-name">Гостиница «Уютная лужа»</div><div class="location-desc">крупнейший постоялый двор, пользующийся дурной славой из-за частых драк, убийств и тёмных сделок.</div></div><div class="location-item"><div class="location-name">Площадь Посредников</div><div class="location-desc">место, где заключают торговые соглашения, работают менялы и переводчики.</div></div><div class="location-item"><div class="location-name">Северный жилой район</div><div class="location-desc">спокойная часть города с домами зажиточных горожан и небольшой чайной.</div></div></div></div>
</div></div>
</div>
</div>

<div id="tab_futago" class="tab-pane">
<div class="location-card">
<div class="clan-card"><div class="clan-content">
<div class="top-section">
<div class="image-cell"><img class="village-image" src="https://upforme.ru/uploads/001a/74/14/398/768433.png" alt="Футаго — Двойная долина"></div>
<div class="quote-block right-quote">
<h2>Futago — Футаго (Долина двух холмов)</h2>
<div class="info-line"><strong>Тип поселения:</strong> крупное сельское и горнодобывающее поселение в широкой долине между двумя лесистыми холмами</div>
<div class="info-line"><strong>Архитектура:</strong> смесь традиционных деревенских домов и нескольких крупных каменных зданий административного значения; мощёные дороги, шахтные постройки на окраинах</div>
<div class="info-line"><strong>Значение:</strong> центр добычи угля для снабжения Исигамы; развитое животноводство и производство продовольствия для окрестных поселений</div>
<div class="info-line"><strong>Уровень преступности:</strong> <span class="crime-stars">★★★☆☆</span> (средний)</div>
<div class="info-line"><strong>Лояльность:</strong> <span class="loyalty-stars">◆◆◆◆◇</span></div>
</div>
</div>
<div class="quote-block"><h4>Описание</h4><div class="bio-text">Футаго раскинулась в живописной долине, защищённой с двух сторон поросшими лесом холмами. В центре возвышается несколько крупных зданий, где располагается администрация и общинные службы. Главное богатство деревни — обширные залежи каменного угля, обнаруженные в недрах холмов. Уголь регулярно отправляется в промышленный город Исигама, где он жизненно необходим для заводов и плавильных печей. Помимо добычи, жители занимаются разведением скота и выращиванием зерновых, обеспечивая продовольствием не только себя, но и соседние поселения. Жизнь здесь размеренна, но постоянный приток рабочих и торговцев, связанных с угольным промыслом, приносит как доход, так и новые проблемы.</div><div class="bio-text" style="margin-top:15px;"><strong>Уровень преступности:</strong> рост угольной торговли привлёк в долину криминальные элементы. Местные группировки пытаются взять под контроль доставку угля в Исигаму, требуют «налог» с шахтёров и перекупщиков. Также участились кражи скота и конфликты из-за земельных участков, прилегающих к шахтам. Деревенская стража с трудом справляется с наплывом приезжих, и тёмные сделки стали привычной частью жизни Футаго.</div></div>
<div class="quote-block"><h4>Локации</h4><div class="locations-grid"><div class="location-item"><div class="location-name">Центральная площадь</div><div class="location-desc">главная площадь с колодцем, лавками и зданием старосты.</div></div><div class="location-item"><div class="location-name">Угольные шахты «Чёрный холм»</div><div class="location-desc">основные разработки на склоне восточного холма; здесь добывают уголь, который затем отправляют в Исигаму.</div></div><div class="location-item"><div class="location-name">Сортировочный пункт и склад угля</div><div class="location-desc">огороженная территория, где уголь промывают, сортируют и грузят на повозки для отправки за пределы долины.</div></div><div class="location-item"><div class="location-name">Кожевенные мастерские</div><div class="location-desc">ряд цехов, где выделывают шкуры и изготавливают ремни, сумки, упряжь для вьючных животных.</div></div><div class="location-item"><div class="location-name">Лесопилка и столярная артель</div><div class="location-desc">производят крепёжные материалы для шахт, ящики для угля и мебель для местных нужд.</div></div><div class="location-item"><div class="location-name">Скотный двор «Зелёный луг»</div><div class="location-desc">обширные пастбища за деревней, где разводят крупный рогатый скот и лошадей для перевозки угля.</div></div><div class="location-item"><div class="location-name">Гостевой дом «Два холма»</div><div class="location-desc">постоялый двор для приезжих купцов, шахтёров и путников.</div></div><div class="location-item"><div class="location-name">Общинная мельница и пекарня</div><div class="location-desc">производят муку и хлеб, обеспечивая продуктами как местных жителей, так и рабочих из шахт.</div></div></div></div>
</div></div>
</div>
</div>

<div id="tab_kokuryu" class="tab-pane">
<div class="location-card">
<div class="clan-card"><div class="clan-content">
<div class="top-section">
<div class="image-cell"><img class="village-image" src="https://upforme.ru/uploads/001a/74/14/398/571042.png" alt="Кокурю-мура — Деревня Черного Дракона"></div>
<div class="quote-block right-quote">
<h2>Kokuryū-mura — Кокурью-мура (Деревня Черного Дракона)</h2>
<div class="info-line"><strong>Тип поселения:</strong> небольшая восстановленная деревня в глубине лесисто-болотистых холмов на юге страны</div>
<div class="info-line"><strong>Архитектура:</strong> деревянные дома, восстановленные из руин; несколько укрепленных зданий, следы недавних боёв на окраинах</div>
<div class="info-line"><strong>Значение:</strong> контроль над старыми контрабандными тропами; удобный перевалочный пункт перед отправкой в Страну Ветра или Страну Рек</div>
<div class="info-line"><strong>Уровень преступности:</strong> <span class="crime-stars">★★☆☆☆</span> (ниже среднего, но сохраняется угроза)</div>
<div class="info-line"><strong>Лояльность:</strong> <span class="loyalty-stars">◆◆◆◆◇</span></div>
</div>
</div>
<div class="quote-block">
<h4>Описание</h4>
<div class="bio-text">До недавнего времени Кокурью-мура была мёртвой деревней — развалины, забытые даже на картах. Её труднодоступное расположение в лесисто-болотистых холмах привлекло беглых ниндзя, контрабандистов и прочих изгоев, которые превратили руины в укреплённое убежище. Здесь скрывались от правосудия, заключались тёмные сделки, и никто не рисковал сунуться в эти места.</div>
<div class="bio-text" style="margin-top:15px;">Всё изменилось, когда ниндзя Скрытого Дождя провели масштабную операцию по зачистке. За одну ночь преступное гнездо было уничтожено, выжившие разбежались. Спустя время, узнав о безопасности, сюда начали возвращаться потомки бывших жителей и переселенцы, ищущие спокойной жизни. Сейчас деревня отстраивается заново, но память о «чёрных годах» осталась в именах и старых подвалах, где до сих пор находят следы прежних обитателей.</div>
<div class="bio-text" style="margin-top:15px;"><strong>Уровень преступности:</strong> после зачистки открытая преступность снизилась, но угроза остаётся. Деревня находится на юге Страны Дождя и является удобным перевалочным пунктом перед отправкой в Страну Ветра или Страну Рек. Преступные группировки стремятся вернуть контроль над контрабандными тропами, и время от времени в окрестностях замечают подозрительных личностей. Кроме того, некоторые бывшие сообщники или искатели лёгкой наживы продолжают рыскать по руинам в поисках схронов, оставленных их предшественниками. Местная стража и добровольцы стараются поддерживать порядок, но полностью искоренить наследие прошлого пока не удалось.</div>
</div>
<div class="quote-block">
<h4>Локации</h4>
<div class="locations-grid">
<div class="location-item"><div class="location-name">Центральная улица</div><div class="location-desc">главная артерия деревни, где расположены лавки, колодец и здание старосты.</div></div>
<div class="location-item"><div class="location-name">Старое кладбище</div><div class="location-desc">заброшенное кладбище на окраине, где по слухам до сих пор находят тайники и схроны преступников.</div></div>
<div class="location-item"><div class="location-name">Таверна «Черный дракон»</div><div class="location-desc">единственное питейное заведение, построенное на месте бывшего штаба бандитов; излюбленное место для сплетен и редких подозрительных личностей.</div></div>
<div class="location-item"><div class="location-name">Складские руины</div><div class="location-desc">остатки старых складов, где нукенины хранили награбленное; сейчас частично расчищены, но многие подвалы завалены.</div></div>
<div class="location-item"><div class="location-name">Площадь возвращения</div><div class="location-desc">центральная площадь, где установлен памятник в честь освобождения деревни; место проведения праздников.</div></div>
<div class="location-item"><div class="location-name">Лесная тропа контрабандистов</div><div class="location-desc">старая дорога через холмы и болота, ведущая к южным границам; иногда используется смельчаками.</div></div>
</div>
</div>
</div></div>
</div>
</div>
</div>
</div>
</div>
<script>
const tabBtns = document.querySelectorAll('.tab-btn');
let currentTabId = null;
function closeTab(tabId){const pane=document.getElementById(tabId);if(pane)pane.classList.remove('active-pane');const btn=document.querySelector(`.tab-btn[data-tab="${tabId}"]`);if(btn)btn.classList.remove('active');if(currentTabId===tabId)currentTabId=null}
function openTab(tabId){const pane=document.getElementById(tabId);if(!pane)return;pane.classList.add('active-pane');const btn=document.querySelector(`.tab-btn[data-tab="${tabId}"]`);if(btn)btn.classList.add('active');currentTabId=tabId}
tabBtns.forEach(btn=>{btn.addEventListener('click',()=>{const tabId=btn.getAttribute('data-tab');if(currentTabId===tabId){closeTab(tabId)}else{if(currentTabId)closeTab(currentTabId);openTab(tabId)}})});
</script>
</body>
</html>[/html]

Отредактировано Hideki (28.03.2026 02:59)

+10

Поделиться529.03.2026 02:34

Автор: Hideki
госпожа жнец
Анкета Опыт Хрона
Чунин
Сообщений: 384
Уважение: +439
Последний визит:
05.04.2026 14:39
Достижения:

[hideprofile]
[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<title>Амегакуре | История деревни Дождя</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
background: #2c2c2c;
font-family: 'Segoe UI', 'Roboto', 'Verdana', sans-serif;
padding: 20px;
display: flex;
flex-direction: column;
align-items: center;
line-height: 1.5;
}

.page-container {
max-width: 1200px;
width: 100%;
}

.section-header {
background-color: #606060;
border-radius: 12px;
text-align: center;
padding: 12px 20px;
margin-bottom: 14px;
font-weight: 600;
font-size: 1.4rem;
letter-spacing: 1px;
color: #fff;
box-shadow: 0 1px 3px rgba(0,0,0,0.2);
border: 1px solid #7a7a7a;
}

.clan-accordion {
width: 100%;
background: transparent;
margin-bottom: 10px;
}

.clan-accordion-btn {
width: 100%;
background-color: #3a3a3a;
border: none;
border-radius: 12px;
padding: 16px 20px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 1.4rem;
font-weight: bold;
color: #ffffff;
text-align: left;
transition: background 0.2s ease, transform 0.1s;
box-shadow: 0 4px 8px rgba(0,0,0,0.3);
margin-bottom: 10px;
}
.clan-accordion-btn:hover {
background-color: #505050;
}
.clan-accordion-btn:active {
transform: scale(0.98);
}
.clan-accordion-btn span:first-child {
font-size: 1.4rem;
letter-spacing: 1px;
}
.arrow {
font-size: 1.6rem;
transition: transform 0.2s;
color: #ffffff;
}
.clan-accordion-btn.open .arrow {
transform: rotate(180deg);
}

.clan-accordion-content {
display: none;
background: transparent;
border-radius: 12px;
overflow: hidden;
animation: fadeSlide 0.3s ease;
}
.clan-accordion-content.show {
display: block;
}

@keyframes fadeSlide {
from {
opacity: 0;
transform: translateY(-8px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

.clan-card {
width: 100%;
background: #606060;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 10px 25px rgba(0,0,0,0.5);
}
.clan-content {
padding: 20px;
display: flex;
flex-direction: column;
gap: 20px;
}
.two-columns {
display: flex;
gap: 20px;
align-items: flex-start;
}
.image-col {
flex-shrink: 0;
width: 300px;
}
.text-col {
flex: 1;
min-width: 0;
}
.quote-block {
background: #f5f5f5;
border-radius: 12px;
padding: 20px;
color: #000;
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
font-weight: normal;
font-size: 1rem;
line-height: 1.5;
width: 100%;
}
.era-image {
width: 300px;
height: 300px;
object-fit: cover;
border-radius: 12px;
border: 2px solid #000000;
box-shadow: 0 2px 5px rgba(0,0,0,0.15);
display: block;
}
.era-description {
font-weight: bold;
font-size: 1.2rem;
display: inline-block;
margin-bottom: 6px;
}
.era-years {
margin-top: 10px;
font-weight: bold;
font-size: 0.9rem;
color: #2c2c2c;
text-align: center;
}
.contemporaries {
margin-top: 12px;
text-align: left;
}
.contemporaries p {
margin-bottom: 6px;
font-size: 0.9rem;
}
.contemporaries strong {
font-weight: bold;
}
.chronology-block {
background: #f5f5f5;
border-radius: 12px;
padding: 20px;
color: #000;
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
text-align: left;
font-weight: normal;
font-size: 0.9rem;
line-height: 1.55;
}
.chronology-block ul {
margin-left: 20px;
list-style: none;
}
.chronology-block li {
margin-bottom: 10px;
position: relative;
padding-left: 20px;
}
.chronology-block li::before {
content: "•";
position: absolute;
left: 0;
color: #2c2c2c;
font-weight: bold;
}

@media (max-width: 700px) {
body {
padding: 15px;
}
.section-header {
font-size: 1.2rem;
padding: 10px 16px;
margin-bottom: 10px;
}
.clan-accordion-btn {
font-size: 1.2rem;
padding: 12px 16px;
}
.clan-accordion-btn span:first-child {
font-size: 1.2rem;
}
.two-columns {
flex-direction: column;
align-items: center;
}
.image-col {
width: 100%;
display: flex;
justify-content: center;
}
.era-image {
width: 300px;
height: 300px;
}
.text-col {
width: 100%;
}
.quote-block {
font-size: 0.95rem;
}
.chronology-block {
font-size: 0.85rem;
}
.contemporaries p {
font-size: 0.85rem;
}
}
</style>
</head>
<body>
<div class="page-container">
<div class="section-header">IV - История деревни Дождя</div>

<div class="clan-accordion">
<button class="clan-accordion-btn" id="btnChap1">
<span>Эпоха Саламандры</span>
<span class="arrow">▼</span>
</button>
<div class="clan-accordion-content" id="contentChap1">
<div class="clan-card">
<div class="clan-content">
<div class="two-columns">
<div class="image-col">
<img class="era-image" src="https://upforme.ru/uploads/001a/74/14/398/119282.png" alt="Символ эпохи Саламандры">
</div>
<div class="text-col">
<div class="quote-block">
<div class="era-description">Эпоха Саламандры охватывает собой времена от создания деревни Дождя до конца правления Ханзо.</div>
<div class="era-years"><strong>[N – 515]</strong></div>
<div class="contemporaries">
<p><strong>Современники эпохи из страны Дождя:</strong> Ханзо Саламандра, Яхико, Конан, Узумаки Нагато.</p>
<p><strong>Современники эпохи из других стран:</strong> Мифуне, Шимура Данзо, Орочимару, Джирая, Тсунаде.</p>
</div>
</div>
</div>
</div>
<div class="chronology-block">
<ul>
<li><strong>[N – 460]</strong> — Деревня скрытого Дождя была создана во незапамятные времена, после того, как в великих странах образовались свои скрытые деревни. У ее истоков стояли клан Сенкетсу, Токаге и другие ниндзя, которым не нашлось место в других деревнях.</li>
<li><strong>[N – 460]</strong> — Как и все скрытые деревни малых стран, Дождь был значительно слабее деревень пяти великих стран. Так продолжалось до тех пор пока не родился один легендарный шиноби.</li>
<li><strong>[460 – 480]</strong> — Ханзо родился ниндзя скрытого Дождя, и уже совсем скоро слава о нем прогремела на весь мир. Его стали называть "Саламандрой" и считать сильнейшим шиноби во всем мире, так как он не знал поражений. Он мог в одиночку уничтожать отряды опытных ниндзя. В то время он был благороден, и мог оставить в живых тех, кого посчитал достойными.</li>
<li><strong>[480–490]</strong> — Очень быстро Ханзо своей репутацией и силой защитил свое Родину от агрессии других селений и стал лидером деревни скрытого Дождя. Во времена его правления скрытый Дождь конечно не поднялся до уровня могущества деревень великих стран, однако стал сильнейшим среди малых деревень.</li>
<li><strong>[490–510]</strong> — Годы шли, Саламандра старел, вместе с возрастом к нему пришла паранойя. Он стал никому не доверять и опасаться предательства. Из-за этого, его правление стало более жестоким, и он начал уничтожать инакомыслящих и не согласных.</li>
<li><strong>[510–513]</strong> — Так, во время идущей тогда Третьей Мировой Войны Шиноби на территории страны Дождя появилась организация, называющая себя "Красной Луной". По ее заявлениям, она хотела призвать к миру деревни скрытого Листа, Ветра и Камня, ведущих войну на их территории. Однако Саламандра не верил в их намерения, он заманил их в ловушку и убил одного из лидеров организации — Яхико. Его товарищ жестоко отомстил Ханзо за его вероломность и уничтожил многих верных ему шиноби, а Саламандре же на время удалось скрыться от возмездия.</li>
<li><strong>[514–515]</strong> — В деревне скрытого Дождя начинается гражданская война, которую возглавил некто неизвестный, зовущий себя "Пейн". Он убивает Ханзо и начинает политические чистки всех верных ему последователей, в числе которых оказывается как семья Ханзо, так и верный ему клан Токаге. Пейн уничтожил многих тех, кто не успел сбежать и скрыться от его возмездия, однако не вычистил их полностью. Клан Сенкетсу же тоже сильно пострадал от гражданской войны, будучи на стороне восставших, он потерял много своих шиноби.</li>
<li><strong>[515]</strong> — Эпоха Саламандры окончена.</li>
</ul>
</div>
</div>
</div>
</div>
</div>

<div class="clan-accordion">
<button class="clan-accordion-btn" id="btnChap2">
<span>Эпоха Красной Луны</span>
<span class="arrow">▼</span>
</button>
<div class="clan-accordion-content" id="contentChap2">
<div class="clan-card">
<div class="clan-content">
<div class="two-columns">
<div class="image-col">
<img class="era-image" src="https://upforme.ru/uploads/001a/74/14/398/763485.png" alt="Символ эпохи Красной Луны">
</div>
<div class="text-col">
<div class="quote-block">
<div class="era-description">Эпоха Красной Луны охватывает собой года правления Узумаки Нагато известного как Пейн.</div>
<div class="era-years"><strong>[515 – 528]</strong></div>
<div class="contemporaries">
<p><strong>Современники эпохи из страны Дождя:</strong> Узумаки Нагато, Конан</p>
<p><strong>Современники эпохи из других стран:</strong> Учиха Обито, члены Акатсуки, Пять Каге великих Деревень, Узумаки Наруто, шиноби скрытого Листа, Облака, Песка, Камня, Тумана.</p>
</div>
</div>
</div>
</div>
<div class="chronology-block">
<ul>
<li><strong>[515]</strong> — После убийства Ханзо власть в деревне переходит к таинственному лидеру, называющему себя «Пейн». Его истинная личность (Узумаки Нагато) остаётся неизвестной для жителей Амегакуре. Все распоряжения и указы Пейн передаёт через своего ангела — Конан, которая становится единственным публичным представителем новой власти.</li>
<li><strong>[515–520]</strong> — Пейн устанавливает в стране Дождя режим изоляции. Деревня объявляется закрытой для внешнего мира. Чтобы скрыть произошедший переворот, Пейн распространяет за пределами Амегакуре слухи о том, что гражданская война всё ещё продолжается, а Ханзо Саламандра якобы остаётся у власти. Эти дезинформационные меры позволяют Пейну сохранить контроль и избежать внешнего вмешательства.</li>
<li><strong>[520–525]</strong> — Акацуки, действуя под руководством Пейна (Нагато) и Тоби, активизирует охоту на биджу. Амегакуре становится тайной базой организации, где собирается информация и разрабатываются планы по захвату хвостатых зверей. В деревне поддерживается железная дисциплина, любой инакомыслящий жестоко карается.</li>
<li><strong>[528]</strong> — Легендарный саннин Джирая проникает в Амегакуре, чтобы разузнать правду о лидере Акацуки. Он встречает Конан и вступает в бой с Пейном. Несмотря на героические усилия, Джирая погибает, но успевает передать в Коноху ключевую информацию о личности Пейна и его способностях.</li>
<li><strong>[528]</strong> — После гибели учителя Пейн лично отправляется в Коноху, чтобы захватить Узумаки Наруто — джинчурики девятихвостого. Он уничтожает деревню Скрытого Листа, однако благодаря Наруто и его союзникам Пейн терпит поражение. Нагато, тронутый решением Наруто, жертвует остатками своей жизни, чтобы воскресить погибших жителей Конохи. Эпоха Красной Луны подходит к концу.</li>
<li><strong>[528]</strong> — Учиха Обито (он же Тоби, он же Учиха Мадара), желая заполучить Риннеган, является в Амегакуре и убивает Конан, последнюю хранительницу наследия Нагато. С её смертью завершается правление Пейна, и Амегакуре на время погружается в хаос, оставшись без единого лидера.</li>
<li><strong>[528]</strong> — Эпоха Красной Луны окончена.</li>
</ul>
</div>
</div>
</div>
</div>
</div>

<div class="clan-accordion">
<button class="clan-accordion-btn" id="btnChap3">
<span>Эпоха войн</span>
<span class="arrow">▼</span>
</button>
<div class="clan-accordion-content" id="contentChap3">
<div class="clan-card">
<div class="clan-content">
<div class="two-columns">
<div class="image-col">
<img class="era-image" src="https://upforme.ru/uploads/001a/74/14/398/549423.png" alt="Символ эпохи войн">
</div>
<div class="text-col">
<div class="quote-block">
<div class="era-description">Эпоха войн охватывает длительный временной период с окончания правления Пейна до становления Кайдо первым Амекаге и вхождения страны Дождя в число великих.</div>
<div class="era-years"><strong>[528 – 625]</strong></div>
<div class="contemporaries">
<p><strong>Современники эпохи из страны Дождя:</strong> Некко Намура, Узумаки Мако, Сетсуки Йошимори, Токаге Рюкузан, Узумаки Акари, Фудо, Тору, Токаге Ямори, Кайдо</p>
<p><strong>Современники эпохи из других стран:</strong> Собаку но Саюри, Наоки, Эйджиро, Акума, Узумаки Хорин, Рэй, Сугавару Ямацу</p>
</div>
</div>
</div>
</div>
<div class="chronology-block">
<ul>
<li><strong>[528–560]</strong> — После смерти Нагато и Конан Амегакуре погружается в хаос. Деревня, оставшаяся без единого лидера, постепенно восстанавливает силы, но память о жертвах уступает место насущным проблемам выживания. В это время обостряются конфликты между великими державами, однако они не решаются на открытое противостояние. Малые страны, напротив, видят в этом шанс заявить о себе.</li>
<li><strong>[540]</strong> — Вернулись клан Токаге и семья Ханзо. После смерти Пейна и смены власти они больше не были изгнанниками. Скрытый Дождь, ослабленный и нуждающийся в сильных и верных ниндзя, принял их обратно.</li>
<li><strong>[560]</strong> — Часть клана Узумаки, избежавшая геноцида и скитавшаяся по миру, находит убежище в Амегакуре. Красноволосые беженцы оседают в стране Дождя, рассчитывая на защиту и кров.</li>
<li><strong>[580]</strong> — Молодая куноичи из клана Узумаки — Узумаки Мако — становится джинчурики Семихвостого (Чоумей).</li>
<li><strong>[589]</strong> — Образован Альянс малых стран. В него входят Страны Рек, Когтя, Травы, Водопада и другие. Единственной малой страной, отказавшейся присоединиться, становится Аме но Куни: горький опыт прежних коалиций заставляет её лидера держаться особняком.</li>
<li><strong>[606]</strong> — Начинается война между Страной Дождя и Альянсом. Главнокомандующий коалиции рассчитывает на быструю победу за счёт многократного численного превосходства, но Амегакуре впервые демонстрирует миру свой главный козырь — джинчурики Семихвостого встаёт на защиту деревни, позволяя ей сдерживать атаки противника. Страна Ветра оказывает Амегакуре негласную поддержку.</li>
<li><strong>[609, сентябрь]</strong> — Ослабленный долгой войной Дождь становится целью агрессии Даймё Страны Ветра. Под нажимом более могущественного соседа лидер Амегакуре Некко Намура вынужден согласиться на вассализацию. По итогам переговоров Амегакуре становится частью Страны Ветра, сохраняя ограниченную автономию.</li>
<li><strong>[610, январь]</strong> — Противостояние между Суной (при поддержке Конохи) и Альянсом (при поддержке Ото) достигает критической точки. На поле боя появляется джинчурики Семихвостого, и наступление Альянса удаётся остановить. Битва демонстрирует, что даже в составе вассала Амегакуре остаётся силой, с которой приходится считаться.</li>
<li><strong>[610, февраль]</strong> — Шиноби Ото — Эйджиро, Акума и Узумаки Хорин — похищают главнокомандующего Альянса Сугавару Ямацу.</li>
<li><strong>[610, март]</strong> — Страна Мороза выходит из Альянса. Лидер Ото Рэй устраняет Сугавару Ямацу, лишая коалицию единого руководства.</li>
<li><strong>[610, апрель]</strong> — Страна Снега также покидает Альянс. Единство малых стран начинает стремительно разрушаться.</li>
<li><strong>[610, июнь]</strong> — Альянс малых стран официально распадается. Война, длившаяся четыре года, завершается без формального победителя, но Амегакуре продолжает быть в зависимости от Страны Ветра.</li>
<li><strong>[617, февраль]</strong> — Недовольство вассальным положением нарастает. Под предводительством Кайдо Страна Дождя поднимает восстание за независимость против Страны Ветра. Начинается освободительная война.</li>
<li><strong>[617, май]</strong> — В одном из ключевых сражений погибает джинчурики Семихвостого — Узумаки Мако. Казекаге Саюри, не желая дальнейшего кровопролития, останавливает войну. Гибель биджу становится тяжёлым ударом, но не ломает волю восставших.</li>
<li><strong>[617, июнь]</strong> — Новый Даймё Страны Ветра отказывается от экспансионистской политики предшественника. Страна Дождя обретает полную независимость. Лидер восстания Кайдо получает титул <strong>Амекаге</strong>, становясь первым официальным главой скрытого Дождя, признанным на международной арене. С этого момента Страна Дождя входит в число великих держав, и отныне мир говорит не о Пяти великих странах, а о Шести.</li>
<li><strong>[625]</strong> — Эпоха войн окончена.</li>
</ul>
</div>
</div>
</div>
</div>
</div>

<div class="clan-accordion">
<button class="clan-accordion-btn" id="btnChap4">
<span>Эпоха возрождения</span>
<span class="arrow">▼</span>
</button>
<div class="clan-accordion-content" id="contentChap4">
<div class="clan-card">
<div class="clan-content">
<div class="two-columns">
<div class="image-col">
<img class="era-image" src="https://upforme.ru/uploads/001a/74/14/398/290745.jpg" alt="Символ эпохи возрождения">
</div>
<div class="text-col">
<div class="quote-block">
<div class="era-description">Эпоха возрождения описывает текущие события.</div>
<div class="era-years"><strong>[625 – настоящее время]</strong></div>
<div class="contemporaries">
<p><strong>Современники эпохи из страны Дождя:</strong> Кайдо, Хидеки, Доку, Куротомару, Широин, Сейдо, Токаге Хисаме</p>
<p><strong>Современники эпохи из других стран:</strong> Сенджу Кейтао, Узумаки Джун, Сенджу Тадао, Учиха Юмеко, Митараши Анеко</p>
</div>
</div>
</div>
</div>
<div class="chronology-block">
<ul>
<li><strong>[625, июнь-июль]</strong> — Проведен международный экзамен на звание чунина. Место проведения — Аме. Победителем стал шиноби Конохи — Сенджу Кейтао. Шиноби Дождя достойно показали себя на экзамене, и в связи с этим скрытый Дождь стал получать больше заказов.</li>
<li><strong>[625, сентябрь]</strong> — Амекаге Кайдо и лидер Таки Кисараби подписывают договор о сотрудничестве.</li>
<li><strong>[628, ноябрь]</strong> — Скрытый Водопад отправил Дождю просьбу о помощи. На место прибыли ниндзя скрытого Дождя, они вступили в сражение с возродившимся семихвостым биджу. В ходе сражения шиноби Аме согласно союзническому долгу помогали скрытому Водопаду эвакуировать людей, вместе с этим продолжая сражаться с хвостатым зверем. Ко всему прочему, у скрытого Дождя произошли стычки с ниндзя Звука, Камня и Облака, а скрытый Лист стал союзником в этой битве.</li>
<li><strong>[628, ноябрь]</strong> — Сразу же после сражения с хвостатым зверем был заключен полноценный союз со скрытым Листом, установлены сотруднические отношения с Туманом, а также значительно испорчены отношения со скрытыми Камнем, Звуком и Облаком.</li>
<li><strong>[628, ноябрь]</strong> — В ходе сражения деревня скрытого Водопада была разрушена. Часть мирных жителей и шиноби скрытого Водопада присоединились к Амегакуре. Кайдо позаботился о том, чтобы людей расселили, а ниндзя поэтапно интегрировали в скрытое селение.</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>

pairs.forEach(pair => {
pair.btn.addEventListener('click', (e) => {
if (e.target.closest('.accordion-btn')) return;
pair.content.classList.toggle('show');
pair.btn.classList.toggle('open');
});
});

const historyBtns = document.querySelectorAll('.accordion-btn');
historyBtns.forEach(btn => {
btn.addEventListener('click', (e) => {
e.stopPropagation();
const content = btn.nextElementSibling;
if (content) content.classList.toggle('show');
});
});
</script>
</body>
</html>[/html]

Отредактировано Hideki (29.03.2026 02:34)

+7

Поделиться629.03.2026 04:49

Автор: Hideki
госпожа жнец
Анкета Опыт Хрона
Чунин
Сообщений: 384
Уважение: +439
Последний визит:
05.04.2026 14:39
Достижения:

[hideprofile]
[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<title>Амегакуре | Цели деревни Дождя</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
background: #2c2c2c;
font-family: 'Segoe UI', 'Roboto', 'Verdana', sans-serif;
font-size: 15px;
padding: 20px;
display: flex;
flex-direction: column;
align-items: center;
line-height: 1.5;
}

.page-container {
max-width: 1200px;
width: 100%;
}

.section-header {
background-color: #606060;
border-radius: 12px;
text-align: center;
padding: 12px 20px;
margin-bottom: 14px;
font-weight: 600;
font-size: 1.4rem;
letter-spacing: 1px;
color: #fff;
box-shadow: 0 1px 3px rgba(0,0,0,0.2);
border: 1px solid #7a7a7a;
}

.clan-accordion {
width: 100%;
background: transparent;
margin-bottom: 10px;
}

.clan-accordion-btn {
width: 100%;
background-color: #3a3a3a;
border: none;
border-radius: 12px;
padding: 16px 20px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 1.4rem;
font-weight: bold;
color: #ffffff;
text-align: left;
transition: background 0.2s ease, transform 0.1s;
box-shadow: 0 4px 8px rgba(0,0,0,0.3);
margin-bottom: 10px;
}
.clan-accordion-btn:hover {
background-color: #505050;
}
.clan-accordion-btn:active {
transform: scale(0.98);
}
.clan-accordion-btn span:first-child {
font-size: 1.4rem;
letter-spacing: 1px;
}
.arrow {
font-size: 1.6rem;
transition: transform 0.2s;
color: #ffffff;
}
.clan-accordion-btn.open .arrow {
transform: rotate(180deg);
}

.clan-accordion-content {
display: none;
background: transparent;
border-radius: 12px;
overflow: hidden;
animation: fadeSlide 0.3s ease;
}
.clan-accordion-content.show {
display: block;
}

@keyframes fadeSlide {
from {
opacity: 0;
transform: translateY(-8px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

.clan-card {
width: 100%;
background: #606060;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 10px 25px rgba(0,0,0,0.5);
}
.clan-content {
padding: 20px;
display: flex;
flex-direction: column;
gap: 20px;
}
.two-columns {
display: flex;
gap: 20px;
align-items: flex-start;
}
.image-col {
flex-shrink: 0;
width: 300px;
}
.text-col {
flex: 1;
min-width: 0;
}
.quote-block {
background: #f5f5f5;
border-radius: 12px;
padding: 20px;
color: #000;
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
font-weight: normal;
font-size: 1rem;
line-height: 1.5;
width: 100%;
}
.goal-image {
width: 300px;
height: 300px;
object-fit: cover;
border-radius: 12px;
border: 2px solid #000000;
box-shadow: 0 2px 5px rgba(0,0,0,0.15);
display: block;
}
.goal-description {
margin-bottom: 16px;
}
.goal-status {
margin-top: 12px;
font-size: 1rem;
border-top: 1px solid #ccc;
padding-top: 12px;
}
.goal-status p {
margin-bottom: 6px;
}
.goal-status strong {
font-weight: bold;
}
.council-title {
font-weight: bold;
font-size: 1.1rem;
text-align: center;
margin-bottom: 20px;
}
.council-grid {
display: flex;
gap: 30px;
justify-content: space-between;
text-align: left;
}
.council-column {
flex: 1;
}
.council-column h4 {
font-weight: bold;
margin-bottom: 12px;
font-size: 1rem;
text-align: center;
}
.council-column ul {
list-style: none;
padding: 0;
}
.council-column li {
margin-bottom: 6px;
position: relative;
padding-left: 16px;
}
.council-column li::before {
content: "•";
position: absolute;
left: 0;
color: #2c2c2c;
font-weight: bold;
}
@media (max-width: 700px) {
body {
padding: 15px;
}
.section-header {
font-size: 1.2rem;
padding: 10px 16px;
margin-bottom: 10px;
}
.clan-accordion-btn {
font-size: 1.2rem;
padding: 12px 16px;
}
.clan-accordion-btn span:first-child {
font-size: 1.2rem;
}
.two-columns {
flex-direction: column;
align-items: center;
}
.image-col {
width: 100%;
display: flex;
justify-content: center;
}
.goal-image {
width: 300px;
height: 300px;
}
.text-col {
width: 100%;
}
.council-grid {
flex-direction: column;
gap: 20px;
}
}
</style>
</head>
<body>
<div class="page-container">
<div class="section-header">V - Цели деревни скрытого Дождя</div>

<div class="clan-accordion">
<button class="clan-accordion-btn" id="btnGoal1">
<span>Добыча биджу для деревни</span>
<span class="arrow">▼</span>
</button>
<div class="clan-accordion-content" id="contentGoal1">
<div class="clan-card">
<div class="clan-content">
<div class="two-columns">
<div class="image-col">
<img class="goal-image" src="https://upforme.ru/uploads/001a/74/14/398/958015.jpg" alt="Символ биджу">
</div>
<div class="text-col">
<div class="quote-block">
<div class="goal-description">
<p>Стратегическая задача первостепенной важности — обрести собственного джинчурики, способного стать не только символом военной мощи Амегакуре, но и гарантом суверенитета в мире, где великие державы привыкли делить влияние. Утрата Семихвостого и гибель предыдущего сосуда оставили деревню без живого оружия сдерживания. Восстановление баланса требует поиска, захвата или переговоров ради получения биджу, который будет служить деревне скрытого Дождя.</p>
</div>
<div class="goal-status">
<p><strong>Статус:</strong> не выполнена ✘</p>
<p><strong>Будет выполнена когда:</strong> в деревне появится хотя бы один запечатанный биджу</p>
</div>
</div>
</div>
</div>
<div class="quote-block">
<div class="council-title">Голоса советников</div>
<div class="council-grid">
<div class="council-column">
<h4>За:</h4>
<ul>
<li>Сетсуки Йошимори</li>
<li>Токаге Рюказан</li>
<li>Узумаки Акари</li>
<li>Фудо</li>
</ul>
</div>
<div class="council-column">
<h4>Против:</h4>
<ul>
<li>Тору</li>
</ul>
</div>
<div class="council-column">
<h4>Воздержавшиеся:</h4>
<ul>
<li>Токаге Ямори</li>
<li>Джинсуке</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="clan-accordion">
<button class="clan-accordion-btn" id="btnGoal2">
<span>Добыча редких способностей чужих селений</span>
<span class="arrow">▼</span>
</button>
<div class="clan-accordion-content" id="contentGoal2">
<div class="clan-card">
<div class="clan-content">
<div class="two-columns">
<div class="image-col">
<img class="goal-image" src="https://upforme.ru/uploads/001a/74/14/398/695488.png" alt="Символ редких способностей">
</div>
<div class="text-col">
<div class="quote-block">
<div class="goal-description">
<p>Чтобы компенсировать ограниченную численность и укрепить позиции среди великих держав, Амегакуре необходимо развивать арсенал уникальных техник и наследственных преимуществ, добытых за пределами страны Дождя. Речь идёт о приобретении (путём кражи или даже похищения) редких стилей боя, геномных способностей или технологий, которые позволят шиноби Дождя эффективнее противостоять противникам, превосходящим их числом или опытом.</p>
</div>
<div class="goal-status">
<p><strong>Статус:</strong> не выполнена ✘</p>
<p><strong>Будет выполнена когда:</strong> в деревне появится хотя бы одна украденная способность</p>
</div>
</div>
</div>
</div>
<div class="quote-block">
<div class="council-title">Голоса советников</div>
<div class="council-grid">
<div class="council-column">
<h4>За:</h4>
<ul>
<li>Токаге Рюказан</li>
<li>Фудо</li>
<li>Токаге Ямори</li>
</ul>
</div>
<div class="council-column">
<h4>Против:</h4>
<ul>
<li>Тору</li>
<li>Сетсуки Йошимори</li>
</ul>
</div>
<div class="council-column">
<h4>Воздержавшиеся:</h4>
<ul>
<li>Узумаки Акари</li>
<li>Джинсуке</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

pairs.forEach(pair => {
pair.btn.addEventListener('click', (e) => {
pair.content.classList.toggle('show');
pair.btn.classList.toggle('open');
});
});
</script>
</body>
</html>[/html]

+8