Страна Земли | Цути но Куни
(кликай на меня!)[html]<div id="earth-map-widget">
    <style>
        /* Базовые стили виджета */
        #earth-map-widget {
            font-family: Arial, sans-serif;
            max-width: 1000px;
            margin: 20px auto;
            text-align: center;
        }

        /* Скрываем радиокнопки */
        #earth-map-widget input[type="radio"] {
            display: none;
        }

        /* Контейнер для карты */
        #earth-map-container {
            position: relative;
            display: inline-block;
            max-width: 100%;
        }

        #earth-map-container img {
            max-width: 100%;
            height: auto;
            display: block;
        }

        /* Глобальный сброс (возврат на дефолт) */
        #earth-global-reset {
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            z-index: 5;
            cursor: pointer;
        }

        /* Стили для невидимых меток на карте */
        .earth-label {
            position: absolute;
            background-color: rgba(255, 255, 255, 0.0);
            cursor: pointer;
            z-index: 10;
            box-sizing: border-box;
            border-radius: 50%; /* Делаем зоны клика круглыми для эстетики */
            transition: background-color 0.2s, transform 0.2s;
        }

        .earth-label:hover {
            background-color: rgba(255, 255, 255, 0.2);
            transform: scale(1.1);
        }

        /* Отключение кликабельности активной метки (чтобы работал сброс) */
        #earth-tab-ryokugan:checked ~ #earth-map-container .ryokugan,
        #earth-tab-iwao:checked ~ #earth-map-container .iwao,
        #earth-tab-chinami:checked ~ #earth-map-container .chinami,
        #earth-tab-masatoshi:checked ~ #earth-map-container .masatoshi,
        #earth-tab-tokunaga:checked ~ #earth-map-container .tokunaga,
        #earth-tab-iwagakure:checked ~ #earth-map-container .iwagakure {
            pointer-events: none;
            background-color: rgba(255, 255, 255, 0.3);
        }

        /* Позиционирование каждой метки (координаты X и Y в процентах) */
        /* Столица (пятиконечная звезда в центре) */
        .earth-label.ryokugan { top: 45.4%; left: 46.4%; width: 5%; height: 6%; }
       
        /* Города (четыреконечные звезды) */
        .earth-label.iwao { top: 36.4%; left: 16.6%; width: 5%; height: 6%; } /* Снега слева сверху */
        .earth-label.chinami { top: 36.2%; left: 53.8%; width: 5%; height: 6%; } /* Лес по центру сверху */
        .earth-label.masatoshi { top: 73.7%; left: 41.75%; width: 5%; height: 6%; } /* Степи снизу */
        .earth-label.tokunaga { top: 53.6%; left: 81.4%; width: 5%; height: 6%; } /* Берег справа */
       
        /* Ивагакурэ (красные камни) */
        .earth-label.iwagakure { top: 63%; left: 70.8%; width: 6%; height: 6%; border-radius: 10px; }

        /* Стили контейнера контента */
        #earth-content-container {
            margin-top: 15px;
            max-width: 100%;
            background-color: transparent;
        }

        .earth-content {
            display: none;
            padding: 25px 0;
            background-color: transparent;
            height: auto;
        }

        .earth-content h3 {
            margin-top: 0;
            margin-bottom: 15px;
            text-align: center;
        }

        .earth-content > p {
            text-align: justify;
            text-indent: 25px;
            margin-top: 0;
            margin-bottom: 10px;
        }

        /* Стили для таблицы (картинка 30% / текст 70%) */
        .earth-info-table {
            display: flex;
            align-items: flex-start;
            width: 100%;
            background-color: transparent;
            border: 1px solid rgba(0, 0, 0, 0.5);
            padding: 15px;
            box-sizing: border-box;
            gap: 20px;
            margin-top: 20px;
        }

        .earth-info-image {
            width: 30%;
            flex-shrink: 0;
        }

        .earth-info-image img {
            width: 100%;
            height: auto;
            display: block;
        }

        .earth-info-desc {
            width: 70%;
            text-align: justify;
        }

        .earth-info-desc p {
            text-indent: 25px;
            margin-top: 0;
            margin-bottom: 10px;
        }

        /* Логика переключения вкладок */
        #earth-tab-default:checked ~ #earth-content-container #earth-content-default { display: block; }
        #earth-tab-ryokugan:checked ~ #earth-content-container #earth-content-ryokugan { display: block; }
        #earth-tab-iwao:checked ~ #earth-content-container #earth-content-iwao { display: block; }
        #earth-tab-chinami:checked ~ #earth-content-container #earth-content-chinami { display: block; }
        #earth-tab-masatoshi:checked ~ #earth-content-container #earth-content-masatoshi { display: block; }
        #earth-tab-tokunaga:checked ~ #earth-content-container #earth-content-tokunaga { display: block; }
        #earth-tab-iwagakure:checked ~ #earth-content-container #earth-content-iwagakure { display: block; }

    </style>

    <input type="radio" id="earth-tab-default" name="earth-tab" checked>
    <input type="radio" id="earth-tab-ryokugan" name="earth-tab">
    <input type="radio" id="earth-tab-iwao" name="earth-tab">
    <input type="radio" id="earth-tab-chinami" name="earth-tab">
    <input type="radio" id="earth-tab-masatoshi" name="earth-tab">
    <input type="radio" id="earth-tab-tokunaga" name="earth-tab">
    <input type="radio" id="earth-tab-iwagakure" name="earth-tab">

    <div id="earth-map-container">
        <img src="https://upforme.ru/uploads/001a/74/14/443/880819.png" alt="Карта Страны Земли">

        <label for="earth-tab-default" id="earth-global-reset"></label>

        <label for="earth-tab-ryokugan" class="earth-label ryokugan" title="Рёкуган (столица)"></label>
        <label for="earth-tab-iwao" class="earth-label iwao" title="Ивао"></label>
        <label for="earth-tab-chinami" class="earth-label chinami" title="Тинами"></label>
        <label for="earth-tab-masatoshi" class="earth-label masatoshi" title="Масатоси"></label>
        <label for="earth-tab-tokunaga" class="earth-label tokunaga" title="Токунага"></label>
        <label for="earth-tab-iwagakure" class="earth-label iwagakure" title="Ивагакурэ"></label>
    </div>

    <div id="earth-content-container">

        <div class="earth-content" id="earth-content-default">
            <h3>Страна Земли</h3>
            <p>Страна Земли — вторая по величине Великая Страна и, вследствие размеров, это край контрастов, где есть и заснеженные острые горные пики, и пустынные плато, и бурные реки. Однако приятными большую часть этих мест не назовёшь: сама земля диктует своим жителям прагматичный, непреклонный подход к жизни.</p>
            <p><b>География</b>. Главная особенность местного ландшафта — тотальное доминирование гор, скалистых гряд и глубоких каньонов.
Климат здесь континентальный и весьма суровый: в южных землях лето приносит с собой иссушающий зной, а на севере и вершинах зимой выпадает плотный слой снега. Из-за колоссальных перепадов высот и столкновения холодных ветров с влагой от бурных горных рек, тумары для местных жителей не редкость. Естественная флора в горных районах скудна — деревья цепляются корнями за узкие карнизы, требуя от людей огромных усилий для создания искусственных висячих садов и террас. Тем не менее меж горных хребтов скрываются немногочисленные леса и луга, пригодные для пастбищ и земледелия.</p>
            <p><b>Экономика</b>. Страна Земли один из главных поставщиков ресурсов на мировой рынок. На экспорт идут высококачественные металлы (сталь, железо), уголь, золото, ювелирные изделия (особенно изумруды) и строительный камень элитных сортов. Также ценятся изделия, производимые мастерами камня и металла. При этом главная ахиллесова пята Страны — продовольствие. Несмотря на наличие аграрного центра в Тинами и искусственных террас, прокормить огромную страну с таким сложным рельефом своими силами сложно. Страна зависит от импорта еды, а также древесины ценных пород.</p>
            <h3>Территориальное деление</h3>
            <p><b>Столичный округ</b> — центральный горный хребет страны. Это наиболее защищенная и богатая территория, таящая в своих недрах золото, уголь и драгоценные камни. Окрестности столицы славятся месторождениями изумрудов и редкого зелёного мрамора. Здесь же, на юго-востоке хребта, скрыто и Селение Скрытого Камня. Чуть севернее и восточнее от хребта лежат более пологие равнины и леса. Здесь располагается Тинами — главная житница страны и крупнейший торговый узел. На востоке, где протекают широкие судоходные реки, раскинулась Токунага — центр морской логистики и торговли.</p>
            <p><b>Западный округ</b> — бывшая Страна Медведей. Горный массив, богатый железом и прочими металлами. Центром добычи здесь выступает город Ивао. Это холодный, индустриальный и суровый край, живущий трудом шахтеров, металлургов и феодальных семей, династически владеющих приисками.</p>
            <p><b>Южный округ</b> — плато Фуруивая и степи Масатоси на южных рубежах Страны Земли, ниже центрального горного хребта. Большей частью эти территории представляют собой иссушенное плато, изрезанное руслами мертвых рек, которое постепенно переходит в бескрайние, засушливые степи. Это малонаселенный фронтир, хранящий память о древних битвах — идеальное укрытие для изгнанников, сектантов и тех, кто бежит от закона.</p>
            <p><b>Северо-восточный округ</b> — холодные, неплодородные и практически безлюдные земли у побережья. Тихий и забытый край, не представляющий большого стратегического интереса.</p>
            <h3>Внутренняя политика</h3>
            <p>В последние годы в коридорах власти наметился ощутимый конфликт между столицей страны, Рёкуганом, и Селением Скрытого Камня. Столичные чиновники, вкусившие плоды пятнадцатилетнего мира, настаивают на продолжении курса экономического сотрудничества и дипломатии. Их позицию осторожно разделяют богатые регионы: торговый центр Тинами и речной узел Токунага, чьё благополучие напрямую зависит от открытых границ и спокойствия на торговых трактах.</p>
            <p>В противовес им выступает Седьмой Цутикагэ. Раздосадованный чередой неудач и ударами по гордости Селения, он взял жёсткий курс на милитаризацию и агрессивное наращивание политического веса. Идеи Цутикагэ находят горячую поддержку на северо-западе, в регионе Ивао. Бывшая Страна Медведей, связанная с Тсучикаге династическим браком, поставляет Иве железо и преданных людей, готовых ковать новое величие страны.</p>
            <p>В то же время южные степи Масатоси остаются в стороне от столичной грызни. Этот отдаленный регион переживает собственный криминальный кризис после недавней зачистки повстанцев и сектантов, и местным властям сейчас попросту не до высоких политических материй.</p>
            <h3>Внешняя политика</h3>
            <p>С южными государствами Страна Земли старается поддерживать исключительно торговые связи, избегая политических обязательств. Исключением является Страна Гор, которая после череды катастрофических засух оказалась в критической зависимости от гуманитарной помощи и поддержки синоби Камня. Страна Клыка же рассматривается как важнейший стратегический плацдарм и буфер против Страны Ветра; Ивагакурэ ведёт здесь тихую, но настойчивую работу по расширению своего влияния. А вот утрата политических позиций в Стране Камня вызывает зубовный скрежет лично у Цутикагэ, воспринимающего это как личное оскорбление, в то время как чиновников Рёкугана потеря этой сферы влияния почти не беспокоит. Почитать: <a href="https://narutoexile.ru/viewtopic.php?id=4263">тут</a>, <a href="https://narutoexile.ru/viewtopic.php?id=4870">тут</a>, <a href="https://narutoexile.ru/viewtopic.php?id=5009">тут</a> и <a href="https://narutoexile.ru/viewtopic.php?id=5000">тут</a>.</p>
            <p>Настоящей головной болью для всего руководства Страны Земли — и для Цутикагэ, и для миротворцев даймё — стал союз Амэ с Конохой. Этот враждебный альянс в критически важной буферной зоне воспринимается как прямая экзистенциальная угроза. Что касается Страны Травы и Страны Водопада — бывших земель Альянса — Ивагакурэ рассматривает их как благодатную почву для осторожной экспансии. Недавняя катастрофа в Водопаде позволила Камню ассимилировать часть беженцев и шиноби разрушенной деревни, что стало блестящим тактическим ходом, укрепившим позиции Ивы в регионе.</p>
            <p>Вдали от основных очагов напряжения Страна Земли выстроила крайне выгодные, сотруднические отношения со Страной Снега. Прагматичный обмен богатых природных ресурсов на передовые технологии Юкигакурэ позволяет Иве активно постепенно модернизировать свою инфраструктуру и военный потенциал. Почитать: <a href="https://narutoexile.ru/viewtopic.php?id=3638">тут</a>, <a href="https://narutoexile.ru/viewtopic.php?id=4396">тут</a>, <a href="https://narutoexile.ru/viewtopic.php?id=4593">тут</a>, <a href="https://narutoexile.ru/viewtopic.php?id=4822">тут</a> и <a href="https://narutoexile.ru/viewtopic.php?id=4916">тут</a>.</p>
            <h3>Интересные факты!</h3>
            <p>Исторически на территории Страны Земли существует два варианта акцента: люди, которые «чекают», и люди, которые «цэкают» — это не зависит от региона, скорее от семейных традиций, и оба варианта считаются одинаково правильными. Что, впрочем, не мешает людям незлобно подтрунивать друг над другом. И да, это абзац про систему Поилванова.</p>

            <div class="earth-info-table">
                <div class="earth-info-image">
                    <img src="https://upforme.ru/uploads/0017/cd/66/4/941241.png" alt="Даймё Страны Земли">
                </div>
                <div class="earth-info-desc">
                    <h3>Хидэтада Фуруивая, даймё Страны Земли</h3>
                    <p>Прагматичный, осторожный и лишенный всякого воинского романтизма, Хидэтада искренне считает любую войну возмутительной тратой денег и ресурсов, а «гордость шиноби» — сказками для дураков. Он вежлив до зубовного скрежета и никогда не повышает голос, но к синоби в целом и к Седьмому Цутикагэ в частности он относится потребительски: они необходимы для охраны поместья, но им нельзя позволять диктовать хозяину, как вести дела. Умеет мастерски душить оппонентов не кунаями, а налогами, квотами и бюрократией. Ближайшие цели даймё любой ценой сохранить статус-кво, приносящий колоссальные доходы через торговые узлы Токунаги и Тинами. Расширять влияние Страны Земли на юге даймё планирует, но исключительно экономическими методами.</p>
                </div>
            </div>
        </div>

        <div class="earth-content" id="earth-content-ryokugan">
            <div class="earth-info-table">
                <div class="earth-info-image">
                    <img src="https://upforme.ru/uploads/0017/cd/66/4/569650.png" alt="Рёкуган">
                </div>
                <div class="earth-info-desc">
                    <h3>Рёкуган, столица Страны Земли</h3>
                    <p>Рёкуган раскинулся в защищенной скалами просторной долине, окруженной величественными пиками, чьи недра испокон веков славятся богатейшими месторождениями изумрудов и редчайшего зеленого мрамора. Именно этот благородный камень с его глубокими малахитовыми прожилками стал визитной карточкой столицы, украшая фасады правительственных резиденций, колоннады и мощеные площади. Стремясь сгладить естественную сухость горного ландшафта, жители проложили по Рёкугану искуственные реки, а ближе к скалам уступы заняли искусственными террасами и висячими садами. Сочетание живой листвы и холодного зеленого камня создает уникальную, успокаивающую эстетику, подчеркивающую высокий статус агломерации без лишней вычурности. В отличие от затенённого ущельями Ивагакурэ, залитые солнцем широкие улицы столицы дышат спокойствием и сытым достатком.</p>
                    <p>Почитать: <a href="https://narutoexile.ru/viewtopic.php?id=3513">тут</a> и <a href="https://narutoexile.ru/viewtopic.php?id=4069">тут</a>.</p>
                </div>
            </div>
        </div>

        <div class="earth-content" id="earth-content-iwao">
            <div class="earth-info-table">
                <div class="earth-info-image">
                    <img src="https://upforme.ru/uploads/0017/cd/66/4/582020.png" alt="Ивао">
                </div>
                <div class="earth-info-desc">
                    <h3>Ивао, столица Страны Медведей</h3>
                    <p>Западный округ со столицей в Ивао представляет собой холодный и неприветливый горный край, некогда бывший независимой Страной Медведей. Ивао — это индустриальное сердце Страны, его богатейшие недра таят в себе колоссальные залежи железа и других металлов. Здесь не смолкает гул печей, бесперебойно снабжающих Ивагакурэ и всю страну первоклассной сталью для оружия и строительства. На высшем уровне этот край безоговорочно предан Седьмому Цутикагэ благодаря его браку с наследницей бывшей правящей династии Медведей, Такада. Однако в горных хребтах вдали от Ивао память о независимом прошлом до сих пор плодит недовольных. Из-за этого изрезанный пещерами и ущельями ландшафт Западного округа то и дело становится идеальным укрытием для сепаратистов и внутренних террористов, заставляя местные власти вести непрекращающуюся борьбу с саботажем.</p>
                    <p>Почитать: <a href="https://narutoexile.ru/viewtopic.php?id=3545">тут</a> и <a href="https://narutoexile.ru/viewtopic.php?id=4701">тут</a>.</p>
                </div>
            </div>
        </div>

        <div class="earth-content" id="earth-content-chinami">
            <div class="earth-info-table">
                <div class="earth-info-image">
                    <img src="https://upforme.ru/uploads/0017/cd/66/4/323630.png" alt="Тинами">
                </div>
                <div class="earth-info-desc">
                    <h3>Тинами, земледельческий край</h3>
                    <p>Недалеко от столицы процветает Тинами — житница и крупный внутренний сухопутный торговый узел Страны. Климат в местных долинах мягче, чем в остальном Столичном округе, что вкупе с плодородными почвами делает этот регион главным центром масштабного земледелия. Бескрайние возделанные поля и богатые лесные угодья снабжают продовольствием столицу и промышленные районы, смягчая зависимость страны от импорта еды. Подобное экономическое благополучие сформировало у местной элиты крайне прагматичный и миролюбивый взгляд на политику. Именно поэтому руководство Тинами выступает надёжной опорой столичных чиновников Рёкугана, всецело разделяя их курс на дипломатию и открытые границы.</p>
                </div>
            </div>
        </div>

        <div class="earth-content" id="earth-content-masatoshi">
            <div class="earth-info-table">
                <div class="earth-info-image">
                    <img src="https://upforme.ru/uploads/0017/cd/66/4/284047.png" alt="Масатоси">
                </div>
                <div class="earth-info-desc">
                    <h3>Масатоси, южный аванпост</h3>
                    <p>Регион Масатоси на юге Страны представляет собой суровый край выжженных солнцем степей, берущих начало за изрезанным каньонами плато Фуруивая. Эта дикая пустошь с руслами давно пересохших рек, хранящая в своих песках мрачную память об эпохе жестоких древних сражений периода клановых войн. Из-за скудости природных ресурсов и безжалостного климата Масатоси остается самым малонаселенным и экономически бедным рубежом Страны. Эта изолированность превратила регион в идеальное убежище для маргиналов, беглых преступников и тех, кто отчаянно ищет спасения от закона. Недавнее истребление скрывавшихся здесь повстанцев организации Кигэн и фанатичных сектантов принесло региону относительный покой, однако едва ли всё, что лежит южнее центрального хребта, когда-либо сравнится в благополучии со Столичным округом. Погрязшие во внутренних проблемах, местные власти слишком слабы, чтобы участвовать в политической грызне между Рёкуганом и Ивагакурэ.</p>
                    <p>Почитать: <a href="https://narutoexile.ru/viewtopic.php?id=3736">тут</a>, <a href="https://narutoexile.ru/viewtopic.php?id=3846">тут</a> и <a href="https://narutoexile.ru/viewtopic.php?id=5009">тут</a>.</p>
                </div>
            </div>
        </div>

        <div class="earth-content" id="earth-content-tokunaga">
            <div class="earth-info-table">
                <div class="earth-info-image">
                    <img src="https://upforme.ru/uploads/0017/cd/66/4/193436.png" alt="Токунага">
                </div>
                <div class="earth-info-desc">
                    <h3>Токунага, главный порт Страны</h3>
                    <p>На востоке суровые горы уступают место широким речным долинам. Этот регион пронизан густой сетью судоходных рек, пробивающих себе путь к заливу Айсу. Крупнейший город этого региона — Токунага. Здесь имеется сильно развитая транспортная инфраструктура, превратившая город в крупнейший торговый порт. Эти речные артерии служат важными импортными потоками для продовольствия и ценной древесины, а взамен отправляются тяжело груженные баржи с углем, сталью и изумрудами. Благодаря колоссальным пошлинам и контролю над мировым товарооборотом, регион накопил значительные богатства, став оплотом сытого, делового благополучия. Это богатство диктует и прагматичные взгляды местного руководства: Токунага поддерживает столичных чиновников в их стремлении к миру, однако открыто недовольство не высказывает, будучи одним из приграничных городов.</p>
                    <p>Недалеко от Токунаги, в сторону Ивагакурэ, располагается город Сэйхин.</p>
                </div>
            </div>
        </div>

        <div class="earth-content" id="earth-content-iwagakure">
            <div class="earth-info-table">
                <div class="earth-info-image">
                    <img src="https://upforme.ru/uploads/0017/cd/66/4/830907.png" alt="Ивагакурэ">
                </div>
                <div class="earth-info-desc">
                    <h3>Селение Скрытого Камня</h3>
                    <p>Правитель: Седьмой Цутикагэ, Ооки.</p>
                    <p>Показатели:
                    <br>Население: 4
                    <br>Армия: 2.5
                    <br>Экономика: 3</p>
                    <p>Отношения:
                    <br>Коноха: Враждебность
                    <br>Кири: Нейтралитет
                    <br>Суна: Нейтралитет
                    <br>Кумо: Сотрудничество
                    <br>Ото: Сотрудничество
                    <br>Аме: Враждебность
                    <br>Юки: Сотрудничество</p>
                    <p>Бидзю:
                    <br>Четырёххвостый: принадлежит Селению, не запечатан
                    <br>Пятихвостый: потерян, ожиадет перерождения</p>
                </div>
            </div>
        </div>

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

[icon]https://upforme.ru/uploads/001a/74/14/443/201593.png[/icon]

Отредактировано Sekkei (26.03.2026 10:41)

Структура и Персонажи
(кликай на меня!)
[html]<div id="iwa-hierarchy-widget">
    <style>
        /* CSS стили для оформления и интерактивности */
        #iwa-hierarchy-widget {
            font-family: Arial, sans-serif;
            max-width: 1000px;
            margin: 20px auto;
            text-align: center;
        }

        /* Скрываем технические радиокнопки */
        #iwa-hierarchy-widget input[type="radio"] {
            display: none;
        }

        /* Контейнер для изображения и невидимых кликабельных областей */
        #iwa-map-container {
            position: relative;
            display: inline-block;
            max-width: 100%;
        }

        /* Само изображение */
        #iwa-map-container img {
            max-width: 100%;
            height: auto;
            display: block;
        }

        /* Слой-подложка для сброса на дефолтную вкладку. Лежит под основными метками */
        #iwa-global-reset {
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            z-index: 5; /* Z-index меньше, чем у .map-label (там 10) */
            cursor: pointer;
        }

        /* Базовые стили для невидимых меток (кликовых областей) */
        .map-label {
            position: absolute;
            background-color: rgba(255, 255, 255, 0.0);
            cursor: pointer;
            z-index: 10;
            box-sizing: border-box;
            transition: background-color 0.2s;
        }
        
        .map-label:hover {
            background-color: rgba(255, 255, 255, 0.15);
        }

        /* Если радио-кнопка нажата, мы отключаем кликабельность её метки.
           Клик "проваливается" на #iwa-global-reset, который возвращает на главную!
           Также оставляем метку слегка подсвеченной, чтобы было видно активный раздел. */
        #iwa-tab-tsuchikage:checked ~ #iwa-map-container .tsuchikage,
        #iwa-tab-guard:checked ~ #iwa-map-container .guard,
        #iwa-tab-recon:checked ~ #iwa-map-container .recon,
        #iwa-tab-council:checked ~ #iwa-map-container .council,
        #iwa-tab-academy:checked ~ #iwa-map-container .academy,
        #iwa-tab-anbu:checked ~ #iwa-map-container .anbu,
        #iwa-tab-secretariat:checked ~ #iwa-map-container .secretariat,
        #iwa-tab-supply:checked ~ #iwa-map-container .supply,
        #iwa-tab-sabotage:checked ~ #iwa-map-container .sabotage,
        #iwa-tab-medical:checked ~ #iwa-map-container .medical,
        #iwa-tab-demolition:checked ~ #iwa-map-container .demolition,
        #iwa-tab-squads:checked ~ #iwa-map-container .squads {
            pointer-events: none;
            background-color: rgba(255, 255, 255, 0.25); 
        }

        /* Позиционирование каждой метки */
        .map-label.tsuchikage { top: 6%; left: 37.5%; width: 20.5%; height: 13%; }
        .map-label.guard { top: 23%; left: 2%; width: 20.5%; height: 9.5%; }
        .map-label.recon { top: 23%; left: 25%; width: 16%; height: 9.5%; }
        .map-label.council { top: 23%; left: 53%; width: 17%; height: 9.5%; }
        .map-label.academy { top: 23%; left: 79%; width: 21%; height: 9.5%; }
        .map-label.anbu { top: 43%; left: 28%; width: 11%; height: 10%; }
        .map-label.secretariat { top: 43.5%; left: 53%; width: 27.5%; height: 10%; }
        .map-label.supply { top: 65%; left: 5%; width: 23%; height: 9%; }
        .map-label.sabotage { top: 64%; left: 31%; width: 23%; height: 10%; }
        .map-label.medical { top: 64%; left: 56.5%; width: 21.5%; height: 10%; }
        .map-label.demolition { top: 85%; left: 31.5%; width: 21.5%; height: 10%; }
        .map-label.squads { top: 85%; left: 79%; width: 21%; height: 14%; }

        /* Стили для контейнера с текстовыми блоками */
        #iwa-content-container {
            margin-top: 15px;
            max-width: 100%;
            background-color: transparent;
        }

        .iwa-content {
            display: none;
            padding: 25px 0;
            background-color: transparent;
            height: auto;
        }

        .iwa-content h3 {
            margin-top: 0;
            margin-bottom: 15px;
            text-align: center;
        }

        .iwa-content > p {
            text-align: justify;
            text-indent: 25px;
            margin-top: 0;
            margin-bottom: 10px;
        }

        .iwa-leader-table {
            display: flex;
            align-items: flex-start;
            width: 100%;
            background-color: transparent;
            border: 1px solid rgba(0, 0, 0, 0.5);
            padding: 15px;
            box-sizing: border-box;
            gap: 20px;
        }

        .iwa-leader-portrait {
            width: 30%;
            flex-shrink: 0;
        }

        .iwa-leader-portrait img {
            width: 100%;
            height: auto;
            display: block;
        }

        .iwa-leader-desc {
            width: 70%;
            text-align: justify;
        }
        
        .iwa-leader-desc p {
            text-indent: 25px;
            margin-top: 0;
            margin-bottom: 10px;
        }

        /* НОВОЕ: Логика отображения дефолтного блока */
        #iwa-tab-default:checked ~ #iwa-content-container #iwa-content-default { display: block; }

        /* Логика отображения остальных блоков */
        #iwa-tab-tsuchikage:checked ~ #iwa-content-container #iwa-content-tsuchikage { display: block; }
        #iwa-tab-guard:checked ~ #iwa-content-container #iwa-content-guard { display: block; }
        #iwa-tab-recon:checked ~ #iwa-content-container #iwa-content-recon { display: block; }
        #iwa-tab-council:checked ~ #iwa-content-container #iwa-content-council { display: block; }
        #iwa-tab-academy:checked ~ #iwa-content-container #iwa-content-academy { display: block; }
        #iwa-tab-anbu:checked ~ #iwa-content-container #iwa-content-anbu { display: block; }
        #iwa-tab-secretariat:checked ~ #iwa-content-container #iwa-content-secretariat { display: block; }
        #iwa-tab-supply:checked ~ #iwa-content-container #iwa-content-supply { display: block; }
        #iwa-tab-sabotage:checked ~ #iwa-content-container #iwa-content-sabotage { display: block; }
        #iwa-tab-medical:checked ~ #iwa-content-container #iwa-content-medical { display: block; }
        #iwa-tab-demolition:checked ~ #iwa-content-container #iwa-content-demolition { display: block; }
        #iwa-tab-squads:checked ~ #iwa-content-container #iwa-content-squads { display: block; }

        /* Делаем текст на всю ширину только во вкладке "Отряды синоби" */
        #iwa-content-squads .iwa-leader-desc {
        width: 100%;
        }
    </style>

    <input type="radio" id="iwa-tab-default" name="iwa-tab" checked>
    
    <input type="radio" id="iwa-tab-tsuchikage" name="iwa-tab"> 
    <input type="radio" id="iwa-tab-guard" name="iwa-tab">
    <input type="radio" id="iwa-tab-recon" name="iwa-tab">
    <input type="radio" id="iwa-tab-council" name="iwa-tab">
    <input type="radio" id="iwa-tab-academy" name="iwa-tab">
    <input type="radio" id="iwa-tab-anbu" name="iwa-tab">
    <input type="radio" id="iwa-tab-secretariat" name="iwa-tab">
    <input type="radio" id="iwa-tab-supply" name="iwa-tab">
    <input type="radio" id="iwa-tab-sabotage" name="iwa-tab">
    <input type="radio" id="iwa-tab-medical" name="iwa-tab">
    <input type="radio" id="iwa-tab-demolition" name="iwa-tab">
    <input type="radio" id="iwa-tab-squads" name="iwa-tab">

    <div id="iwa-map-container">
        <img src="https://upforme.ru/uploads/001a/74/14/443/926190.png" alt="Иерархия Ивагакурэ">
        
        <label for="iwa-tab-default" id="iwa-global-reset"></label>
        
        <label for="iwa-tab-tsuchikage" class="map-label tsuchikage"></label>
        <label for="iwa-tab-guard" class="map-label guard"></label>
        <label for="iwa-tab-recon" class="map-label recon"></label>
        <label for="iwa-tab-council" class="map-label council"></label>
        <label for="iwa-tab-academy" class="map-label academy"></label>
        <label for="iwa-tab-anbu" class="map-label anbu"></label>
        <label for="iwa-tab-secretariat" class="map-label secretariat"></label>
        <label for="iwa-tab-supply" class="map-label supply"></label>
        <label for="iwa-tab-sabotage" class="map-label sabotage"></label>
        <label for="iwa-tab-medical" class="map-label medical"></label>
        <label for="iwa-tab-demolition" class="map-label demolition"></label>
        <label for="iwa-tab-squads" class="map-label squads"></label>
    </div>

 <div id="iwa-content-container">
    
    <div class="iwa-content" id="iwa-content-default">
        <h3>Иерархия Ивагакурэ</h3>
        <p>Со времён последних военных действий почти пятнадцать лет назад структура Ивагакурэ практически не изменилась формально: в составе военных сил всё так же действует номинальная система боевых отрядов и специализированных корпусов. Тем не менее, за много лет мирного времени роль этих корпусов перетерпела значительные изменения, несмотря на формально закреплённые названия. Более того, в настоящее время, в зависимости от своих навыков, один и тот же синоби может формально числиться за несколькими корпусами, оттого в Ивагакурэ применяется узловая система, в которой непосредственный приказ рядовой синоби получает от секретариата Ивагакурэ, являющегося центральной точкой распределения и координации военных и околовоенных сил Селения.</p>
        <p>Не менее раздроблена и структура высшего эшелона власти Скрытого Камня: безоговорочная власть сосрдеоточена в руках Цутикагэ, однако, не имея возможности и не желая следить за каждым аспектом своего дома, Цутикагэ рассредоточил власть и принятие решений внутри Совета деревни, передав его координацию своему давнему другу и главе разведывательных сил. Подобное распределение ролей обеспечивает Ооки увереность в продуманности принимаемых решений с одной стороны и надежность собственных позиций благодаря рассредоточенности формальной власти среди нескольких людей вместо прямой вертикали.</p>
    </div>
    
    <div class="iwa-content" id="iwa-content-tsuchikage">
        <h3>Ооки, Седьмой Цутикагэ</h3>
        <p></p>
        <div class="iwa-leader-table">
            <div class="iwa-leader-portrait">
                <img src="https://upforme.ru/uploads/001a/74/14/443/503940.png" alt="Ооки, Седьмой Цутикагэ">
            </div>
            <div class="iwa-leader-desc">
                <p>Ооки возглавил страну почти 15 лет назад сразу после выхода войск Ивагакурэ с территорий Страны Водопада и заключения мирного соглашения с Конохой. За это время Цутикагэ не утратил своего буйного нрава и переменчивого настроения и по большому счёту единственное, что этот нрав сдерживало и сдерживает — это совет деревни и лично правая рука Цутикагэ, Муу Кадафи. Вообще говоря, Господин Седьмой редко интересуется тонкой политикой и особенностями дипломатических отношений с другими Селениями, хотя для большинства, кто не знаком с внутренней кухней резиденции, и может казаться мудрейшим и величайшим из правителей Ивы: пропаганда работает хорошо. При этом самому Седьмому Цутикагэ не занимать харизмы, ума, да и в своей основной идее он всегда был твёрд: Ивагакурэ должна оставаться могущественным центром влияния на политической арене. Как именно это будет сделано, с помощью силы или же руками теневых помошников, его никогда особо не интересовало; Цутикагэ мыслит широкими мазками, а не продумыванием деталей этих мазков. В этом же русле любой удар по репутации Селению и уж тем более неудачи собственные он воспринимает с гневом; однако гнев его не безумен, но жесток, а сам Кагэ злопамятен.</p>
                <p>Почитать: <a href="https://narutoexile.ru/viewtopic.php?id=388">тут</a>.</p>
            </div>
        </div>
    </div>
    
    <div class="iwa-content" id="iwa-content-guard">
        <h3>Личная гвардия Цутикагэ</h3>
        <p>Ранее подобного отряда не существовало и его функции выполняли исключительно АНБУ селения при необходимости, однако с сентября 628 года Ооки создал особое подразделение из людей, которые в первую очередь преданы именно ему, и которым он готов доверить практически любое поручение. Личная гвардия крайне малочислена, своих лиц не скрывает, однако и принадлежность к подобному отряду, поскольку он лишь полуофициален, не называет. И тем более не распространяется о своих приказах.</p>
        <p><b>Численность</b>: около 4 человек.</p>
        <div class="iwa-leader-table">
            <div class="iwa-leader-portrait">
                <img src="https://upforme.ru/uploads/001a/74/14/443/709063.png" alt="Сэккэй, тюнин Ивагакурэ">
            </div>
            <div class="iwa-leader-desc">
                <h3>Сэккэй, тюнин Ивагакурэ</h3>
                <p>Сирота с пыльных дорог Ивагакурэ, ставший впоследствии участником нашумевшей Команды №1 Ивагакурэ, носившей название Взрывное трио и состоявшей, помимо него, из дзинтюрики Четырёххвостого и сына Седьмого Цутикагэ. При этом сам Сэккэй был, вероятно, наиболее блеклым её представителем, а после гибели двух из трёх составляющих трио, Сэккэй сам по себе и вовсе едва ли кому-то известен в широких кругах. Тем не менее это угрюмый, замкнутый и жёсткий юноша в составе гвардии, подчиняющейся лично Седьмому Цутикагэ.</p>
                <p>Почитать: <a href="https://narutoexile.ru/viewtopic.php?id=3339">тут</a> и <a href="https://narutoexile.ru/viewtopic.php?id=3551">тут</a>.</p>
            </div>
        </div>
    </div>

    <div class="iwa-content" id="iwa-content-recon">
        <h3>Разведкорпус</h3>
        <p>Разведовательный корпус Ивагакурэ, несмотря на своё название, в первую очередь занимается вопросами внутренней и внешней политики Скрытого Камня и является максимально приближенным к Седьмому Цутикагэ, поскольку им руководит давний друг и соратник Ооки, в чьих руках до последнего времени была сосредоточена большая часть политической власти в селении. Корпус малочисленный и состоит целиком из людей, преданных доктрине деревни.</p>
        <p><b>Численность</b>: около 10 человек.</p>
        <div class="iwa-leader-table">
            <div class="iwa-leader-portrait"><img src="https://upforme.ru/uploads/001a/74/14/443/751231.png" alt="Муу Кадафи, глава разведкорпуса"></div>
            <div class="iwa-leader-desc">
                <h3>Кадафи, глава разведки, правая рука Цутикагэ</h3>
                <p>Муу Кадафи — глава внутренней и внешней разведки и давний друг молодости Седьмого Цутикагэ — по большому счёту долгие годы представлял интересы Ивагакурэ на международной арене и многие политические действия Скрытого Камня были продиктованы именно видением этого человека. Тем удивительней, что о его роли в жизни Селения так мало известно простым синоби. Настоящий серый кардинал, в последний год, правда, попал под сильную опалу в связи с рядом неудачных операций и происшествий: потеря нескольких дзинтюрики подряд, пропажа единственного сына Цутикагэ, осмелевшие и дерзкие действия прочих Селений прямо под боком у Ивы — всё это не могло не пошатнуть позиций Кадафи, десяток лет ведущего политику миролюбивого сотрудничества и нейтралитета. Ныне влияние на Цутикагэ всё больше и больше утекает из пальцев Кадафи в сторону Совета, большая часть из которого состоит из ветеранов войн с Альянсом и настроена на радикальные действия.</p>
                <p>Почитать: <a href="https://narutoexile.ru/viewtopic.php?id=493">тут</a> и <a href="https://narutoexile.ru/viewtopic.php?id=496">тут</a>.</p>
            </div>
        </div>
    </div>

    <div class="iwa-content" id="iwa-content-council">
        <h3>Совет Селения</h3>
        <p>Совет Скрытого Камня — историческое формирование, в которое традиционно входят не более десяти самых влиятельных и опытных дзёнинов Ивагакурэ вне зависимости от прочих занимаемых ими должностей. Текущий состав Совета сформировался около пятнадцати—двадцати лет назад и с тех пор был практически неизменен, что означает преобладание в нём довольно консервативных мнений синоби, служивших Иве ещё во времена войны с Альянсом. В целом, несмотря на то, что руководит советом Муу Кадафи, всегда избиравший путь дипломатии, сотрудничества и тихого влияния, в целом в совете преобладают радикальные взгляды на внутреннюю и внешнюю политику Ивагакурэ.</p>
        <p><b>Численность</b>: около 8 человек.</p>
    </div>

    <div class="iwa-content" id="iwa-content-academy">
        <h3>Академия синоби</h3>
        <p>К обучению нового поколения синоби в Ивагакурэ подходят со всей ответственностью и формирмирование обучающего состава, а так же «программа обучения» находятся под прямым контролем совета Ивагакурэ.</p>
    </div>

    <div class="iwa-content" id="iwa-content-anbu">
        <h3>АНБУ</h3>
        <p>АНБУ Скрытого Камня мало чем отличается по функционалу от подобных подразделений других стран за исключением того факта, что исторически, номинально подчиняясь лишь Цутикагэ, фактически особые силы деревни стоят находятся в подчинении не только непосредственно лидеру деревни, но также и Совету с верхушкой разведкорпуса, и могут докладывать непосредственно им. Любые операции спецотряда всегда получают, тем не менее, резолюцию главы деревни, даже если операция была продумана и предложена не лично им. В 628 году Ооки провёл большую чистку в рядах АНБУ селения, а также вывел из его состава несколько человек в неофициальную личную гвардию — действие, очевидно означающее утрату доверия Цутикагэ к отрядам специального назначения после произошедших печальных событий.</p>
        <p><b>Численность</b>: около 100 человек.</p>
    </div>

    <div class="iwa-content" id="iwa-content-secretariat">
        <h3>Секретариат резиденции</h3>
        <p>Секретариат выполняет основные организационные и бюрократические функции в Ивагакурэ, осуществляя приём и распределение заказов от просителей, координацию подразделений Ивагакурэ, хранение и охрану секретов в архивах Селения, а также коммуникацию между правлением Селения и низшими званиями. В постоянном штате резиденции находится несколько десятков человек с различным уровнем доступа и чётко регламентированным кругом обязанностей.</p>
        <p><b>Численность</b>: около 200 человек.</p>
        <div class="iwa-leader-table">
            <div class="iwa-leader-portrait"><img src="https://upforme.ru/uploads/001a/74/14/443/785488.png" alt="Окита, первый секретарь резиденции"></div>
            <div class="iwa-leader-desc">
            <h3>Окита, первый секретарь резиденции</h3>
            <p>Для большинства синоби Ивагакурэ наивысшее лицо, с кем они могут побеседовать — это Окита. Пожилой синоби, многое повидавший на своём веку и служивший первым секретарём у трёх правителей Страны Земли, за годы выработал сухой и жёсткий характер, абсолютное спокойствие к любым поручениям и феноменальную память на сменяющиеся лицы бойцов Скрытого Камня. Окита служит входным и выходным окном для коммуникации между синоби и решениями Цутикагэ и совета Селения, однако и помимо него в штате Селения работает множество секретарей — если синоби выдают поручение низкого ранга, скорее всего оно будет получено именно от них, а не от Окиты лично, в резиденции Ивагакурэ действует строгая иерархия.</p></div>
        </div>
    </div>

    <div class="iwa-content" id="iwa-content-supply">
        <h3>Корпус снабжения</h3>
        <p>Одно из самых многочисленных формирований в составе сил Ивагакурэ, однако как минимум на половину состоит из гражданских лиц или синоби низшего ранга. В мирное времени занимается обеспечением нормального функционирования Селения, его муниципальных, административных, промышленных и продовольственных структур. Налогообложение, строительство, перепись населения, гражданская стража — всё это тоже входит в обязанности этого подразделения.</p>
        <p><b>Численность</b>: большая.</p>
    </div>

    <div class="iwa-content" id="iwa-content-sabotage">
        <h3>Диверсионный корпус</h3>
        <p>Основной задачей диверсионного корпуса является проведение операций по саботажу, подрыву и разрушению различных объектов по приказу верхушки Селения или же в случае заказов со стороны, хотя последние «услуги» Ивагакурэ старается и не афишировать, хотя нередко и идёт на них по тайным каналам. Основными условиями для вступления в диверсионный корпус является одновременное мастерское умение к маскировке и расстановке ловушек, а с другой стороны — большой разрушительный потенциал синоби, способный ликвидировать крупную цель эффективно и быстро. Вопреки представлениям многих, наличие Стхии Взрыва не является формально обязательным условием, но фактически диверсионный корпус Ивагакурэ и Отряд Подрывников в его составе сейчас представляют собой одно и то же.</p>
        <p><b>Численность</b>: около 25 человек.</p>
    </div>

    <div class="iwa-content" id="iwa-content-medical">
        <h3>Медицинский корпус</h3>
        <p>Медицинский корпус — достаточно крупное формирование в составе Селения, оказывающее медицинскую помощь как гражданскому населению Ивагакурэ, так и синоби, пострадавшим в ходе различных миссиях. Внутри корпуса существуют отделения скорой помощи и реанимации, хирургии, общей практики, лаборатории и закрытая психиатрия. В составе медиков могут работать как гражданские, так и обученные ирьёнины — последние традиционно занимают более высокие должности и занимаются более тяжёлыми случаями. Руководит больницей традиционно человек, поставленный Советом; и обычно это человек, не имеющий отношения к медицине.</p>
        <p><b>Численность</b>: большая.</p>
        <div class="iwa-leader-table">
            <div class="iwa-leader-portrait"><img src="https://upforme.ru/uploads/001a/74/14/443/848645.png" alt="Каин, старший медик больницы"></div>
            <div class="iwa-leader-desc">
            <h3>Каин, старший медик больницы Ивагакурэ</h3>
            <p>Несмотря на то, что больницей Ивагакурэ традиционно руководят не медики по своим первичным навыкам, заместители его обыкновенно являются крайне квалифицированными ирьёнинами. Одним из самых талантливых — и самых юных — с недавних пор является Каин, сын Кадафи, долгое время отказывавшийся от подобной должности, но назначенный отцом с угрозой шантажа некоторыми сведениями о его жизни, которые он бы прдепочёл никому не рассказывать. Но детали этого назначения, разумеется, никому не известны, а для большинства людей старший медик является несколько развязным, порой рассеяным и беззаботным, но крайне ответственным специалистом, всегда готовым прийти на помощь.</p>
                <p>Почитать: <a href="https://narutoexile.ru/viewtopic.php?id=2504">тут</a> и <a href="https://narutoexile.ru/viewtopic.php?id=2517">тут</a>.</p></div>
        </div>
    </div>

    <div class="iwa-content" id="iwa-content-demolition">
        <h3>Отряд подрывников</h3>
        <p>Легендарное подразделение Ивагакурэ, уходящее корнями в его самую раннюю историю и традиционно считающееся одним из самых опасных юнитов, которые только может выставить Скрытый Камень против своих врагов. Специализируется на крупных диверсиях и состоит исключительно из носителей улучшенного генома Стихии Взрыва. Формально числится в составе диверсионного корпуса, но фактически занимает его целиком.</p>
        <p><b>Численность</b>: около 25 человек.</p>
    </div>

    <div class="iwa-content" id="iwa-content-squads">
        <h3>Отряды синоби Ивагакурэ</h3>
        <p>Регулярные силы Ивагакурэ, состоящие из гэнинов, тюнинов и дзёнинов Селения: выполняют миссии по заказу руковдства Ивы и сторонних клиентов, осуществляют охрану важных лиц Страны Земли, патрулируют границы. После выпуска из академии синоби большая часть гэнинов попадает именно в эту категорию. Система команд из трёх гэнинов и капитана в Ивагакурэ распределена, как и по всему остальному миру, однако не является единственной формой работы синоби: даже на низших рангах ниндзя могут выполнять поручения соотвтетсвующих рангов в одиночку</p>
        <p><b>Численность</b>: большая.</p>
        <div class="iwa-leader-table">
            <div class="iwa-leader-desc"><h3>Команда №1 (расформирована)<br>
        <img src="https://forumavatars.ru/img/avatars/001a/74/14/67-1729526071.png" width="100" height="auto" alt="Масааки">  <img src="https://forumavatars.ru/img/avatars/001a/74/14/403-1740343248.jpg" width="100" height="auto" alt="Оурури">  <img src="https://upforme.ru/uploads/001a/74/14/443/983071.png" width="100" height="auto" alt="Сэккэй"></h3>
        <p><b>Такада Масааки</b> — гэнин, сын Седьмого Цутикагэ. Пропал без вести. Почитать: <a href="https://narutoexile.ru/viewtopic.php?id=2861">тут</a> и <a href="https://narutoexile.ru/viewtopic.php?id=3371">тут</a>.</p>
        <p><b>Оурури</b> — гэнин, дзинтюрики Четырёххвостого. Погибла. Почитать: <a href="https://narutoexile.ru/viewtopic.php?id=3515">тут</a> и <a href="https://narutoexile.ru/viewtopic.php?id=3517">тут</a>.</p>
        <p><b>Сэккэй</b> — тюнин на момент расформирования команды. Почитать: <a href="https://exileanbune.mybb.ru/viewtopic.php?id=3339">тут</a> и <a href="https://exileanbune.mybb.ru/viewtopic.php?id=3551">тут</a>.</p>

        <h3>Команда №3<br>
        <img src="https://forumavatars.ru/img/avatars/001a/74/14/183-1772493784.jpg" width="100" height="auto" alt="Хайтсучи">  <img src="https://upforme.ru/uploads/001a/74/14/443/344314.png" width="100" height="auto" alt="Гэкки">  <img src="https://upforme.ru/uploads/001a/74/14/443/603017.jpg" width="100" height="auto" alt="Юдзэн"></h3>
        <p><b>Хайтсучи</b> — гэнин.  Почитать: <a href="https://narutoexile.ru/viewtopic.php?id=5693">тут</a> и <a href="https://narutoexile.ru/viewtopic.php?id=5707">тут</a>.</p>
        <p><b>Гэкки</b> — гэнин. Почитать: <a href="https://narutoexile.ru/viewtopic.php?id=5152#p718517">тут</a>.</p>
        <p><b>Юдзэн</b> — гэнин. Почитать: <a href="https://narutoexile.ru/viewtopic.php?id=5152#p718517">тут</a>.</p>

        <h3>Без команды<br>
        <img src="https://forumavatars.ru/img/avatars/001a/74/14/159-1769946998.png" width="100" height="auto" alt="Тонэрико"></h3>
        <p><b>Тонэрико</b> — тюнин, лидер переселенцев Такигакурэ. Почитать: <a href="https://narutoexile.ru/viewtopic.php?id=4533">тут</a> и <a href="https://narutoexile.ru/viewtopic.php?id=4537">тут</a>.</p></div>
        </div>
    </div>

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

[icon]https://upforme.ru/uploads/001a/74/14/443/201593.png[/icon]

Отредактировано Sekkei (26.03.2026 10:57)