[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>

  <div class="grid" aria-label="Разделы фестиваля">
    <section class="card" aria-label="Основной механизм">
      <div class="card-header"><span class="icon" aria-hidden="true">🎲</span> Основной механизм</div>
<p>Раз в игровой день (или трое суток) игрок бросает кубик и получает карту таро. При желании получить +2 к броску пишет пост от 700 символов в свободной форме о том, как пришёл в гости к предсказателю. Всё просто.</p>
<p>Ведущий таролог по итогу броска вручает карту.</p>
<p>В данной активности баффы, модификаторы и предметы не участвуют!</p>
<p><b>Бросок:</b> 1d20 + (до +2 за глубину поста)</p>
<p><b>Порог сложности:</b> 12</p>
<p><b>Исходы:</b>
<p>Критический успех (19–20): действие карты таро + большой цветок.</p>
<p>Успех (12–18): действие карты таро + средний цветок</p>
<p>Фейл (3–11): действие карты таро + маленький цветок.</p>
<p>Критический фейл (1–2): действие карты таро.</p>

    </section>

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