[hideprofile][html]
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<style>
.dashboard {max-width: 1400px;margin: 0 auto;background: linear-gradient(360deg, #313747 5%, #1c202b 95%);background-position: top;background-repeat: no-repeat;background-size: contain;overflow: hidden;padding: 2rem;}
.header {text-align: center;margin-bottom: 3rem;position: relative;}
.header h1 {font-size: 2.8rem;font-weight: 600;letter-spacing: 2px;background: linear-gradient(135deg, #ffffff, #a0d0ff);-webkit-background-clip: text;-webkit-text-fill-color: #0000002b;text-shadow: 0 0 10px rgba(90, 180, 255, 0.5);margin-bottom: 0.5rem;}
.header .subhead {font-size: 1.2rem;color: #b0d9ff;font-weight: 300;border-bottom: 1px solid rgba(255,255,255,0.2);padding-bottom: 1.5rem;max-width: 700px;margin: 0 auto;}
.snow-icon {font-size: 2.5rem;color: #c0e0ff;margin-top: 0.5rem;opacity: 0.7;}
/* grid layout */
.grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 1.8rem;margin-bottom: 2rem;}
.card {background: rgba(20, 40, 55, 0.7);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);border-radius: 2rem;padding: 1.8rem 1.5rem;border: 1px solid rgba(130, 190, 240, 0.2);box-shadow: 0 8px 20px rgba(0, 10, 20, 0.5);transition: transform 0.2s, border-color 0.2s;}
.card:hover {transform: translateY(-6px);border-color: rgba(150, 210, 255, 0.5);box-shadow: 0 15px 30px rgba(0, 40, 70, 0.7);}
.card-header {display: flex;align-items: center;gap: 0.8rem;margin-bottom: 1.4rem;border-bottom: 1px dashed rgba(200, 230, 255, 0.3);padding-bottom: 0.8rem;}
.card-header i {font-size: 2rem;color: #7fc9ff;width: 2rem;text-align: center;}
.card-header h2 {font-size: 1.5rem;font-weight: 500;letter-spacing: 0.5px;color: #e2f0ff;}
.card-content {font-size: 0.95rem;color: #cdddee;}
.card-content p {padding: 0 0 10px 0;text-align: left;}
.fact-list {list-style: none;}
.fact-list li {margin-bottom: 0.6rem;display: flex;gap: 0.6rem;align-items: baseline;}
.fact-list li i {color: #5fb0ff;width: 1.2rem;font-size: 0.9rem;margin-top: 0.2rem;}
.check-list {list-style: none;}
.check-list li {margin-bottom: 0.6rem;display: flex;gap: 0.6rem;align-items: baseline;}
.check-list li i {color: #5fb0ff;width: 1.2rem;font-size: 0.9rem;margin-top: 0.2rem;}
.badge {display: inline-block;background: rgba(70, 140, 210, 0.3);border-radius: 40px;padding: 0.2rem 0.8rem;font-size: 0.8rem;color: #c0e2ff;border: 1px solid rgba(100, 180, 250, 0.3);margin-right: 0.4rem;margin-bottom: 0.4rem;}
.timeline-item {margin-bottom: 1rem;border-left: 2px solid #3e7fb0;padding-left: 1rem;text-align: justify;}
.timeline-year {font-weight: 600;color: #a0d0ff;display: block;}
/* боковая панель с ключевыми фактами — встроена в сетку, но можно сделать широкой */
.span-3 {grid-column: span 3;}
/* адаптивность */
@media (max-width: 700px) {
.dashboard { padding: 1rem; }
.header h1 { font-size: 2rem; }
.span-3 { grid-column: span 1; }
}
/* footer */
.footer {margin-top: 2.5rem;text-align: center;font-size: 0.9rem;color: #9bb9d9;border-top: 1px solid rgba(255,255,255,0.1);padding-top: 1.8rem;}
.footer i {color: #ffb4b4;}
/* спецэффект "снег" (точки) */
.snow-bg {position: fixed;top: 0; left: 0; right: 0; bottom: 0;pointer-events: none;z-index: -1;}
</style>

<div class="dashboard">
<div class="header">
<h1>❄️ СТРАНА СНЕГА · ЮКИ НО КУНИ ❄️</h1>
<div class="subhead">
Земля вечной мерзлоты, медицины и древних тайн. <br>
Государство, восставшее из зависимости и строящее будущее на льду.
</div>
<div class="snow-icon"><i class="fas fa-snowflake"></i> <i class="fas fa-wind"></i> <i class="fas fa-snowflake"></i></div>
</div>

<div class="grid">
<!-- карточка: общая информация -->
<div class="card">
<div class="card-header"><i class="fas fa-globe"></i><h2>Общие сведения</h2></div>
<div class="card-content"><ul class="fact-list">
<li><i class="fas fa-crown"></i> <strong>Даймё:</strong> Фуджиказе Ямико</li>
<li><i class="fas fa-city"></i> <strong>Столица:</strong> Самуке Тоши</li>
<li><i class="fas fa-users"></i> <strong>Население:</strong> ≈ 520 тыс. (пл. 0,27 чел./км²)</li>
<li><i class="fas fa-balance-scale"></i> <strong>Статус:</strong> Малая страна с деревней ниндзя</li>
<li><i class="fas fa-hospital"></i> <strong>Деревня ниндзя:</strong> Юкигакуре</li>
<li><i class="fas fa-user-md"></i> <strong>Лидер ниндзя:</strong> Джингаса</li>
<li><i class="fas fa-notes-medical"></i> <strong>Специализация:</strong> Медицина, фармацевтика</li>
</ul></div>
</div>

<!-- карточка: география и климат -->
<div class="card">
<div class="card-header"><i class="fas fa-mountain"></i><h2>География · Климат</h2></div>
<div class="card-content">
<p><span class="badge">полярный климат</span> <span class="badge">мерзлота</span> <span class="badge">тундра</span></p>
<ul class="fact-list">
<li><i class="fas fa-temperature-low"></i> Зима круглый год, температура ниже нуля</li>
<li><i class="fas fa-snowflake"></i> Ледяные пустоши, снежные равнины, горные хребты</li>
<li><i class="fas fa-water"></i> Замёрзшие озёра, фьорды, термальные источники</li>
<li><i class="fas fa-dragon"></i> Символы природы: белый медведь и северный олень</li>
</ul>
</div>
</div>

<!-- карточка: ключевые факты (можно выделить) -->
<div class="card">
<div class="card-header"><i class="fas fa-star"></i><h2>Визитная карточка</h2></div>
<div class="card-content">
<p><i class="fas fa-check-circle" style="color: #6db3ff;"></i> Отделенный континент с множеством островов</p>
<p><i class="fas fa-check-circle" style="color: #6db3ff;"></i> Лучшая медицина во всем мире</p>
<p><i class="fas fa-check-circle" style="color: #6db3ff;"></i> Атмосферная игра в морозных реалиях</p>
<p><i class="fas fa-check-circle" style="color: #6db3ff;"></i> «Дети Джингасы» — искусственно выращенные носители способностей чужих кланов</p>
</div>
</div>

<!-- карточка: история (времени больше, можно сделать шире) -->
<div class="card span-3">
<div class="card-header"><i class="fas fa-landmark"></i><h2>Исторический путь</h2></div>
<div class="card-content" style="display: grid; grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem;"><div>
<!-- Колонка 1 -->
<div class="timeline-item"><span class="timeline-year">▸ Древность</span> Времена разделения на множество враждующих между собой племён за территории и ресурсы</div>
<div class="timeline-item"><span class="timeline-year">▸ Эпоха государственности</span> Объединение племён под единым знаменем, становление страны Снега</div>
<div class="timeline-item"><span class="timeline-year">▸ Эпоха перемен</span> Восстание против действующего великого племени и приход к власти избранной верховной семьи</div>
<div class="timeline-item"><span class="timeline-year">▸ Эпоха зависимости</span> Вступление страны в Альянс малых стран по договору, рост внутреннего кризиса</div>
</div>
<!-- Колонка 2 -->
<div>
<div class="timeline-item"><span class="timeline-year">▸ Освобождение Юки</span> Прибытие иноземца с континента, восстание народа, смена власти и выход из союза малых стран</div>
<div class="timeline-item"><span class="timeline-year">▸ Революционный прогресс</span> Стремительное развитие производства, наращивание промышленного потенциала</div>
<div class="timeline-item"><span class="timeline-year">▸ Мировая позиция</span> Занятие передового места в вопросах медицины и трансплантаций</div>
<div class="timeline-item"><span class="timeline-year">▸ Внешняя независимость</span> Удерживание статуса нейтралитета и защита собственных позиций за счёт владением биджу</div>
</div>
<!-- Колонка 3 -->
<div>
<div class="timeline-item"><span class="timeline-year">▸ Мировые договорённости</span> Отказ от Шестихвостого в пользу статуса нейтрального государства</div>
<div class="timeline-item"><span class="timeline-year">▸ Самоизоляции</span> Внутреннее развитие, сокращение отставания экономики Юки но Куни от экономик малых стран</div>
<div class="timeline-item"><span class="timeline-year">▸ Перестройка</span> Строительство новой столицы, смена правительства, смена Даймё, налаживание внешней торговли</div>
<div class="timeline-item"><span class="timeline-year">▸ Современность</span> Основание Скрытого Селения, наращивание экономического и военного потенциала</div>
</div>
</div>
</div>

<!-- карточка: политика и отношения -->
<div class="card">
<div class="card-header"><i class="fas fa-handshake"></i><h2>Политика</h2></div>
<div class="card-content">
<ul class="fact-list">
<li><i class="fa fa-cart-plus" style="color: #6db3ff;"></i> Внутренняя: культ личности Джингасы, развитие экономики и медицины</li>
<li><i class="fa fa-briefcase" style="color: #6db3ff;"></i> Внешняя: политический нейтралитет, налаживание сотрудничества с другими странами, развитие торговли</li>
<li><i class="fa fa-info-circle" style="color: #6db3ff;"></i> Угрозы: подозрения в краже уникальных передающихся генетически способностей</li>
</ul>
</div>
</div>

<!-- карточка: экономика и ресурсы -->
<div class="card">
<div class="card-header"><i class="fas fa-coins"></i><h2>Экономика</h2></div>
<div class="card-content">
<ul class="fact-list">
<li><i class="fas fa-capsules"></i> Экспорт: медицинские услуги, фармацевтика, технологии</li>
<li><i class="fas fa-fish"></i> Традиции: рыболовство, пушнина, добыча целебных лишайников</li>
<li><i class="fas fa-ship"></i> Торговля: морские порты, караванные пути</li>
<li><i class="fas fa-truck"></i> Импорт: продовольствие, стройматериалы, сырье для медикаментов</li>
</ul>
</div>
</div>

<!-- карточка: культура и общество -->
<div class="card">
<div class="card-header"><i class="fas fa-drumstick-bite"></i><h2>Культура · Быт</h2></div>
<div class="card-content">
<p><i class="fas fa-utensils" style="color: #6db3ff;"></i> Кухня: похлёбки, оленина, рыба, сбитень</p>
<p><i class="fas fa-tshirt" style="color: #6db3ff;"></i> Одежда: меха, плотная шерсть, вышивка узорами</p>
<p><i class="fas fa-home" style="color: #6db3ff;"></i> Архитектура: камень и дерево, традиционная периода Эдо, технологии первого сезона «Наруто»</p>
</div>
</div>

<!-- карточка: армия и оборона -->
<div class="card">
<div class="card-header"><i class="fas fa-shield-alt"></i><h2>Военные силы</h2></div>
<div class="card-content">
<p><i class="fas fa-user-md" style="color: #6db3ff;"></i> Ниндзя-медики — костяк армии</p>
<p><i class="fas fa-dog" style="color: #6db3ff;"></i> Отряды быстрого реагирования</p>
<p><i class="fas fa-skull" style="color: #6db3ff;"></i> <strong>Элита:</strong> «Дети Джингасы» — носители уникальных способностей</p>
</div>
</div>

<!-- карточка: интересные факты -->
<div class="card">
<div class="card-header"><i class="fas fa-lightbulb"></i><h2>Знаете ли вы?</h2></div>
<div class="card-content">
<ul class="fact-list">
<li><i class="fas fa-child"></i> Вокруг личности Джингасы ходит множество слухов, рождённые недоброжелателями</li>
<li><i class="fas fa-dragon"></i> По поверьям, в ущелье Санриндани лидер Юки сразил кислотного монстра</li>
<li><i class="fas fa-question"></i> Поселение Юкигакуре возникло за ночь на большом плато, защищенном ветрами и метелью</li>
</ul>
</div>
</div>

<!-- карточка: планы куратора -->
<div class="card">
<div class="card-header"><i class="fa fa-list-ul"></i><h2>Планы куратора</h2></div>
<div class="card-content">
<ul class="check-list">
<li><i class="fa fa-check-square"></i> Создание визитного дашборда страны</li>
<li><i class="fas fa-square"></i> Раскрытие подробностей разделов дашборда</li>
<li><i class="fas fa-square"></i> Написание хидена деревни и уникальных отрядов</li>
<li><i class="fas fa-square"></i> Написание 2-3 кланов и сюжетных арок их присоединения к Юки</li>
</ul>
</div>
</div>
</div>

<div class="footer">
<i class="fas fa-snowflake"></i><span style="font-size: 0.8rem;"> Дашборд куратора | Актуальность на 10 марта 2026 </span><i class="fas fa-snowflake"></i>
</div>

</div>
[/html]