/* Dread Tyrant raid HUD: WoW raid warnings, the boss's cast strip, Defiance pips. */

#raid-warn {
  position: absolute;
  top: 21%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 14;
  pointer-events: none;
  width: min(900px, 92vw);
  text-align: center;
}
#raid-warn .rw-line {
  font: 700 25px var(--ui-label, Georgia), Georgia, serif;
  letter-spacing: 0.015em;
  color: #ff8a2a;
  text-shadow: 2px 2px 0 #000, -1px -1px 0 #000, 0 0 14px rgba(0, 0, 0, 0.95);
  margin: 2px 0;
  animation: raidWarn 4.2s ease-out forwards;
}
#raid-warn .rw-line.good { color: #ffd84a; }
#raid-warn .rw-line.bad { color: #ff3a26; }
#raid-warn .rw-line.soak { color: #ffb238; }
@keyframes raidWarn {
  0% { opacity: 0; transform: scale(1.35); }
  6% { opacity: 1; transform: scale(1); }
  12% { transform: scale(1.06); }
  18% { transform: scale(1); }
  78% { opacity: 1; }
  100% { opacity: 0; }
}

#boss-bar .boss-cast {
  margin: 6px auto 0;
  width: 62%;
  height: 15px;
  position: relative;
  background: #0d0606;
  border: 1px solid #5a2a7a;
  box-shadow: 0 0 0 1px #000, 0 0 12px rgba(120, 40, 170, 0.45);
  overflow: hidden;
}
#boss-bar .boss-cast.hidden { display: none; }
#boss-bar .boss-cast > i {
  position: absolute;
  inset: 0;
  transform-origin: left center;
  background: linear-gradient(180deg, #c58cff 0%, #7a2fc0 55%, #3a0e60 100%);
}
#boss-bar .boss-cast.fire { border-color: #7a3c12; box-shadow: 0 0 0 1px #000, 0 0 10px rgba(200, 90, 20, 0.4); }
#boss-bar .boss-cast.fire > i { background: linear-gradient(180deg, #ffc060 0%, #e06a18 55%, #6a2406 100%); }
#boss-bar .boss-cast > span {
  position: absolute;
  inset: 0;
  font: 700 11px var(--ui-label, Georgia), Georgia, serif;
  line-height: 15px;
  color: #fff;
  text-shadow: 1px 1px 0 #000;
  letter-spacing: 0.04em;
}
#boss-bar .boss-cast.kick { animation: kickPulse 0.5s ease-in-out infinite alternate; }
@keyframes kickPulse {
  from { box-shadow: 0 0 0 1px #000, 0 0 8px rgba(255, 220, 90, 0.4); }
  to { box-shadow: 0 0 0 1px #000, 0 0 22px rgba(255, 220, 90, 0.95); border-color: #ffe08a; }
}

#screen-match.raid #match-clock { top: 86px; font-size: 32px; }

@media (max-width: 640px) {
  #raid-warn .rw-line { font-size: 18px; }
}