/* ============================================
   DND SESSION TRACKER - Slide-up combat panel
   Shared across all character pages.
   Expects :root CSS variables from the host page:
     --parchment, --parchment-dark, --parchment-deep,
     --maroon, --maroon-light, --dark, --amber, --butter
   Fonts: Cinzel (titles), Libre Baskerville (body)
   ============================================ */

/* ============= COLLAPSED BAR ============= */
.dnd-tracker-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 800;
  height: 44px;
  background: var(--maroon, #3D3328);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 0.35s var(--butter, cubic-bezier(0.45, 0, 0.55, 1));
}

.dnd-tracker-bar-hp,
.dnd-tracker-bar-summary {
  font-family: 'Cinzel', serif;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.04em;
  line-height: 1;
  color: var(--parchment, #FDF1DC);
}

.dnd-tracker-bar-hp .hp-current {
  transition: color 0.3s var(--butter, cubic-bezier(0.45, 0, 0.55, 1));
}

.dnd-tracker-bar-hp .hp-separator {
  color: var(--parchment-deep, #D4C9AE);
  margin: 0 2px;
}

.dnd-tracker-bar-hp .hp-max {
  color: var(--parchment-dark, #E2D8C2);
}

/* HP color coding */
.hp-green { color: #6fa862; }
.hp-amber { color: var(--amber, #D49B28); }
.hp-red { color: #c0433a; }

.dnd-tracker-bar-right {
  display: flex;
  align-items: center;
  gap: 12px;
}

.dnd-tracker-conditions-badge {
  font-family: 'Cinzel', serif;
  font-weight: 600;
  font-size: 11px;
  background: var(--amber, #D49B28);
  color: var(--maroon, #3D3328);
  min-width: 22px;
  height: 22px;
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  line-height: 1;
}

.dnd-tracker-conditions-badge:empty,
.dnd-tracker-conditions-badge[data-count="0"] {
  display: none;
}

.dnd-tracker-chevron,
.dnd-tracker-bar-chevron {
  width: 20px;
  height: 20px;
  color: var(--amber, #E69A28);
  font-size: 16px;
  transition: transform 0.4s var(--butter, cubic-bezier(0.45, 0, 0.55, 1));
}

.dnd-tracker-bar.expanded .dnd-tracker-chevron,
.dnd-tracker-expanded .dnd-tracker-bar-chevron {
  transform: rotate(180deg);
}

/* ============= EXPANDED PANEL ============= */
.dnd-tracker-panel {
  position: fixed;
  bottom: 44px;
  left: 0;
  right: 0;
  z-index: 799;
  max-height: 60vh;
  overflow-y: auto;
  background: var(--parchment, #F5EFDF);
  border-top: 3px solid var(--maroon, #3D3328);
  border-radius: 8px 8px 0 0;
  box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.2),
              0 -2px 8px rgba(0, 0, 0, 0.1);
  transform: translateY(100%);
  visibility: hidden;
  transition: transform 0.45s var(--butter, cubic-bezier(0.45, 0, 0.55, 1)),
              visibility 0s 0.45s;
}

.dnd-tracker-panel.open,
.dnd-tracker-expanded .dnd-tracker-panel {
  transform: translateY(0);
  visibility: visible;
  transition: transform 0.45s var(--butter, cubic-bezier(0.45, 0, 0.55, 1)),
              visibility 0s 0s;
}

/* Scrollbar styling */
.dnd-tracker-panel::-webkit-scrollbar {
  width: 6px;
}

.dnd-tracker-panel::-webkit-scrollbar-track {
  background: var(--parchment-dark, #E2D8C2);
  border-radius: 0 8px 0 0;
}

.dnd-tracker-panel::-webkit-scrollbar-thumb {
  background: var(--maroon, #3D3328);
  border-radius: 3px;
}

/* Panel header (drag handle + collapse) */
.dnd-tracker-panel-header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px 4px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.dnd-tracker-drag-handle {
  width: 40px;
  height: 4px;
  background: var(--parchment-deep, #D4C9AE);
  border-radius: 2px;
}

/* Panel content wrapper */
.dnd-tracker-content {
  padding: 8px 20px 28px;
  max-width: 400px;
  margin: 0 auto;
  text-align: center;
}

/* ============= SECTION SHARED ============= */
.dnd-tracker-section {
  margin-bottom: 24px;
}

.dnd-tracker-section:last-child {
  margin-bottom: 0;
}

.dnd-tracker-section-label {
  font-family: 'Cinzel', serif;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-variant: small-caps;
  color: var(--maroon, #3D3328);
  margin-top: 20px;
  margin-bottom: 8px;
  text-align: center;
}

.dnd-tracker-separator {
  height: 1px;
  background: var(--parchment-dark, #E2D8C2);
  margin: 4px 0 16px;
}

/* ============= HP SECTION ============= */
.dnd-tracker-hp,
.dnd-tracker-hp-section {
  text-align: center;
  padding-top: 4px;
}

.dnd-tracker-hp-display {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 8px;
  margin-bottom: 6px;
}

.dnd-tracker-hp-current {
  font-family: 'Cinzel', serif;
  font-weight: 900;
  font-size: 60px;
  line-height: 1;
  transition: color 0.3s var(--butter, cubic-bezier(0.45, 0, 0.55, 1));
}

.dnd-tracker-hp-separator {
  font-family: 'Cinzel', serif;
  font-weight: 400;
  font-size: 36px;
  color: var(--parchment-deep, #D4C9AE);
}

.dnd-tracker-hp-max {
  font-family: 'Cinzel', serif;
  font-weight: 700;
  font-size: 36px;
  color: var(--maroon-light, #6B5942);
}

.dnd-tracker-hp-temp {
  display: inline-block;
  font-family: 'Cinzel', serif;
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 0.08em;
  color: var(--amber, #D49B28);
  background: color-mix(in srgb, var(--amber, #D49B28) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--amber, #D49B28) 35%, transparent);
  border-radius: 12px;
  padding: 2px 10px;
  margin-left: 8px;
  vertical-align: middle;
}

.dnd-tracker-hp-temp:empty,
.dnd-tracker-hp-temp[data-temp="0"] {
  display: none;
}

/* HP inline row: [minus] number [plus] */
.dnd-tracker-hp-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin: 4px 0 10px;
}
.dnd-tracker-hp-minus,
.dnd-tracker-hp-plus {
  background: none;
  border: none;
  font-family: 'Cinzel', serif;
  font-weight: 700;
  font-size: 34px;
  line-height: 1;
  cursor: pointer;
  padding: 8px;
  min-width: 44px;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 0.15s var(--butter, cubic-bezier(0.45, 0, 0.55, 1));
}
.dnd-tracker-hp-minus { color: #c0433a; }
.dnd-tracker-hp-plus { color: #6fa862; }
.dnd-tracker-hp-minus:active,
.dnd-tracker-hp-plus:active { opacity: 0.5; }

/* Concentration spell pills */
.dnd-tracker-concentration-pills {
  display: grid;
  grid-template-columns: repeat(3, auto);
  justify-content: center;
  gap: 8px;
  margin-top: 8px;
}
.dnd-tracker-concentration-pill {
  font-family: 'Libre Baskerville', Georgia, serif;
  font-size: 12px;
  padding: 5px 10px;
  border-radius: 3px;
  cursor: pointer;
  background: var(--parchment-deep, #E8D8C4);
  color: var(--maroon, #58180D);
  border: 1px solid color-mix(in srgb, var(--maroon, #58180D) 25%, transparent);
  transition: background 0.2s var(--butter, cubic-bezier(0.45, 0, 0.55, 1));
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.dnd-tracker-concentration-pill-active {
  background: var(--amber, #E69A28);
  color: var(--maroon, #58180D);
  border-color: var(--amber, #E69A28);
  font-weight: 700;
}

/* HP bar */
.dnd-tracker-hp-bar {
  width: 100%;
  height: 6px;
  background: var(--parchment-deep, #D4C9AE);
  border-radius: 3px;
  overflow: hidden;
  margin: 8px 0 14px;
}

.dnd-tracker-hp-bar-fill {
  height: 100%;
  border-radius: 3px;
  transition: width 0.4s var(--butter, cubic-bezier(0.45, 0, 0.55, 1)),
              background-color 0.4s var(--butter, cubic-bezier(0.45, 0, 0.55, 1));
}

.dnd-tracker-hp-bar-fill.hp-green { background: #6fa862; }
.dnd-tracker-hp-bar-fill.hp-amber { background: var(--amber, #D49B28); }
.dnd-tracker-hp-bar-fill.hp-red { background: #c0433a; }

/* HP controls */
.dnd-tracker-hp-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.dnd-tracker-hp-btn {
  width: 48px;
  height: 48px;
  border-radius: 6px;
  border: 2px solid var(--maroon, #3D3328);
  background: var(--parchment-deep, #D4C9AE);
  color: var(--maroon, #3D3328);
  font-family: 'Cinzel', serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-tap-highlight-color: transparent;
  transition: background 0.2s var(--butter, cubic-bezier(0.45, 0, 0.55, 1)),
              border-color 0.2s var(--butter, cubic-bezier(0.45, 0, 0.55, 1));
}

.dnd-tracker-hp-btn:active {
  background: var(--maroon, #3D3328);
  color: var(--parchment, #F5EFDF);
}

.dnd-tracker-hp-btn.damage {
  border-color: #c0433a;
  color: #c0433a;
}

.dnd-tracker-hp-btn.damage:active {
  background: #c0433a;
  color: var(--parchment, #F5EFDF);
}

.dnd-tracker-hp-btn.heal {
  border-color: #6fa862;
  color: #6fa862;
}

.dnd-tracker-hp-btn.heal:active {
  background: #6fa862;
  color: var(--parchment, #F5EFDF);
}

.dnd-tracker-hp-input {
  width: 64px;
  height: 48px;
  border: 2px solid var(--maroon, #3D3328);
  border-radius: 6px;
  background: var(--parchment, #F5EFDF);
  color: var(--dark, #2A2520);
  font-family: 'Cinzel', serif;
  font-weight: 700;
  font-size: 18px;
  text-align: center;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  transition: border-color 0.2s var(--butter, cubic-bezier(0.45, 0, 0.55, 1));
}

.dnd-tracker-hp-input:focus {
  border-color: var(--amber, #D49B28);
}

/* Hide number spinners */
.dnd-tracker-hp-input::-webkit-inner-spin-button,
.dnd-tracker-hp-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* ============= CONCENTRATION ============= */
.dnd-tracker-concentration {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 8px 12px;
  border-radius: 4px;
  background: var(--parchment-deep, #D4C9AE);
  border-left: 4px solid transparent;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: border-color 0.3s var(--butter, cubic-bezier(0.45, 0, 0.55, 1)),
              background 0.3s var(--butter, cubic-bezier(0.45, 0, 0.55, 1));
}

.dnd-tracker-concentration.active,
.dnd-tracker-concentrating {
  border-left-color: var(--amber, #D49B28);
  background: color-mix(in srgb, var(--amber, #D49B28) 8%, var(--parchment-deep, #D4C9AE));
}

.dnd-tracker-concentration-label {
  font-family: 'Cinzel', serif;
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 0.06em;
  color: var(--maroon, #3D3328);
  margin-right: 6px;
}

.dnd-tracker-concentration-spell {
  font-family: 'Libre Baskerville', Georgia, serif;
  font-size: 13px;
  color: var(--dark, #2A2520);
  font-style: italic;
}

.dnd-tracker-concentration-clear {
  margin-left: auto;
  font-size: 16px;
  color: var(--parchment-deep, #D4C9AE);
  line-height: 1;
  padding: 4px;
}

.dnd-tracker-concentration.active .dnd-tracker-concentration-clear {
  color: var(--maroon-light, #6B5942);
}

/* ============= SPELL SLOTS ============= */
.dnd-tracker-slots-section {
  background: var(--parchment-deep, #D4C9AE);
  border-radius: 6px;
  padding: 4px 20px 8px;
  max-width: 280px;
  margin: 0 auto;
}
.dnd-tracker-slots-row,
.dnd-tracker-slot-row {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 6px 0;
  gap: 16px;
}

.dnd-tracker-slots-row,
.dnd-tracker-slot-row + .dnd-tracker-slots-row,
.dnd-tracker-slot-row {
  border-top: 1px solid var(--parchment-dark, #E2D8C2);
}

.dnd-tracker-slots-level,
.dnd-tracker-slot-level {
  font-family: 'Cinzel', serif;
  font-weight: 600;
  font-size: 15px;
  color: var(--maroon, #3D3328);
  min-width: 36px;
  flex-shrink: 0;
  text-align: right;
}

.dnd-tracker-slots-pips,
.dnd-tracker-pips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

/* ============= RESOURCES ============= */
.dnd-tracker-resource-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 44px;
  padding: 8px 0;
}

.dnd-tracker-resource-row + .dnd-tracker-resource-row {
  border-top: 1px solid var(--parchment-dark, #E2D8C2);
}

.dnd-tracker-resource-label {
  font-family: 'Libre Baskerville', Georgia, serif;
  font-size: 13px;
  color: var(--dark, #2A2520);
  flex-shrink: 0;
  min-width: 0;
}

.dnd-tracker-resource-rest {
  font-family: 'Cinzel', serif;
  font-weight: 700;
  font-size: 9px;
  letter-spacing: 0.06em;
  padding: 2px 6px;
  border-radius: 3px;
  margin-left: 8px;
  flex-shrink: 0;
}

.dnd-tracker-resource-rest.short {
  background: color-mix(in srgb, var(--amber, #D49B28) 15%, transparent);
  color: var(--amber, #D49B28);
  border: 1px solid color-mix(in srgb, var(--amber, #D49B28) 30%, transparent);
}

.dnd-tracker-resource-rest.long {
  background: color-mix(in srgb, var(--maroon, #3D3328) 10%, transparent);
  color: var(--maroon-light, #6B5942);
  border: 1px solid color-mix(in srgb, var(--maroon, #3D3328) 25%, transparent);
}

.dnd-tracker-resource-pips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

/* ============= PIP (shared: slots, resources, death saves) ============= */
.dnd-tracker-pip {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid var(--maroon, #3D3328);
  background: var(--parchment-deep, #D4C9AE);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  padding: 0;
  /* 36px hit area via pseudo-element */
  position: relative;
  transition: background 0.25s var(--butter, cubic-bezier(0.45, 0, 0.55, 1)),
              border-color 0.25s var(--butter, cubic-bezier(0.45, 0, 0.55, 1));
}

.dnd-tracker-pip::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 36px;
  height: 36px;
  transform: translate(-50%, -50%);
}

.dnd-tracker-pip.filled,
.dnd-tracker-pip-filled {
  background: var(--amber, #D49B28);
  border-color: var(--maroon, #3D3328);
}

.dnd-tracker-pip.used,
.dnd-tracker-pip-used {
  background: var(--parchment-deep, #D4C9AE);
  border-color: var(--parchment-dark, #E2D8C2);
}

/* ============= CONDITIONS ============= */
.dnd-tracker-conditions-grid {
  display: grid;
  grid-template-columns: repeat(3, auto);
  justify-content: center;
  gap: 8px;
}

.dnd-tracker-condition,
.dnd-tracker-condition-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
  border-radius: 3px;
  font-family: 'Libre Baskerville', Georgia, serif;
  font-size: 12px;
  line-height: 1.2;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  background: var(--parchment-deep, #E8D8C4);
  color: var(--maroon, #58180D);
  border: 1px solid color-mix(in srgb, var(--maroon, #58180D) 25%, transparent);
  transition: background 0.2s var(--butter, cubic-bezier(0.45, 0, 0.55, 1)),
              color 0.2s var(--butter, cubic-bezier(0.45, 0, 0.55, 1)),
              border-color 0.2s var(--butter, cubic-bezier(0.45, 0, 0.55, 1));
}

.dnd-tracker-condition.inactive {
  background: var(--parchment-deep, #E8D8C4);
  color: var(--maroon, #58180D);
  border-color: color-mix(in srgb, var(--maroon, #58180D) 25%, transparent);
}

.dnd-tracker-condition.active,
.dnd-tracker-condition-active {
  background: var(--amber, #E69A28);
  color: var(--maroon, #58180D);
  border-color: var(--amber, #E69A28);
  font-weight: 700;
}

/* ============= DEATH SAVES ============= */
.dnd-tracker-death-saves {
  display: none;
}

.dnd-tracker-death-saves.visible {
  display: block;
}

.dnd-tracker-death-row {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 4px 0;
}

.dnd-tracker-death-row + .dnd-tracker-death-row {
  border-top: 1px solid var(--parchment-dark, #E2D8C2);
}

.dnd-tracker-death-label {
  font-family: 'Cinzel', serif;
  font-weight: 600;
  font-size: 12px;
  color: var(--maroon, #3D3328);
  min-width: 80px;
  flex-shrink: 0;
}

.dnd-tracker-death-pips {
  display: flex;
  gap: 10px;
  margin-left: auto;
}

.dnd-tracker-pip.success {
  border-color: #6fa862;
}

.dnd-tracker-pip.success.filled {
  background: #6fa862;
  border-color: #5a8f54;
}

.dnd-tracker-pip.failure {
  border-color: #c0433a;
}

.dnd-tracker-pip.failure.filled {
  background: #c0433a;
  border-color: #a03832;
}

/* ============= REST BUTTONS ============= */
.dnd-tracker-rest-buttons,
.dnd-tracker-rest-section {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  padding-top: 16px;
  margin-top: 8px;
  border-top: 1px solid var(--parchment-dark, #E2D8C2);
}

.dnd-tracker-rest-btn,
.dnd-tracker-btn-rest {
  font-family: 'Libre Baskerville', Georgia, serif;
  font-size: 10px;
  padding: 5px 10px;
  border-radius: 3px;
  cursor: pointer;
  background: var(--parchment-deep, #E8D8C4);
  color: var(--maroon, #58180D);
  border: 1px solid color-mix(in srgb, var(--maroon, #58180D) 25%, transparent);
  -webkit-tap-highlight-color: transparent;
  transition: background 0.2s var(--butter, cubic-bezier(0.45, 0, 0.55, 1));
  min-height: 32px;
}

.dnd-tracker-rest-btn,
.dnd-tracker-btn-rest:active {
  background: var(--amber, #E69A28);
  border-color: var(--amber, #E69A28);
}

.dnd-tracker-btn-reset {
  padding-left: 16px;
  padding-right: 16px;
}

/* ============= PANEL BODY OFFSET ============= */
/* Prevent page content from hiding behind collapsed bar */
body.dnd-tracker-active {
  padding-bottom: 44px;
}

/* ============= RESPONSIVE: 640px ============= */
@media (max-width: 640px) {
  .dnd-tracker-content {
    padding: 6px 12px 20px;
  }

  .dnd-tracker-hp-current {
    font-size: 52px;
  }

  .dnd-tracker-hp-max {
    font-size: 30px;
  }

  .dnd-tracker-hp-separator {
    font-size: 30px;
  }

  .dnd-tracker-hp-btn,
  .dnd-tracker-hp-minus,
  .dnd-tracker-hp-plus {
    font-size: 30px;
  }

  .dnd-tracker-hp-input {
    width: 56px;
    height: 44px;
    font-size: 16px;
  }

  /* conditions: no override, match concentration pills */

  .dnd-tracker-rest-btn,
.dnd-tracker-btn-rest {
    min-height: 28px;
    font-size: 10px;
    padding: 4px 10px;
  }

  .dnd-tracker-section-label {
    font-size: 13px;
  }

  .dnd-tracker-resource-label {
    font-size: 12px;
  }

  .dnd-tracker-concentration-label {
    font-size: 10px;
  }

  .dnd-tracker-concentration-spell {
    font-size: 12px;
  }
}

/* ============= RESPONSIVE: 380px ============= */
@media (max-width: 380px) {
  .dnd-tracker-bar {
    padding: 0 12px;
  }

  .dnd-tracker-bar-hp {
    font-size: 14px;
  }

  .dnd-tracker-content {
    padding: 4px 10px 16px;
  }

  .dnd-tracker-hp-current {
    font-size: 28px;
  }

  .dnd-tracker-hp-max {
    font-size: 18px;
  }

  .dnd-tracker-hp-separator {
    font-size: 18px;
  }

  .dnd-tracker-pip {
    width: 16px;
    height: 16px;
  }

  .dnd-tracker-slots-level,
  .dnd-tracker-slot-level {
    font-size: 14px;
    min-width: 32px;
  }

  .dnd-tracker-slots-pips,
.dnd-tracker-pips,
  .dnd-tracker-resource-pips,
  .dnd-tracker-death-pips {
    gap: 4px;
  }

  .dnd-tracker-death-label {
    font-size: 11px;
    min-width: 64px;
  }

  .dnd-tracker-rest-btn,
.dnd-tracker-btn-rest {
    font-size: 11px;
    min-height: 44px;
  }

  /* conditions: no override, match concentration pills */

  .dnd-tracker-resource-label {
    font-size: 11px;
  }
}

/* ============= JS STATE CLASSES ============= */

/* Panel expanded state (JS toggles this) */
.dnd-tracker-expanded .dnd-tracker-panel { max-height: 70vh; opacity: 1; visibility: visible; transform: translateY(0); }
.dnd-tracker-expanded .dnd-tracker-bar .dnd-tracker-chevron { transform: rotate(180deg); }

/* Toast notification */
.dnd-tracker-toast {
  position: fixed; bottom: 56px; left: 50%; transform: translateX(-50%) translateY(10px);
  z-index: 810; padding: 8px 20px; border-radius: 4px;
  background: var(--maroon, #3D3328); color: var(--parchment, #F5EFDF);
  font-family: 'Cinzel', serif; font-size: 12px; letter-spacing: 0.06em;
  opacity: 0; transition: opacity 0.3s cubic-bezier(0.45, 0, 0.55, 1), transform 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  pointer-events: none; white-space: nowrap;
}
.dnd-tracker-toast-visible { opacity: 1; transform: translateX(-50%) translateY(0); }

/* Rest button confirming state */
.dnd-tracker-btn-confirming {
  background: var(--amber, #D49B28) !important;
  color: var(--maroon, #3D3328) !important;
  border-color: var(--amber, #D49B28) !important;
}

/* HP input wrap (JS creates inline) */
.dnd-tracker-hp-input-wrap {
  display: flex; align-items: center; gap: 6px; margin-top: 6px; justify-content: center;
}

/* Death saves pip success/failure filled states */
.dnd-tracker-pip.success.dnd-tracker-pip-filled { background: #6fa862; border-color: #4a7a42; }
.dnd-tracker-pip.failure.dnd-tracker-pip-filled { background: #c0433a; border-color: #8c2e28; }