{{!-- Participant Card — single participant tile in the Director's Board --}}
<div class="scrying-pool participant-card sp-state-{{state}}{{#if hasPendingOp}} sp-state-pending{{/if}} sp-shape-{{shape}}"
     role="listitem"
     aria-label="{{cardAriaLabel}}"
     data-user-id="{{userId}}"
     tabindex="0">

  {{!-- Avatar (48px rounded) --}}
  <div class="participant-card__avatar">
    <img src="{{avatarSrc}}" alt="Avatar of {{name}}" />
    {{!-- Reaction Cam badge - Story 4.1 --}}
    {{#if isReactionCamEnabled}}
    <span class="participant-card__badge participant-card__badge--reaction-cam"
          role="status"
          aria-label="Reaction Cam: Enabled"
          title="Reaction Cam: Enabled">
      <i class="fas fa-video" aria-hidden="true"></i>
    </span>
    {{/if}}
  </div>

  {{!-- Name (12px, 2-line truncate) --}}
  <p class="participant-card__name">{{name}}</p>

  {{!-- Toggle overlay — revealed on hover; independently keyboard-focusable --}}
  <button class="participant-card__toggle"
          type="button"
          data-action="toggle-participant"
          data-user-id="{{userId}}"
          role="button"
          aria-label="{{toggleAriaLabel}}"
          data-tooltip="{{toggleAriaLabel}}"
          tabindex="-1">
    <i class="fas {{#if isHidden}}fa-eye{{else}}fa-eye-slash{{/if}}" aria-hidden="true"></i>
  </button>

</div>
