[html]
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Кумогакуре UI</title>
<style> { box-sizing: border-box; } img { max-width: 100%; height: auto; display: block; } body{ margin:0; font-family:Segoe UI,sans-serif; background:#0b1420; color:#e6edf5; } .wrapper{ max-width:1100px; margin:20px auto; border-radius:20px; overflow:hidden; background:linear-gradient(180deg,#16283d,#101e30); } .hero{ position:relative; text-align:center; padding:50px 15px; background:linear-gradient(180deg,#14263a,#16283d); overflow:hidden; } .hero h1{ margin:0; font-size:32px; background:linear-gradient(90deg,#4da6ff,#f0c85a); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } .hero p{ font-size:12px; color:#cfd9e6; } .cloud{ position:absolute; width:260px; height:80px; background:rgba(255,255,255,0.15); border-radius:60px; filter:blur(10px); animation:move 30s linear infinite; } .cloud::before, .cloud::after{ content:""; position:absolute; background:inherit; border-radius:50%; } .cloud::before{ width:90px; height:90px; top:-35px; left:30px; } .cloud::after{ width:70px; height:70px; top:-25px; right:30px; } .c1{top:40px;} .c2{top:100px; animation-duration:40s;} .c3{top:70px; animation-duration:25s;} @keyframes move{ from{left:-300px;} to{left:110%;} } .inner{ display:flex; } .sidebar{ width:180px; padding:15px; background:#14263a; } .menu{ display:flex; flex-direction:column; } .menu button{ width:100%; padding:10px; margin-bottom:8px; border:none; border-radius:10px; background:#1a324c; color:#d6e2f0; cursor:pointer; } .content{ flex:1; padding:20px; } .card{ background:#16283d; border-radius:14px; padding:20px; } .section{display:none;} .section.active{display:block;} .title{ color:#f0c85a; font-size:18px; } .divider{ height:2px; background:linear-gradient(90deg,transparent,#f0c85a,#4da6ff,transparent); margin:10px 0; } .spoiler{ margin-bottom:10px; border-radius:10px; background:#0f243a; } .spoiler-header{ padding:12px; cursor:pointer; color:#f0c85a; font-weight:bold; } .spoiler-content{ display:none; padding:12px; } .spoiler.open .spoiler-content{ display:block; } .text{ line-height:1.7; font-size:15px; text-align: justify; text-justify: inter-word;} .img{ width:100%; border-radius:10px; margin-top:10px; } @media (max-width:768px){ .inner{ flex-direction:column; } .sidebar{ width:100%; overflow-x:auto; padding:10px; } .menu{ flex-direction:row; gap:8px; } .menu button{ min-width:120px; font-size:13px; padding:8px; } .content{ padding:15px; } .card{ padding:15px; } .text{ font-size:14px; } .hero h1{ font-size:24px; } .hero p{ font-size:11px; } .spoiler-header img { max-width: 100%; height: auto; margin: 0 auto 10px auto; border-radius: 8px; } } .preview{ max-width:500px; width:100%; cursor:pointer; transition:0.3s; border-radius:10px;}.preview:hover{ transform:scale(1.03); opacity:0.9;}.modal{ display:none; position:fixed; z-index:9999; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.9); justify-content:center; align-items:center; padding:20px; animation:fadeIn 0.25s ease;}.modal img{ max-width:90%; max-height:90%; border-radius:14px; box-shadow:0 0 30px rgba(0,0,0,0.6);}.modal-close{ position:absolute; top:20px; right:30px; font-size:32px; color:#fff; cursor:pointer; transition:0.3s;}.modal-close:hover{ color:#f0c85a; transform:scale(1.2);}@keyframes fadeIn{ from{opacity:0;} to{opacity:1;}}.music-player{ margin-top:20px; display:flex; justify-content:center;}.music-player iframe{ width:100%; max-width:700px; height:100px; border-radius:14px; opacity:0.8;}.text a{ color:#CB2A35; text-decoration:none; transition:0.3s;}.text a:hover{ color:#f0c85a; text-decoration:underline;}</style>
</head>
<body>
<div class="wrapper">
<div class="hero">
<div class="cloud c1"></div>
<div class="cloud c2"></div>
<div class="cloud c3"></div>
<h1>ГОРОДА И ЛОКАЦИИ СТРАНЫ</h1>
<p>подробное описание</p>
</div>
<div class="inner">
<div class="sidebar">
<div class="menu">
<button onclick="openSection('main')">Основное</button>
<button onclick="openSection('kumogakure')">Кумогакуре</button>
<button onclick="openSection('kumamoto')">Кумамото</button>
<button onclick="openSection('yavata')">Явата</button>
<button onclick="openSection('otaru')">Отару</button>
<button onclick="openSection('inari')">Инари</button>
<button onclick="openSection('minamisato')">Минамисато</button>
<button onclick="openSection('kamio')">Камио</button>
<button onclick="openSection('tenno')">Тенно</button>
</div>
</div>
<div class="content">
<div class="card">
<div id="main" class="section active">
<div class="title"><b>Подробная карта</b></div>
<div class="text"> В полном размере <a href="https://upforme.ru/uploads/001a/74/14/544/752061.png" target="_blank"><b>здесь</b></a></div>
<div class="divider"></div>
<br>
<img src="https://upforme.ru/uploads/001a/74/14/544/752061.png" alt="Карта" class="preview"><br>
<div class="divider"></div>
<div class="title">Страна Молнии</div>
<div class="spoiler">
<div class="spoiler-header"><img src="https://upforme.ru/uploads/001a/74/14/544/176948.jpg" alt="Страна"><br>
🔻 Основное</div>
<div class="spoiler-content">
<div class="text">Страна Молнии раскинулась на крупном полуострове на северо‑востоке. Её облик диктуют могучие горные хребты, пронзающие небо и часто окутанные грозовыми тучами. Именно из‑за непрекращающихся гроз, сверкающих молний и раскатов грома страна получила своё имя.<br><br>
Из-за большого размера Страна имеет различный рельеф местности, который всё же можно разделить на несколько типичных зон:<br>
<b>— Высокогорье.</b> Крутые скалы, глубокие ущелья и узкие перевалы делают данную местность труднопроходимой. Вершины гор нередко скрыты в плотных облаках.<br>
<b>— Реки и водоёмы.</b> С горных склонов стремительно стекают реки, образуя водопады и озёра. Вода в них чистая, но холодная.<br>
<b>— Горячие источники.</b> В долинах и у подножий гор встречаются термальные ключи — Их используют как места отдыха и восстановления сил.<br>
<b>— Леса и луга.</b> Предгорья покрыты густыми хвойными и лиственными лесами. На солнечных полянах цветут горные травы, а в низинах раскинулись луга.<br>
<b>— Побережье.</b> Скалистые берега с гротами и бухтами.<br><br>
<b>Климат:</b> по большей части — суров. Зимы снежные и морозные, особенно в высокогорье. Лето бывает дождливое, с частыми грозами и шквалистыми ветрами. Из-за влажности туманы окутывают долины, снижая видимость.
</div>
</div>
<div class="divider"></div>
</div>
</div>
<div id="kumogakure" class="section">
<div class="title">Кумогакуре</div>
<div class="spoiler">
<div class="spoiler-header"><img src="https://upforme.ru/uploads/001a/74/14/544/562163.jpg" alt="Кумогакуре"><br>🔻</div>
<div class="spoiler-content">
<div class="text">Кумогакуре — сердце Страны Молнии, её защита и опора. Деревня буквально встроена в горные утесы, отчего кажется парящей среди облаков - Скрытой в них. Её не разглядеть с земли: лишь поднявшись высоко, можно различить жёлто‑синие здания, выступающие из скал. Деревня сочетает суровую функциональность и величественную красоту, отражая дух Страны Молнии.<br><br>
<b>Архитектурные особенности Деревни:</b><br>
- Дома и учреждения вырублены непосредственно в горных породах, или пристроены к отвесным стенам. Окна и балконы выходят на бездонные пропасти.<br>
- Подвесные мосты. Деревянные и канатные переходы соединяют уровни Деревни, и временами колышутся на сильном ветру.<br>
- Цветовая гамма. Преобладают жёлтый и синий — символы молнии и неба. Ворота, крыши и знамёна выдержаны в этой палитре.<br>
- Знак Кумо. Изображение облака с молнией украшает ворота, флаги и здания.<br>
</div>
</div>
<div class="divider"></div>
</div>
<div class="title">Резиденция Райкаге</div>
<div class="spoiler">
<div class="spoiler-header"><img src="https://upforme.ru/uploads/001a/74/14/544/38157.jpg" alt="Резиденция"><br>🔻</div>
<div class="spoiler-content">
<div class="text">Резиденция Райкаге — это административный центр деревни Скрытого Облака, где заседает глава Деревни. Это место также служит штаб-квартирой для управления Деревней и проведения важных встреч.<br><br>
Резиденция расположена в самой высокой башне деревни. Здание имеет шарообразную форму и построено плотно примыкая к скале. На фасаде башни начертан иероглиф "Молния". На вершине резиденции находится сад, с большим количеством растительности, а так же оборудована площадка, откуда Райкаге обозревает свои владения и делает важные заявления для всей деревни. Резиденция символизирует власть и авторитет лидера деревни, а её архитектура и расположение подчёркивают связь с природой и традициями Страны Молнии.<br><br>
<b>Сама Резиденция разделена на несколько уровней:</b><br>
Первый этаж — просторный светлый зал, где расположены кабинеты, в которых происходит выдача и приём миссий для шиноби Скрытого Облака.<br>
Второй этаж отведён под кабинеты и Залы Совета, где выставлены бюсты из белого мрамора, изображающие всех предыдущих Райкаге.<br>
Третий этаж и площадка на крыше — кабинет и личные покои Райкаге.<br>
</div>
</div>
<div class="divider"></div>
</div>
<div class="title">Главные Ворота Кумогакуре</div>
<div class="spoiler">
<div class="spoiler-header"><img src="https://upforme.ru/uploads/001a/74/14/544/218531.jpg" alt="Ворота"><br>🔻</div>
<div class="spoiler-content">
<div class="text">Главные ворота Кумогакуре находятся на окраине деревни, зажаты между двух высоких скал. Это естественный оборонительный рубеж, который затрудняет проникновение врагов в деревню. Ворота являются основным входом и выходом из Скрытой Деревни — служат пунктом пропуска, где проверяются документы, миссии, входящие и выходящие грузы.<br><br>
Сами ворота выглядят довольно низкими по сравнению с окружающими скалами, что создаёт эффект скрытности и подчёркивает оборонительный характер сооружения. Как и во всех Деревне доминируют сине-жёлтые оттенки — традиционные цвета Скрытого Облака, на поверхности ворот присутствуют символы в виде облаков, в ночное время они освещаются специальными фонарями.<br><br>
Непосредственно над воротами возвышаются несколько домов, вырубленных в скалах. Это не столько декоративный элемент, сколько — дополнительная оборонительная мера: Из этих зданий можно вести обстрел или наблюдение за приближающимися к Воротам. Перед воротами расположена широкая площадь, где иногда проходят сборы шиноби или публичные объявления.<br>
Ворота постоянно охраняются, и патрулируются шиноби Кумогакуре, для мгновенного реагирования на любую возможную угрозу.<br>
</div>
</div>
<div class="divider"></div>
</div>
<div class="title">Академия Кумогакуре</div>
<div class="spoiler">
<div class="spoiler-header"><img src="https://upforme.ru/uploads/001a/74/14/544/451173.jpg" alt="Академия"><br>🔻</div>
<div class="spoiler-content">
<div class="text">Академия Шиноби Кумогакуре — ключевое учебное заведение Деревни Скрытого Облака. Как и прочие здания Кумо - Академия органично вписана в суровый горный ландшафт, окутанный облаками. Заведение состоят из двух крупных корпусов, главный находится в Высокой башне с остроконечной крышей. Так же они оборудованы специальными площадками для тренировок. Внутри — классы, лаборатории, спортивные залы, библиотека и комнаты для спаррингов. Все сооружения Академии объединены в единый комплекс, создавая ощущения единства, и защищённости. К комплексу ведёт большой мост, с красные перилами.<br><br>
Обучение сфокусировано главным образом на физических способностях, и на элементе молнии. В рамках обучения дают общие знания о тайдзюцу, ниндзюцу, гендзюцу, тактике и работе с оружием. Ученики тренируются на крышах, проводят спарринги, выполняют командные упражнения, и полевые выходы.<br><br>
Для поступления нужно пройти физический тест, показать возможности управления чакрой, и базовые ручные печати. Выпускные экзамены включают теорию, практику - Но главным критерием успешности обучения является показательный бой с другим учеником. При этом в случае неудачи на экзамене - его можно пересдать в следующем году.<br><br>
Преподаватели — Опытные шиноби, и Чунины. Академия не только готовит генинов для выполнения миссий, но и сохраняет уникальные техники Кумогакуре, воспитывая у молодёжи боевой дух и преданность Деревне.<br>
Сочетание суровой природы, продуманной архитектуры и жёсткой дисциплины делает это учебное заведение одним из самых эффективных в мире шиноби.<br>
</div>
</div>
<div class="divider"></div>
</div>
<div class="title">Больница Кумогакуре</div>
<div class="spoiler">
<div class="spoiler-header"><img src="https://upforme.ru/uploads/001a/74/14/544/980567.jpg" alt="Больница"><br>🔻</div>
<div class="spoiler-content">
<div class="text">Больница Кумогакуре — ключевой медицинский центр Деревни Скрытого Облака. Как и прочие здания, Больничный комплекс органично вписан в скалистый ландшафт. Вместо единого многоэтажного здания здесь несколько отдельных корпусов, их архитектура напоминает парящие платформы, но основные помещениях находятся внутри скал. Такой дизайн не только эстетичен, но и практичен: корпуса защищены от атак, а расположение обеспечивает быстрый доступ к разным отделениям по системе мостов и внутренних переходов.<br><br>
<b>В комплексе несколько специализированных отделений:</b><br><br>
<b>Травматологический корпус</b>, расположен ближе всего к входу. Он оснащён операционными для срочной помощи шиноби, включая лечение переломов и ран.<br>
<b>Терапевтический блок</b> объединяет кабинеты врачей разных профилей, а также лаборатории для анализов.<br>
<b>Хирургический корпус</b> — здесь проводят сложные операции, в том числе с применением медицинских ниндзюцу. Отдельная зона отведена под лечение ожогов от молний и других стихийных техник.<br>
<b>Родильное отделение и физиотерапия</b> размещены в отдельных павильонах с видом на внутренний сад — это помогает пациентам быстрее восстанавливаться.<br>
<b>Внутренний сад</b> на одной из платформ — зона реабилитации с целебными травами и горячими источниками - используются для восстановления чакры и физического тонуса Шиноби.<br>
<b>Лаборатории</b> для разработки уникальных противоядий и стимуляторов, необходимых шиноби.<br>
<b>Склады и укрепленные хранилища</b> с запасами специальных препаратов.<br>
<b>Административный корпус</b> соединяет все блоки системой внутренних тоннелей.<br>
</div>
</div>
<div class="divider"></div>
</div>
<div class="title">Кладбище Кумогакуре</div>
<div class="spoiler">
<div class="spoiler-header"><img src="https://upforme.ru/uploads/001a/74/14/544/876941.jpg" alt="Кладбище"><br>🔻</div>
<div class="spoiler-content">
<div class="text">Кладбище Кумогакуре расположено в центральной части Деревни Скрытого Облака. Это место последнего упокоения всех жителей деревни — как простых людей живущих в Деревне, так и выдающихся Шиноби. На кладбище установлены небольшие синие памятные плиты, что гармонирует с общей жёлто-синей цветовой гаммой Кумогакуре.<br><br>
Жители Кумогакуре бережно ухаживают за могилами: регулярно убирают территорию, возлагают цветы, очищают памятники. Для молодых генинов уход за кладбищем иногда становится одним из первых заданий — это часть воспитания уважения к предкам и истории Деревни.<br><br>
Атмосфера кладбища — умиротворённая: оно служит не только местом памяти, но и своеобразным источником силы для шиноби. Многие бойцы приходят сюда, чтобы поразмышлять о своём пути, черпать вдохновение из наследия предков и укреплять решимость стать сильными шиноби.<br><br>
Архитектурно кладбище органично вписано в горный ландшафт Деревни, скрытой среди облаков. Просторная территория с аккуратными рядами плит создаёт ощущение порядка и вечности. Кладбище играет важную роль в культурной и духовной жизни Кумогакуре.<br>
</div>
</div>
<div class="divider"></div>
</div>
</div>
<div id="kumamoto" class="section">
<div class="title">Кумамото</div>
<div class="spoiler">
<div class="spoiler-header"><img src="https://upforme.ru/uploads/001a/74/14/544/850220.jpg" alt="Кумамото"><br>🔻</div>
<div class="spoiler-content">
<div class="text">Кумамото — Столица Страны Молнии. Город удобно расположенный в плодородной долине, окружённой величественными горными хребтами. Это стратегически выгодное положение не только защищает город от штормов и создаёт стабильный микроклимат, благоприятный для сельского хозяйства, но и служит естественным барьером от вражеских набегов: горные перевалы затрудняют доступ любым захватчикам.<br><br>
Кумамото представляет собой тщательно продуманный комплекс, где внутренняя инфраструктура города организована с учётом максимальной функциональности. Сердце Кумамото — центральная площадь, где сосредоточены ключевые объекты города: оживлённый рынок, обеспечивающий горожан всем необходимым, большой фонтан, служащий частью системы водоснабжения, и Городская администрация, где заседает Совет старейшин.<br><br>
Ремесленные кварталы, расположенные в восточной части города, являются гордостью Кумамото: здесь кипит работа: в кузницах — куют мечи и доспехи, в ткацких мастерских — создают прочные ткани в том числе для униформы шиноби, в гончарных мастерских — из обожженной глины создают утварь. Складские районы на севере и юге города хранят запасы зерна и других необходимых для жизни товаров, а жилые районы в центре и вдоль извилистой реки поражают уютом двухэтажных домов.<br>
</div>
</div>
<div class="divider"></div>
</div>
<div class="title">Резиденция Даймё Страны Молнии</div>
<div class="spoiler">
<div class="spoiler-header"><img src="https://upforme.ru/uploads/001a/74/14/544/323942.jpg" alt="Резиденция"><br>🔻</div>
<div class="spoiler-content">
<div class="text">Резиденция Даймё - монументальное сооружение, "парящее" среди облаков на вершине горных хребтов неподалёку от Кумамото, при этом точное расположение Резиденции - является Тайной, и известно лишь Райкаге, и ряду приближённых людей. Внешне здание напоминает многоуровневый парящий остров: нижняя часть — массивная сферическая основа в жёлто-синих тонах, средний уровень — широкая платформа, соединённая с окружающими скалами подвесными мостами из металла с деревянной отделкой; верхний уровень — зелёный оазис с деревьями и кустарником, где расположен сквер с панорамным видом на горы.<br><br>
Внутри главный зал собраний — огромное полусферическое помещение с куполообразным потолком, украшенным светящимися символами. Рядом с главным залом — приёмная, небольшая отдельная комната для переговоров, и скрытые охранные посты. Так же предусмотрены защитные механизмы - ловушки, барьеры, сенсорные печати реагирующие на чужеродную чакру, и резервные выходы к подвесным мостам и тоннелям.<br><br>
Резиденция органично сочетает величие и функциональность, объединяя природные элементы (Горы и Зелёные деревья) с технологическими достижениями (печати и барьеры), воплощая мощь и уникальность Страны Молнии.<br>
</div>
</div>
<div class="divider"></div>
</div>
<div class="title">Зал Собраний Даймё</div>
<div class="spoiler">
<div class="spoiler-header"><img src="https://upforme.ru/uploads/001a/74/14/544/629911.jpg" alt="Зал Собраний"><br>🔻</div>
<div class="spoiler-content">
<div class="text">Зал собраний Даймё — просторное помещение - Основное на втором уровне Резиденции. В центре располагается овальный стол для совещаний, возвышающийся над уровнем пола, он окружён креслами для советников Даймё, подчёркивающими статус и иерархию. Позади стола организована полукруглая зона с многоуровневыми ступенями из светлого дерева — здесь могут размещаться гости или наблюдатели. Эта зона, подобно амфитеатру, позволяет сторонним лицам присутствовать на собраниях, не нарушая ход дискуссии. Высокие панорамные окна обеспечивают обилие естественного света и открывают вид на окружающий ландшафт - горы и облака, подчёркивая возвышенность локации. Колонны тёмного цвета поддерживают конструкцию и визуально разделяют пространство.<br><br>
Так же ключевым объектом является полукруглый стол для выступающих. Он служит платформой для докладов, презентаций, церемониальных заявлений для Даймё. Он расположен перед столом Лидера Страны, на прямой линии взгляда, что символизирует подчинённость и уважение к верховной власти.<br><br>
Зал собраний создан для проведения официальных мероприятий наивысшего уровня — стратегических совещаний, дипломатических встреч, церемониальных заявлений и оглашения решений Даймё. Это место где воплощается власть и воля Даймё Страны Молнии. Здесь принимаются ключевые решения для жизни и развития как Каминари но Куни в целом, так и Скрытой Деревни Шиноби - Кумогакуре, в частности.<br>
</div>
</div>
<div class="divider"></div>
</div>
</div>
<div id="yavata" class="section">
<div class="title">Явата</div>
<div class="spoiler">
<div class="spoiler-header"><img src="https://upforme.ru/uploads/001a/74/14/544/163325.jpg" alt="Явата"><br>🔻</div>
<div class="spoiler-content">
<div class="text">Явата — крупный торговый узел в южной части Страны Молнии, расположенный на побережье Залива Харан. Выгодное расположение сделало его ключевым центром обмена товарами: здесь пересекаются морские и сухопутные торговые пути.<br><br>
Город раскинулся вдоль извилистой береговой линии, окружён холмами, лесами и горами, а через него протекает широкая река — дополнительная транспортная артерия. Архитектура сочетает традиционные и современные постройки, включает крупный порт с глубокими причалами, торговые ряды, гостиницы, таверны, больницы, аптеки, школы и академии. <br><br>
Экономика Яваты базируется на морской торговле, ремесленных мастерских, сельском хозяйстве и рыболовстве. Культурная жизнь богата фестивалями, соревнованиями, театральными постановками и работами местных художников. Особенности города: относительно мягкий климат с тёплыми зимами, умеренно жарким летом и частыми короткими грозами.<br>
Явата — динамичный и процветающий город, где традиции сочетаются с прогрессом.<br>
</div>
</div>
<div class="divider"></div>
</div>
<div class="title">Порт</div>
<div class="spoiler">
<div class="spoiler-header"><img src="https://upforme.ru/uploads/001a/74/14/544/31801.png" alt="Порт"><br>🔻</div>
<div class="spoiler-content">
<div class="text">Торговый порт Яваты — сердце торговли Страны Молнии. Оживлённый узел морской торговли и визитная карточка южного побережья Залива Харан. Порт впечатляет масштабами: несколько причалов для судов разных размеров — от рыбацких лодок до крупных торговых судов, мощные каменные волнорезы, защищающие гавань от штормов; грузовые краны для быстрой разгрузки кораблей; склады-ангары вдоль набережной.<br><br>
Вдоль набережной выстроились торговые ряды с лавками купцов, таверны и постоялые дворы для моряков и торговцев, конторы судоходных компаний, мастерские корабелов.Порт находится под надёжной охраной шиноби Кумогакуре, стены и башни вдоль набережной готовы отразить любую угрозу, система сигнальных огней предупреждает город о приближающихся штормах или вражеских судах.<br><br>
Порт органично вписан в структуру Яваты: широкие дороги связывают его с рынками и складами города, речной канал позволяет доставлять грузы вглубь города, а жилые кварталы моряков расположены рядом с доками. Торговый порт - двигатель процветания всего города.<br>
</div>
</div>
<div class="divider"></div>
</div>
</div>
<div id="otaru" class="section">
<div class="title">Отару</div>
<div class="spoiler">
<div class="spoiler-header"><img src="https://upforme.ru/uploads/001a/74/14/544/748397.png" alt="Отару"><br>🔻</div>
<div class="spoiler-content">
<div class="text">Отару — крупнейший торговый и военный узел северного побережья Страны Молнии, раскинувшийся в защищённой бухте у Океана Хоккёкукай. Город значительно превосходит по размерам типичные северные поселения - кварталы тянутся вдоль береговой линии, так же застройка взбирается по склонам заснеженных скал.<br><br>
Городская бухта защищена массивными скалами от жестоких океанских штормов. Вокруг — заснеженные горные хребты и частично замёрзший океан. Климат суровый: долгие морозные зимы с метелями и короткое прохладное лето. Солнце не сильно греет, но пробиваясь сквозь облака, озаряет заснеженные крыши и ледяные глыбы сказочным светом.<br><br>
Жители Города выносливы и сплочённы, мастерски обращаются с оружием. Ежегодные соревнования по лыжным гонкам, охоте и боевым искусствам — часть городской жизни. Отдыхают и согреваются Горожане в горячих источниках.<br>
Отару — уникальный центр силы и стойкости на северных рубежах Страны Молнии.<br>
</div>
</div>
<div class="divider"></div>
</div>
<div class="title">Порт</div>
<div class="spoiler">
<div class="spoiler-header"><img src="https://upforme.ru/uploads/001a/74/14/544/599737.png" alt="Порт Отару"><br>🔻</div>
<div class="spoiler-content">
<div class="text">Порт Отару — основа северного города, где кипит суровая жизнь торговцев, моряков и шиноби. Расположившись в защищённой скалами бухте Океана Хоккёкукай, порт представляет собой сложную систему доков, волнорезов и складских помещений, способных выдержать самые жестокие штормы. Порт обслуживает массивные деревянные корабли с высокими мачтами, чьи корпуса способны преодолевать частично обледеневшую воду северного Океана.<br><br>
Складские помещения — гордость порта. Это массивные деревянные здания с толстыми утеплёнными стенами и крышами. Внутри хранятся ценные грузы: меха полярных лисиц, китовый жир в бочках, засолённая рыба, оружие. Специальные ледники, вырубленные прямо в скалах, позволяют сохранять продукты в первозданной свежести.<br><br>
Особенность порта Отару — его адаптация к экстремальным условиям. Причалы, способны выдерживать давление плывущих льдин, специальные швартовные устройства для обледенелых кораблей — всё это позволяет порту работать круглый год. В зимние месяцы, когда океан частично замерзает, используются специальные сани и ледовые дорожки для перемещения грузов.<br>
Порт Отару обеспечивает процветание и безопасность Города в суровых условиях северного побережья.<br>
</div>
</div>
<div class="divider"></div>
</div>
</div>
<div id="inari" class="section">
<div class="title">Инари</div>
<div class="spoiler">
<div class="spoiler-header"><img src="https://upforme.ru/uploads/001a/74/14/544/627655.png" alt="Инари"><br>🔻</div>
<div class="spoiler-content">
<div class="text">Большой шахтёрский город Инари раскинулся в предгорьях Страны Молнии среди крутых скал и узких долин. Его основа — гигантские каменоломни и рудники, вырубленные прямо в скалах, где добывают мрамор, серебро, медь, кварц, и железную руду.<br><br>
Город состоит из нескольких районов: шахтёрского квартала с бараками и мастерскими, заводского района с цехами, торгового квартала с лавками и тавернами, административного центра на возвышенности и жилого сектора с домами. Архитектура Инари представляет собой как каменные, так и деревянные здания, многие сооружения встроены в скалы. Жизнь горожан сурова: дети с ранних лет помогают родителям в горной добыче, женщины работают в мастерских, старейшины передают молодым секреты горных работ.<br><br>
Несмотря на типичные для города проблемы города — загрязнение воздуха и воды, риск обвалов, высокая нагрузка на здоровье шахтёров - Инари продолжает развиваться, оставаясь ключевым промышленным центром Страны Молнии. Жители здесь весьма богатые люди, но не спешат уезжать из Города.<br>
</div>
</div>
<div class="divider"></div>
</div>
<div class="title">Перерабатывающий Завод</div>
<div class="spoiler">
<div class="spoiler-header"><img src="https://upforme.ru/uploads/001a/74/14/544/799835.png" alt="Завод"><br>🔻</div>
<div class="spoiler-content">
<div class="text">Перерабатывающий завод на территории города Инари вписан прямо в скалистый ландшафт предгорий — его корпуса и цеха вырублены в массивных утёсах. Завод занимает стратегически выгодную позицию у слияния горных рек, что обеспечивает его водой для технологических процессов и удобной транспортировкой сырья.<br><br>
Главный корпус — массивное здания с высокими трубами, из которых поднимается густой дым. Шахты соединены с цехами подземными туннелями и надземными мостами, позволяя быстро перемещать грузы между цехами. Складские зоны расположены в естественных нишах скал и защищены толстыми каменными стенами. Доки и причалы вдоль реки оборудованы для приёма кораблей с рудой и отправки готовой продукции. В огромных цехах ведётся первичная переработка руды, в печах создаются высококачественные сплавы металлов, отдельные мастерские заняты сборкой оружия и доспехов.<br><br>
Этот перерабатывающий комплекс — промышленная мощь как города Инари, так и всей Страны Молнии.<br>
</div>
</div>
<div class="divider"></div>
</div>
<div class="title">Мраморный Карьер</div>
<div class="spoiler">
<div class="spoiler-header"><img src="https://upforme.ru/uploads/001a/74/14/544/497289.png" alt="Карьер"><br>🔻</div>
<div class="spoiler-content">
<div class="text">Огромный Мраморный карьер так же является одним из ключевых месторождений в городе Инари. Его многоуровневые террасы, напоминающие гигантскую лестницу, уходят вглубь земли и соединены крутыми лестницами, и рельсовыми путями. Массивные краны возвышаются над карьером, поднимая мраморные блоки. Карьер окружён сетью шахт, обеспечивающих вентиляцию, и доступ к труднодоступным участкам залежей. По краям расположены аккуратные отвалы породы, а система водоотводных каналов предотвращает затопление рабочих зон.<br><br>
Добыча мрамора ведётся в том числе с помощью взрывных работ. После отделения блоков их режут, поднимают кранами на верхние уровни и по рельсам отправляют в мастерские, где мрамор шлифуют, полируют и превращают в строительные элементы, скульптуры, ритуальные предметы и детали оружия.<br><br>
Так же большая часть добытого Мрамора направляется на экспорт в другие регионы Страны Молнии и за её пределы, обеспечивая высокий доход рабочим карьера, и жителям Инари.<br>
</div>
</div>
<div class="divider"></div>
</div>
</div>
<div id="minamisato" class="section">
<div class="title">Минамисато</div>
<div class="spoiler">
<div class="spoiler-header"><img src="https://upforme.ru/uploads/001a/74/14/544/785317.png" alt="Минамисато"><br>🔻</div>
<div class="spoiler-content">
<div class="text">Минамисато — небольшой процветающий город на побережье Залива Гайкотсу. Город расположен вблизи плодородной равнины, с мягким морским климатом, а реки обеспечивают воду для орошения. К востоку от Города раскинулись сельскохозяйственные угодья: рисовые чеки, зерновые поля, фруктовые сады, чайные плантации, пастбища. Население города в основном составляют крестьяне, ремесленники, торговцы, так же есть совет старейшин во главе со старостой. Быт подчинён сельскохозяйственному циклу.<br><br>
Минамисато снабжает продовольствием как города Страны Молнии, так и Скрытую Деревню. Он служит перевалочным пунктом для караванов и дипломатических миссий. Город растёт за счёт расширения зон доступных для выращивания аграрной продукции, и развития торговли.<br>
</div>
</div>
<div class="divider"></div>
</div>
</div>
<div id="kamio" class="section">
<div class="title">Камио</div>
<div class="spoiler">
<div class="spoiler-header"><img src="https://upforme.ru/uploads/001a/74/14/544/773192.png" alt="Камио"><br>🔻</div>
<div class="spoiler-content">
<div class="text">Камио — небольшой, но оживлённый город в Стране Молнии, известный развлекательными заведениями и яркой ночной жизнью. Расположен на холмистой прибрежной равнине, недалеко от побережья, и популярен среди богачей, торговцев и путешественников.<br><br>
Город построен вокруг центральной площади, от которой расходятся улицы. В нём выделяются развлекательные кварталы (театры бунраку и кабуки, игровые дома, уличные артисты), квартал ресторанов и баров, торговый проспект (сувениры, маски, фейерверки), жилые кварталы с гостевыми домами, район мастеров искусств и спортивный парк с аренами для показательных боёв шиноби.<br>
Камио славится регулярными мероприятиями: Фестивалем огней, Ночью тысячи масок, Турниром талантов, вечерними театральными спектаклями и музыкальными баттлами. Экономика базируется на индустрии развлечений, гастрономии, туризме и организации мероприятий.<br>
Население - артисты, музыканты, повара, ремесленники, торговцы, владельцы гостиниц и ресторанов, организаторы шоу. Инфраструктура включает удобные дороги, конные повозки и рикши, курьерскую службу, уличные фонари. Некоторые развлечения используют техники шиноби: иллюзии, световые эффекты. Город привлекает шиноби Кумо как площадка для миссий: охраны фестивалей, сопровождения Особо важных гостей, участия в турнирах и показательных боях.<br><br>
Камио воплощает дух праздника. Гостеприимная атмосфера и дух свободы делают город любимым местом отдыха жителей всей Страны Молнии.<br>
</div>
</div>
<div class="divider"></div>
</div>
</div>
</div>
<div id="tenno" class="section">
<div class="title">Тенно</div>
<div class="spoiler">
<div class="spoiler-header"><img src="https://upforme.ru/uploads/001a/74/14/544/840413.png" alt="Тенно"><br>🔻</div>
<div class="spoiler-content">
<div class="text">Тенно — небольшой портовый город Страны Молнии, уютно раскинувшийся на пологом побережье и тесно связанный с легендарным Храмом Грома, который находится неподалёку. Город построен на широкой прибрежной полосе, где песчаные отмели плавно переходят в укреплённые набережные, и его облик гармонично сочетает суровую практичность портового поселения со строгостью, монашеской жизни Храма.<br><br>
Основу городской структуры составляет оживлённая портовая гавань с просторными доками, кранами и складами, где кипит работа по разгрузке рыбы и минералов. Гражданский квартал, расположен чуть выше на естественных возвышенностях с узкими улочками и домами, укреплёнными от сильных морских ветров. Так же есть священный район у Храма, куда ведут широкие каменные дороги, а у ворот постоянно толпятся паломники.<br><br>
Население города небольшое, в основном это рыбаки, лодочники, торговцы, и монахи. Экономика Тенно держится на процветающем рыболовстве и торговле морскими деликатесами, изготовлении изделий для нужд моряков, и тесных связях с Храмом Грома.<br>
</div>
</div>
<div class="divider"></div>
</div>
</div>
</div>
<script>
function openSection(id){
document.querySelectorAll('.section').forEach(s=>s.classList.remove('active'));
document.getElementById(id).classList.add('active');
}
document.addEventListener('click', function(e){
// Спойлеры
if(e.target.classList.contains('spoiler-header')){
e.target.parentElement.classList.toggle('open');
}
const modal = document.getElementById("imgModal");
const modalImg = document.getElementById("modalImg");
// Открытие изображения
if(e.target.classList.contains("preview")){
modal.style.display = "flex";
modalImg.src = e.target.src;
}
// Закрытие по клику на фон
if(e.target.id === "imgModal"){
closeModal();
}
// Закрытие по кнопке
if(e.target.id === "modalClose"){
closeModal();
}
});
// Закрытие по ESC
document.addEventListener("keydown", function(e){
if(e.key === "Escape"){
closeModal();
}
});
function closeModal(){
const modal = document.getElementById("imgModal");
modal.style.display = "none";
}
</script>
<div class="modal" id="imgModal">
<span class="modal-close" id="modalClose">×</span>
<img id="modalImg">
</div>
</body>
</html>
[/html]
Отредактировано Ryuji (14.09.2026 14:25)