/* Final tap-loop cleanup: one HP meter, one damage popup, no duplicate energy UI. */
[data-screen="tap"] .energy-row,
[data-screen="tap"] .ticket-progress,
#adsgram-card {
  display: none !important;
}

.arara-boss-card {
  contain: layout paint style;
  width: min(100%, 430px) !important;
  margin: 10px auto 12px !important;
  padding: 12px 13px 13px !important;
  border-color: rgba(225, 179, 76, .3) !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 100% 0, rgba(145, 34, 39, .16), transparent 42%),
    linear-gradient(150deg, rgba(17, 13, 19, .98), rgba(9, 9, 12, .98)) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.05), 0 13px 30px rgba(0,0,0,.3) !important;
}

.arara-boss-card::after,
.arara-boss-card__footer,
.arara-boss-card__meta b {
  display: none !important;
}

.arara-boss-card__head {
  min-height: 26px;
}

.arara-boss-card__head span {
  color: #e2b85d !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: .12em !important;
}

.arara-boss-card__head strong {
  padding: 5px 9px !important;
  border-color: rgba(238, 192, 88, .25) !important;
  background: rgba(255,255,255,.03) !important;
  color: #ffe7a0 !important;
  font-size: 11px !important;
}

.arara-boss-card__meta {
  margin-top: 7px !important;
  color: #e8e0dd !important;
  font: 850 12px/1.2 ui-monospace, SFMono-Regular, Consolas, monospace !important;
  font-variant-numeric: tabular-nums;
}

#arara-boss-hp {
  display: inline-block;
  min-width: 14ch;
  white-space: nowrap;
}

.arara-boss-track {
  height: 17px !important;
  margin-top: 8px !important;
  border-color: rgba(255,255,255,.08) !important;
  background: #070609 !important;
  box-shadow: inset 0 2px 6px rgba(0,0,0,.8), 0 1px rgba(255,255,255,.025) !important;
}

.arara-boss-track i {
  width: 100% !important;
  background: linear-gradient(90deg, #821b23, #d74336 68%, #f09242) !important;
  box-shadow: 0 0 15px rgba(224, 71, 45, .38), inset 0 1px rgba(255,255,255,.26) !important;
  transition: transform .16s cubic-bezier(.2,.78,.2,1), filter .12s ease !important;
}

/* Zero HP must look empty, never refill to 100% after victory. */
.arara-boss-card.is-victory .arara-boss-track i {
  width: 100% !important;
  transform: scaleX(0) !important;
  animation: none !important;
  box-shadow: none !important;
}

.arara-boss-card.is-victory {
  border-color: rgba(231, 190, 90, .45) !important;
  background: linear-gradient(150deg, rgba(24, 18, 13, .98), rgba(10, 9, 10, .98)) !important;
}

.tap-pop {
  min-width: 64px !important;
  padding: 7px 10px !important;
  border: 1px solid rgba(255, 112, 79, .38) !important;
  border-radius: 10px !important;
  background: rgba(28, 8, 10, .94) !important;
  color: #ffb08d !important;
  font: 950 13px/1 ui-monospace, SFMono-Regular, Consolas, monospace !important;
  letter-spacing: .015em !important;
  text-shadow: 0 0 12px rgba(255, 94, 60, .3) !important;
  box-shadow: 0 7px 18px rgba(0,0,0,.34) !important;
  animation: none !important;
  font-variant-numeric: tabular-nums;
  transform: translate3d(-50%, 0, 0);
  will-change: transform, opacity;
}

/* Keep the currency visible, but let the fight remain the visual priority. */
.score-lockup {
  margin-bottom: 3px !important;
}

.score-lockup > strong {
  min-width: 8ch;
  font-size: clamp(38px, 12vw, 54px) !important;
  font-variant-numeric: tabular-nums;
  text-align: center;
}

.tap-button.is-tapping {
  transform: translate3d(0, 2px, 0) scale(.992) !important;
  transition-duration: 80ms !important;
}

.tap-hint {
  margin-top: 3px !important;
  margin-bottom: 0 !important;
}

.daily-card__copy small {
  color: #807b83 !important;
}

@media (max-width: 390px) {
  .arara-boss-card { padding: 11px !important; }
  .arara-boss-track { height: 15px !important; }
}

html[data-performance="lite"] .arara-boss-card {
  box-shadow: inset 0 1px rgba(255,255,255,.04), 0 7px 18px rgba(0,0,0,.24) !important;
}

html[data-performance="lite"] .tap-pop {
  box-shadow: 0 4px 10px rgba(0,0,0,.28) !important;
  will-change: auto;
}
