/* =========================================================
   FIRST BLOOD — plugin styles

   Theme-agnostic on purpose: this file is registered for every
   theme so the badge still reads correctly if the HidRyx theme
   is swapped out. The HidRyx theme ships a larger, fuller
   version of these rules; this one just has to hold the line.
   ========================================================= */

:root {
  --fb-blood: #8A4FD1;
  --fb-blood-deep: #4B1878;
  --fb-blood-ink: #2E0B4E;
}

.fb-drop {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex: none;
}

.fb-drop img,
.fb-drop svg {
  width: 100%;
  height: 100%;
  display: block;
}

/* Badge pinned to a challenge card */
.fb-badge {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 16px;
  height: 16px;
  pointer-events: none;
  opacity: 0.95;
}

/* Inline claim line inside the challenge modal */
.fb-claim {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  letter-spacing: 0.4px;
}

.fb-claim .fb-drop {
  width: 14px;
  height: 14px;
}

@media (prefers-reduced-motion: reduce) {
  .fb-drop {
    animation: none !important;
  }
}