<section class="dnc-chat-card dnc-chat-card-chaos">
  <header class="chat-card-header">
    <div class="chat-card-heading">
      <p class="chat-card-kicker">{{localize "DNC.UI.Chaos"}}</p>
      <h2>{{title}}</h2>
      <p class="chat-card-subtitle">{{localize "DNC.Chat.ChaosSubtitle"}}</p>
    </div>
    <div class="chat-card-total">
      <span>{{localize "DNC.Chat.RollValue"}}</span>
      <strong>{{value}}</strong>
    </div>
  </header>
  <div class="chat-pill-row">
    <span class="chat-pill success">{{localize "DNC.Chat.SpellMaintained"}}</span>
    <span class="chat-pill">{{localize "DNC.Chat.Before"}} {{before}}</span>
    <span class="chat-pill">{{localize "DNC.Chat.After"}} {{after}}</span>
  </div>
  {{#if chaosEntry}}
    <div class="chat-chaos-result">
      <p class="chat-chaos-result-title">{{value}} · {{chaosEntry.title}}</p>
      <p class="chat-note">{{chaosEntry.effect}}</p>
    </div>
  {{/if}}
  {{#if degraded}}
    <p class="chat-note warning">{{localize "DNC.Chat.ChaosDieDrops"}}</p>
  {{/if}}
  {{#if exhausted}}
    <p class="chat-note warning">{{localize "DNC.Chat.ChaosDieExhausted"}}</p>
  {{/if}}
</section>
