<div class="control-icon lethal-luck-grit-hud" data-action="lethal-luck-grit-hud">
  <i class="fa-solid fa-dice" title="Adjust Luck/Grit" style="width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer"></i>

  <div class="luck-grit-wrap luck-grit-hud-disabled">
    <div class="luck-grit-row">
      <span class="luck-grit-label">Luck</span>
      <button class="luck-grit-btn" data-resource="luck" data-amount="-1">−1</button>
      <button class="luck-grit-btn" data-resource="luck" data-amount="1">+1</button>
    </div>
    <div class="luck-grit-row">
      <span class="luck-grit-label">Grit</span>
      <button class="luck-grit-btn" data-resource="grit" data-amount="-1">−1</button>
      <button class="luck-grit-btn" data-resource="grit" data-amount="1">+1</button>
    </div>
  </div>
</div>
