[hideprofile][html]
<style>
:root {
  --bg: #fbfbfb;
  --fg: #1a1a1a;
  --muted: #555;
  --border: #e2e6ef;
  --card: #fff;
  --radius: 12px;
  --pad: 16px;
  --shadow: 0 6px 18px rgba(0,0,0,.04);
  --accent: #2a7bd6;
  --icon-bg: #eef2ff;
  --icon-color: #2a7bd6;
  --title: #111;
  --section-sep: none;
  --font: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
.festival {
  background: var(--card);
  color: var(--fg);
  font-family: var(--font);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: var(--pad);
  box-shadow: var(--shadow);
}

.festival-hero {
  text-align: center;
  padding: 20px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(255,105,180,.25), rgba(60,200,120,.25));
  border: 1px solid var(--border);
  margin: 0 auto 12px;
  max-width: 860px;
  box-shadow: var(--shadow);
}

.festival h1 {
  font-family: 'Great Vibes', cursive;
  font-size: clamp(2.5rem, 6vw, 4rem);
  margin: 0;
  color: var(--fg);
}

.festival .tagline {
  margin-top: 6px;
  color: var(--muted);
  font-size: 0.95em;
}

.festival .grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  max-width: 860px;
  margin: 0 auto;
}

.festival .card {
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 12px 14px;
  color: var(--fg);
  box-shadow: var(--shadow);
}

.festival .card-header {
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--border);
  color: var(--fg);
}
.festival .icon {
  width: 1em; height: 1em;
  display: inline-flex;
  align-items: center; justify-content: center;
  background: var(--icon-bg);
  color: var(--icon-color);
  border-radius: 4px;
  padding: 0 6px;
}
.festival .section-sep { display: none; }

/* Адаптивность */
@media (max-width: 700px) {
  .festival { padding: 12px; }
  .festival-hero h1 { font-size: 2.2rem; }
}
</style>
<div class="festival" aria-label="Формат ивента">
  <div class="festival-hero">
    <h1>Фестиваль Цветения Кэмерона</h1>
    <div class="tagline">10.03.2026 • 6 игровых дней • 18 реальных дней</div>
  </div>

  <div class="grid" aria-label="Разделы фестиваля">
    <section class="card" aria-label="Основной механизм">
      <div class="card-header"><span class="icon" aria-hidden="true">🎲</span> Основной механизм</div>

      <p>Рандомные броски кубиков + спидпостинг (до ~1500 символов на пост, можно больше при желании и входя в сроки).</p>
      <p>Ведущий описывает результаты бросков в 1–2 предложениях и формулирует последующие события, баффы/дебаффы/предметы по факту получения.</p>

    </section>

    <section class="card" aria-label="Временная структура">
      <div class="card-header"><span class="icon" aria-hidden="true">⏳</span> Временная структура</div>
        <p>Один игровой день равен 3 реальным суткам.</p>
        <p>Всего ожидается 5 игровых дней.</p>
        <p>На 6-й день состоится итоговая часть: бал-маскарад и подсчёт результатов.</p>
    </section>

    <section class="card" aria-label="Валюта и награды">
      <div class="card-header"><span class="icon" aria-hidden="true">💫</span> Валюта и награды</div>
        <p>Лепестки: фестивальная валюта; расходуется в будущем магазине после завершения бала.</p>
        <p>Баффы, дебаффы, предметы и их эффекты описываются и применяются по факту получения участниками.</p>
    </section>

    <section class="card" aria-label="Управление участниками">
      <div class="card-header"><span class="icon" aria-hidden="true">🗂️</span> Участники</div>
      <p>Детальная сводка по каждому участнику ведётся в отдельной теме для удобного трекинга.</p>
    </section>

    <section class="card" aria-label="Правила и формат">
      <div class="card-header"><span class="icon" aria-hidden="true">🎭</span> Правила и формат</div>
      <p>Всеописывающих правил и условий не будет — делаем упор на импровизацию, кубики, рандом и веселье.</p>
      <p>Если ведущий забыл что-то куда-то записать или учесть — не серчайте и укажите ему.</p>
      <p>На результат — не обижаемся <3</p>
    </section>
  </div>
</div>
[/html]