/* Boss loop: readable retention progress without adding another dense screen. */
.arara-boss-card {
  position: relative;
  z-index: 5;
  width: min(100%, 420px);
  margin: 8px auto 10px;
  padding: 12px 13px 11px;
  overflow: hidden;
  border: 1px solid rgba(218, 173, 76, .25);
  border-radius: 14px;
  background:
    radial-gradient(circle at 92% 0, rgba(160, 44, 50, .18), transparent 42%),
    linear-gradient(145deg, rgba(16, 12, 19, .95), rgba(29, 15, 23, .94));
  box-shadow: inset 0 1px rgba(255,255,255,.045), 0 10px 26px rgba(0,0,0,.24);
}

.arara-boss-card::after {
  content: "RA";
  position: absolute;
  right: -5px;
  top: -17px;
  color: rgba(255, 217, 120, .035);
  font: 1000 74px/1 var(--font-display, system-ui, sans-serif);
  pointer-events: none;
}

.arara-boss-card__head,
.arara-boss-card__meta,
.arara-boss-card__footer {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.arara-boss-card__head span {
  color: #d8a84c;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.arara-boss-card__head strong {
  padding: 4px 8px;
  border: 1px solid rgba(238, 192, 88, .24);
  border-radius: 999px;
  background: rgba(5, 4, 8, .55);
  color: #ffe390;
  font-size: 11px;
  font-weight: 950;
  white-space: nowrap;
}

.arara-boss-card__meta {
  margin-top: 8px;
  color: #cfc4c7;
  font-size: 10px;
}

.arara-boss-card__meta b {
  color: #f5d071;
  font-size: 10px;
  font-weight: 950;
}

.arara-boss-track {
  position: relative;
  z-index: 1;
  height: 13px;
  margin-top: 8px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 999px;
  background: #09070b;
  box-shadow: inset 0 2px 5px rgba(0,0,0,.72);
}

.arara-boss-track i {
  display: block;
  width: 100%;
  height: 100%;
  transform: scaleX(1);
  transform-origin: left center;
  border-radius: inherit;
  background: linear-gradient(90deg, #7d171f, #d54838 63%, #f1a248);
  box-shadow: 0 0 13px rgba(228, 76, 48, .42), inset 0 1px rgba(255,255,255,.3);
  transition: transform .16s cubic-bezier(.2,.75,.2,1), filter .16s ease;
}

.arara-boss-card__footer {
  margin-top: 7px;
  color: #958b91;
  font-size: 9px;
  line-height: 1.3;
}

.arara-boss-card__footer strong {
  color: #e5bd61;
  font-size: 9px;
  font-weight: 900;
  text-align: right;
}

.arara-boss-card.is-hit .arara-boss-track i { filter: brightness(1.35) saturate(1.2); }

.arara-boss-card.is-victory {
  border-color: rgba(239, 194, 84, .56);
  background:
    radial-gradient(circle at 50% -40%, rgba(241, 194, 80, .23), transparent 55%),
    linear-gradient(145deg, rgba(20, 15, 13, .97), rgba(41, 25, 16, .96));
  box-shadow: inset 0 1px rgba(255,255,255,.08), 0 0 0 1px rgba(239,194,84,.08), 0 15px 36px rgba(0,0,0,.34);
}

.arara-boss-card.is-victory .arara-boss-track i {
  width: 100% !important;
  transform: scaleX(0) !important;
  background: linear-gradient(90deg, #7e5b1c, #e2b74e, #fff0a1);
  animation: none;
}

html[dir="rtl"] .arara-boss-track i { transform-origin: right center; }

.arara-boss-card.is-victory .arara-boss-card__head span,
.arara-boss-card.is-victory .arara-boss-card__meta b { color: #ffe58e; }

@keyframes arara-victory-bar {
  from { filter: brightness(.9); box-shadow: 0 0 8px rgba(235,190,73,.3); }
  to { filter: brightness(1.18); box-shadow: 0 0 20px rgba(235,190,73,.62); }
}

.arara-boss-victory {
  position: fixed;
  z-index: 120;
  left: 50%;
  top: calc(env(safe-area-inset-top, 0px) + 104px);
  display: grid;
  min-width: 220px;
  padding: 13px 18px;
  border: 1px solid rgba(246, 206, 105, .56);
  border-radius: 15px;
  place-items: center;
  background: rgba(16, 11, 13, .96);
  box-shadow: 0 18px 50px rgba(0,0,0,.5), 0 0 28px rgba(222,167,58,.2);
  color: #ffe99d;
  transform: translate(-50%, -12px) scale(.92);
  animation: arara-victory-pop 2.25s cubic-bezier(.18,.8,.25,1) forwards;
  pointer-events: none;
}

.arara-boss-victory strong { font-size: 19px; font-weight: 1000; letter-spacing: .02em; }
.arara-boss-victory span { margin-top: 3px; color: #d6b55e; font-size: 11px; font-weight: 850; }

@keyframes arara-victory-pop {
  0% { opacity: 0; transform: translate(-50%, -10px) scale(.86); }
  12%, 72% { opacity: 1; transform: translate(-50%, 0) scale(1); }
  100% { opacity: 0; transform: translate(-50%, -18px) scale(.96); }
}

.arara-shout-card.is-boss-locked #arara-shout-buy {
  border-color: rgba(255,255,255,.1);
  background: linear-gradient(180deg, #342d31, #1c181b);
  color: #9e9499;
}

.arara-shout-card.is-ra-ready {
  border-color: rgba(237, 192, 83, .58);
  box-shadow: inset 0 1px rgba(255,255,255,.08), 0 0 24px rgba(210,153,43,.14), 0 16px 34px rgba(0,0,0,.32);
}

.arara-shout-card.is-ra-ready #arara-shout-buy:not(:disabled) {
  animation: arara-ra-ready 1.15s ease-in-out infinite alternate;
}

@keyframes arara-ra-ready {
  from { filter: brightness(.94); transform: translateY(0); }
  to { filter: brightness(1.12); transform: translateY(-1px); }
}

.adsgram-card:not(.is-boss-break) { display: none !important; }
.adsgram-card.is-boss-break {
  display: grid !important;
  margin-top: 10px;
  border-color: rgba(105, 154, 215, .25);
  background: linear-gradient(145deg, rgba(12,16,22,.97), rgba(19,24,34,.96));
}

.adsgram-card.is-boss-break .adsgram-card__button {
  border-color: rgba(135, 184, 237, .42);
  background: linear-gradient(180deg, #d5eaff, #7197be);
  color: #101820;
}

body.arara-boss-defeated #tap-button { cursor: default; }
body.arara-boss-defeated .tap-button__aura { opacity: .32; }

@media (max-width: 380px) {
  .arara-boss-card { padding: 10px 11px; }
  .arara-boss-card__head span { font-size: 9px; }
  .arara-boss-card__head strong { font-size: 10px; }
  .arara-boss-card__footer { align-items: flex-start; flex-direction: column; gap: 2px; }
  .arara-boss-card__footer strong { text-align: left; }
}

@media (prefers-reduced-motion: reduce) {
  .arara-boss-card.is-victory .arara-boss-track i,
  .arara-shout-card.is-ra-ready #arara-shout-buy,
  .arara-boss-victory { animation: none !important; }
}