<div class="cde-initiative-result">

  {{!-- Header: actor identity --}}
  <div class="cde-ir-header">
    {{#if actorImg}}
    <img class="cde-ir-avatar" src="{{actorImg}}" alt="{{actorName}}" />
    {{/if}}
    <div class="cde-ir-actor-info">
      <span class="cde-ir-actor-name">{{actorName}}</span>
      <span class="cde-ir-roll-label">{{ localize "CDE.InitiativeRoll" }}</span>
    </div>
  </div>

  {{!-- Formula display --}}
  <div class="cde-ir-formula">
    <span class="cde-ir-formula-base">{{baseName}}</span>
    <span class="cde-ir-formula-val">{{baseValue}}</span>
    <span class="cde-ir-formula-sep">+</span>
    <span class="cde-ir-formula-base">{{actionName}}</span>
    <span class="cde-ir-formula-val">{{actionValue}}</span>
    {{#if hasModifier}}
    <span class="cde-ir-formula-sep">{{#if (gt modifier 0)}}+{{else}}{{/if}}</span>
    <span class="cde-ir-formula-val cde-ir-formula-mod">{{modifier}}</span>
    {{/if}}
    <span class="cde-ir-formula-eq">=</span>
    <span class="cde-ir-formula-total">{{initiative}}</span>
  </div>

  {{!-- Hero: big neon initiative number --}}
  <div class="cde-ir-hero">
    <span class="cde-ir-init-value">{{initiative}}</span>
    <div class="cde-ir-hero-right">
      <span class="cde-ir-init-label">{{ localize "CDE.Initiative" }}</span>
      <span class="cde-ir-anti">
        <span class="cde-ir-anti-label">{{ localize "CDE.AntiInitiative" }}</span>
        <span class="cde-ir-anti-value">{{antiInitiative}}</span>
      </span>
    </div>
  </div>

</div>
