/* AKAME weekly encounters. Presentation only; load after voyage.css. */
#akame-moon[data-akame-voyage] .challenge-boss.boss-animated {
  --boss-accent: #cd91ff;
  --boss-image: url('/community-art/voyage-leviathan-v1.webp');
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  align-items: center;
  min-height: 520px;
  padding: 34px !important;
  background: #100921 !important;
  border-color: var(--boss-accent) !important;
  box-shadow: 0 16px 55px #08031033, inset 0 0 0 1px #f5d8ff12;
  color: #fff3ff !important;
}
#akame-moon[data-akame-voyage] .challenge-boss.boss-animated .challenge-boss-copy {
  position: relative;
  z-index: 2;
  flex: 0 1 54%;
  width: 54% !important;
  min-width: 0;
  text-shadow: 0 2px 14px #080310;
}
#akame-moon[data-akame-voyage] .challenge-boss.boss-animated .challenge-boss-art { display: none !important; }
#akame-moon[data-akame-voyage] .challenge-boss.boss-animated h3 {
  max-width: 520px;
  font-size: clamp(28px, 3vw, 42px) !important;
  line-height: 1.08;
  margin: 12px 0 16px;
  text-wrap: balance;
}
.boss-animated .boss-scene,
.boss-animated .boss-scene * { pointer-events: none; }
.boss-animated .boss-scene {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  contain: paint;
  background: radial-gradient(ellipse at 80% 36%, #57266b 0%, #160d28 62%, #100921 100%);
}
.boss-animated .boss-scene::before,
.boss-animated .boss-scene::after { content: ''; position: absolute; inset: 0; pointer-events: none; }
.boss-animated .boss-scene::before {
  z-index: 1;
  opacity: .22;
  background: radial-gradient(ellipse at 76% 43%, var(--boss-accent), transparent 52%);
  mix-blend-mode: screen;
  animation: akame-boss-aura 7s ease-in-out infinite;
}
.boss-animated .boss-scene::after {
  z-index: 6;
  background: linear-gradient(90deg, #100921fa 0%, #100921ee 21%, #100921c4 43%, #10092122 69%, #10092109 100%), linear-gradient(0deg, #100921ad, transparent 35%, transparent 82%, #10092160);
}
.boss-animated .boss-portrait {
  position: absolute;
  inset: -3%;
  z-index: 0;
  background: var(--boss-image) 73% center / cover no-repeat;
  transform-origin: 76% 54%;
  animation: akame-boss-breathe 8s ease-in-out infinite;
}
.boss-animated .boss-limbs {
  position: absolute;
  z-index: 3;
  right: -6%;
  bottom: -11%;
  width: 70%;
  height: 108%;
  overflow: visible;
  color: var(--boss-accent);
  opacity: .82;
  filter: drop-shadow(0 0 8px #1a073ddd);
}
.boss-animated .boss-limb {
  transform-box: fill-box;
  transform-origin: 50% 100%;
  animation: akame-boss-tendril 6.8s ease-in-out infinite;
}
.boss-animated .boss-limb:nth-child(2n) { animation-direction: reverse; animation-duration: 8s; animation-delay: -3s; }
.boss-animated .boss-limb:nth-child(3n) { animation-duration: 7.4s; animation-delay: -1.8s; transform-origin: 66% 100%; }
.boss-animated .boss-limb:nth-child(4n) { animation-duration: 9s; animation-delay: -4.2s; transform-origin: 30% 100%; }
.boss-animated .boss-mist {
  position: absolute;
  z-index: 4;
  inset: 58% -15% -8% -8%;
  opacity: .4;
  background: radial-gradient(ellipse at 62% 80%, var(--boss-accent), transparent 43%), radial-gradient(ellipse at 20% 80%, #72669c80, transparent 48%);
  filter: blur(20px);
  animation: akame-boss-mist 13s ease-in-out infinite alternate;
}
.boss-animated .boss-roar-wave { position: absolute; z-index: 5; inset: 0; overflow: hidden; }
.boss-animated .boss-roar-wave i {
  position: absolute;
  left: 77%;
  top: 46%;
  width: 120px;
  aspect-ratio: 1;
  border: 2px solid var(--boss-accent);
  border-radius: 50%;
  box-shadow: 0 0 14px var(--boss-accent), inset 0 0 14px var(--boss-accent);
  transform: translate(-50%, -50%) scale(.15);
  opacity: 0;
}
.boss-animated .boss-sparks { position: absolute; z-index: 5; inset: 0; overflow: hidden; }
.boss-animated .boss-sparks i {
  --spark-x: 70%; --spark-delay: -1s;
  position: absolute;
  left: var(--spark-x);
  bottom: 6%;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #fff6dc;
  box-shadow: 0 0 9px var(--boss-accent);
  opacity: 0;
  animation: akame-boss-spark 5.8s linear var(--spark-delay) infinite;
}
.boss-animated .boss-sparks i:nth-child(1) { --spark-x: 44%; --spark-delay: -2.2s; }
.boss-animated .boss-sparks i:nth-child(2) { --spark-x: 58%; --spark-delay: -4.8s; }
.boss-animated .boss-sparks i:nth-child(3) { --spark-x: 66%; --spark-delay: -.2s; }
.boss-animated .boss-sparks i:nth-child(4) { --spark-x: 72%; --spark-delay: -3.4s; }
.boss-animated .boss-sparks i:nth-child(5) { --spark-x: 82%; --spark-delay: -1.6s; }
.boss-animated .boss-sparks i:nth-child(6) { --spark-x: 95%; --spark-delay: -5.1s; }
.boss-animated .boss-sparks i:nth-child(7) { --spark-x: 49%; --spark-delay: -4s; }
.boss-animated .boss-sparks i:nth-child(8) { --spark-x: 62%; --spark-delay: -1s; }
.boss-animated .boss-sparks i:nth-child(9) { --spark-x: 78%; --spark-delay: -2.7s; }
.boss-animated .boss-sparks i:nth-child(10) { --spark-x: 86%; --spark-delay: -.7s; }
.boss-animated .boss-sparks i:nth-child(11) { --spark-x: 90%; --spark-delay: -3.9s; }
.boss-animated .boss-sparks i:nth-child(12) { --spark-x: 99%; --spark-delay: -1.9s; }
.boss-animated .boss-encounter {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 16px 0 8px;
}
.boss-animated .boss-week-label {
  flex: 1 1 100%;
  color: var(--boss-accent);
  font-size: 9px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
#akame-moon[data-akame-voyage] .boss-animated .boss-roar-button,
#akame-moon[data-akame-voyage] .boss-animated :is(.boss-motion-toggle,.boss-sound-toggle) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 36px;
  padding: 8px 12px !important;
  border: 1px solid #c9a3e766 !important;
  border-radius: 7px;
  background: #160b29c9 !important;
  color: #f5e6ff !important;
  font-size: 11px !important;
  line-height: 1.4;
  font-weight: 650;
  text-shadow: none;
}
#akame-moon[data-akame-voyage] .boss-animated .boss-roar-button { border-color: var(--boss-accent) !important; }
#akame-moon[data-akame-voyage] .boss-animated .boss-roar-button:hover,
#akame-moon[data-akame-voyage] .boss-animated :is(.boss-motion-toggle,.boss-sound-toggle):hover { background: #362045 !important; }
.boss-animated .boss-roar-button:focus-visible,
.boss-animated :is(.boss-motion-toggle,.boss-sound-toggle):focus-visible { outline: 2px solid #fff2de; outline-offset: 4px; }
.boss-animated .boss-roar-button:disabled { opacity: .55; cursor: default; }
.boss-animated .boss-next-opponent { margin: 10px 0 0; color: #ccb9df; font-size: 11px; line-height: 1.6; }
.boss-animated .boss-next-opponent small { color: #e2ccef; font-size: inherit; }
#akame-moon[data-akame-voyage] .boss-animated .challenge-total,
#akame-moon[data-akame-voyage] .boss-animated .challenge-contributions strong { color: #fff3ff !important; }
#akame-moon[data-akame-voyage] .boss-animated .boss-story,
#akame-moon[data-akame-voyage] .boss-animated .boss-next,
#akame-moon[data-akame-voyage] .boss-animated .boss-remaining,
#akame-moon[data-akame-voyage] .boss-animated .challenge-total > span,
#akame-moon[data-akame-voyage] .boss-animated .challenge-muted { color: #ded0eb !important; }
#akame-moon[data-akame-voyage] .boss-animated .challenge-contributions { color: #d6bce8 !important; }
#akame-moon[data-akame-voyage] .boss-animated progress::-webkit-progress-value { background: linear-gradient(90deg, #7943b1, var(--boss-accent)) !important; }
#akame-moon[data-akame-voyage] .boss-animated progress::-moz-progress-bar { background: linear-gradient(90deg, #7943b1, var(--boss-accent)); }
.boss-animated .boss-scene *, .boss-animated .boss-scene::before { animation-play-state: paused; }
.boss-animated.boss-in-view .boss-scene *, .boss-animated.boss-in-view .boss-scene::before { animation-play-state: running; }
.boss-animated.boss-entering .boss-portrait { animation: akame-boss-emerge 2600ms cubic-bezier(.2,.7,.25,1) both; }
.boss-animated.boss-entering .boss-limb { animation: akame-boss-limb-emerge 2600ms cubic-bezier(.2,.7,.25,1) both; }
.boss-animated.boss-entering .boss-roar-wave i { animation: akame-boss-wave 1600ms 800ms ease-out both; }
.boss-animated.boss-roaring .boss-portrait { animation: akame-boss-roar 3000ms ease-out both; }
.boss-animated.boss-roaring .boss-limb { animation: akame-boss-limb-roar 3000ms ease-in-out both; }
.boss-animated.boss-roaring .boss-roar-wave i { animation: akame-boss-wave 2840ms ease-out both; }
.boss-animated.boss-roaring .boss-roar-wave i:nth-child(2) { animation-delay: 160ms; }
.boss-animated.boss-hit .boss-portrait { animation: akame-boss-impact 850ms ease-out both; }
.boss-animated.boss-hit .boss-roar-wave i { animation: akame-boss-impact-ring 850ms ease-out both; }
.boss-animated.boss-victory .boss-portrait { animation: akame-boss-fall 2600ms ease-in both; }
.boss-animated.boss-victory .boss-limb { animation: akame-boss-limb-fall 2600ms ease-in both; }
.boss-animated.boss-victory .boss-roar-wave i { animation: akame-boss-victory-ring 2600ms ease-out both; }
.boss-animated.boss-defeated:not(.boss-looping) .boss-portrait { opacity: .35; filter: saturate(.4); animation: none; }
.boss-animated.boss-defeated:not(.boss-looping) .boss-limbs { opacity: .22; transform: translateY(12%); }
.boss-animated.boss-defeated:not(.boss-looping) .boss-limb { animation: none; }
.boss-animated.boss-defeated:not(.boss-looping) .boss-scene::before { opacity: .12; animation: none; }
.boss-animated.boss-defeated:not(.boss-looping) .boss-mist { opacity: .16; }
.boss-animated.boss-defeated.boss-victory .boss-portrait { animation: akame-boss-fall 2600ms ease-in both; }
.boss-animated.boss-defeated.boss-victory .boss-limb { animation: akame-boss-limb-fall 2600ms ease-in both; }
.boss-animated.boss-defeated.boss-roaring .boss-portrait { opacity: 1; filter: none; animation: akame-boss-roar 3000ms ease-out both; }
.boss-animated.boss-defeated.boss-roaring .boss-limbs { opacity: .82; transform: none; }
.boss-animated.boss-defeated.boss-roaring .boss-limb { animation: akame-boss-limb-roar 3000ms ease-in-out both; }
/* Variations make each encounter move differently, beyond a palette change. */
.boss-animated[data-boss-kind="storm"] .boss-mist { inset: 5% -20% -10% 36%; animation-duration: 8s; opacity: .28; }
.boss-animated[data-boss-kind="storm"] .boss-limb { animation-name: akame-boss-storm; animation-duration: 5s; transform-origin: 50% 50%; }
.boss-animated[data-boss-kind="storm"] .boss-sparks i { height: 18px; width: 1px; border-radius: 0; transform: rotate(18deg); animation-name: akame-boss-rain; animation-duration: 3.2s; }
.boss-animated[data-boss-kind="claws"] .boss-limb { animation-name: akame-boss-claw; animation-duration: 8s; }
.boss-animated[data-boss-kind="claws"] .boss-limbs { width: 55%; right: -10%; bottom: -28%; opacity: .44; }
.boss-animated[data-boss-kind="claws"] .boss-sparks i { border-radius: 0; width: 4px; height: 4px; background: var(--boss-accent); }
/* State animations take precedence over creature idle animation. */
.boss-animated:is([data-boss-kind="storm"],[data-boss-kind="claws"]).boss-entering .boss-limb { animation: akame-boss-limb-emerge 2600ms ease-out both; }
.boss-animated:is([data-boss-kind="storm"],[data-boss-kind="claws"]).boss-roaring .boss-limb { animation: akame-boss-limb-roar 3000ms ease-in-out both; }
.boss-animated:is([data-boss-kind="storm"],[data-boss-kind="claws"]).boss-defeated:not(.boss-looping) .boss-limb { animation: none; }
.boss-animated:is([data-boss-kind="storm"],[data-boss-kind="claws"]).boss-victory .boss-limb { animation: akame-boss-limb-fall 2600ms ease-in both; }
.boss-animated:is([data-boss-kind="storm"],[data-boss-kind="claws"]).boss-defeated.boss-roaring .boss-limb { animation: akame-boss-limb-roar 3000ms ease-in-out both; }
/* Continuous encounters preserve motion after the goal is achieved. The victory
   text and progress remain server-owned; boss-looping changes only the scene.
   Keyframe events outrank the creature's idle and any overlapping roar. */
.boss-animated.boss-looping.boss-defeated .boss-portrait { opacity: 1; filter: none; }
.boss-animated.boss-looping.boss-defeated .boss-limbs { transform: none; }
.boss-animated.boss-looping[data-boss-kind].boss-roaring .boss-portrait { animation: akame-boss-roar 3000ms ease-out both; }
.boss-animated.boss-looping[data-boss-kind].boss-roaring .boss-limb { animation: akame-boss-limb-roar 3000ms ease-in-out both; }
.boss-animated.boss-looping[data-boss-kind].boss-roaring .boss-roar-wave i { animation: akame-boss-wave 2840ms ease-out both; }
.boss-animated.boss-looping[data-boss-kind].boss-roaring .boss-roar-wave i:nth-child(2) { animation-delay: 160ms; }
.boss-animated.boss-looping[data-boss-kind].boss-entering .boss-portrait { animation: akame-boss-emerge 2600ms cubic-bezier(.2,.7,.25,1) both; }
.boss-animated.boss-looping[data-boss-kind].boss-entering .boss-limb { animation: akame-boss-limb-emerge 2600ms cubic-bezier(.2,.7,.25,1) both; }
.boss-animated.boss-looping[data-boss-kind].boss-entering .boss-roar-wave i { animation: akame-boss-wave 1600ms 800ms ease-out both; }
.boss-animated.boss-looping[data-boss-kind].boss-entering .boss-roar-wave i:nth-child(2) { animation-delay: 960ms; }
.boss-animated.boss-looping[data-boss-kind].boss-hit .boss-portrait { animation: akame-boss-impact 850ms ease-out both; }
.boss-animated.boss-looping[data-boss-kind].boss-hit .boss-limb { animation: akame-boss-limb-impact 850ms ease-out both; }
.boss-animated.boss-looping[data-boss-kind].boss-hit .boss-roar-wave i,
.boss-animated.boss-looping[data-boss-kind].boss-hit .boss-roar-wave i:nth-child(2) { animation: akame-boss-impact-ring 850ms ease-out both; }
.boss-animated.boss-looping[data-boss-kind].boss-victory .boss-portrait { animation: akame-boss-loop-victory 2600ms ease-in-out both; }
.boss-animated.boss-looping[data-boss-kind].boss-victory .boss-limb { animation: akame-boss-loop-limb-victory 2600ms ease-in-out both; }
.boss-animated.boss-looping[data-boss-kind].boss-victory .boss-roar-wave i,
.boss-animated.boss-looping[data-boss-kind].boss-victory .boss-roar-wave i:nth-child(2) { animation: akame-boss-victory-ring 2600ms ease-out both; }
/* Last in cascade: no work offscreen or while the user paused movement. */
.boss-animated:not(.boss-in-view) .boss-scene *,
.boss-animated:not(.boss-in-view) .boss-scene::before,
.boss-animated.boss-motion-paused .boss-scene *,
.boss-animated.boss-motion-paused .boss-scene::before { animation-play-state: paused !important; }
#akame-moon[data-akame-voyage] #communityHomeGoal .challenge-boss.boss-animated {
  min-height: 420px !important;
  padding: 26px !important;
}
#akame-moon[data-akame-voyage] #communityHomeGoal .challenge-boss.boss-animated .challenge-boss-copy { width: 66% !important; flex-basis: 66%; }
#akame-moon[data-akame-voyage] #communityHomeGoal .challenge-boss.boss-animated h3 { font-size: 29px !important; }
.boss-animated.challenge-compact .boss-scene::after { background: linear-gradient(90deg, #100921f7, #100921d9 41%, #10092138 82%), linear-gradient(0deg, #100921a8, transparent 60%); }
.boss-animated.challenge-compact .boss-limbs { right: -13%; width: 79%; }
.boss-animated.challenge-compact .boss-portrait { background-position: 70% center; }
.boss-animated.challenge-compact .boss-week-label { font-size: 8px; letter-spacing: 1px; }
@keyframes akame-boss-breathe { 0%,100% { transform: scale(1) translateY(0); } 50% { transform: scale(1.045) translateY(-.8%); } }
@keyframes akame-boss-aura { 0%,100% { opacity: .15; transform: scale(1); } 50% { opacity: .3; transform: scale(1.1); } }
@keyframes akame-boss-tendril { 0%,100% { transform: rotate(-4deg) skewX(1deg) translateY(0); } 50% { transform: rotate(5deg) skewX(-2deg) translateY(-8px); } }
@keyframes akame-boss-mist { from { transform: translateX(-5%) scaleX(1.05); } to { transform: translateX(9%) scaleX(1.2); } }
@keyframes akame-boss-spark { 0% { transform: translate(0,0) scale(.5); opacity: 0; } 12% { opacity: .65; } 80% { opacity: .3; } 100% { transform: translate(-38px,-330px) scale(.1); opacity: 0; } }
@keyframes akame-boss-rain { 0% { transform: translate(90px,-420px) rotate(18deg); opacity: 0; } 20%,65% { opacity: .42; } 100% { transform: translate(-50px,80px) rotate(18deg); opacity: 0; } }
@keyframes akame-boss-storm { 0%,100% { transform: rotate(-3deg) translate(0,2px); opacity: .4; } 40% { transform: rotate(4deg) translate(-8px,-6px); opacity: .9; } 65% { transform: rotate(1deg); opacity: .55; } }
@keyframes akame-boss-claw { 0%,68%,100% { transform: rotate(-3deg) translateY(5px); } 80% { transform: rotate(4deg) translateY(-13px); } 90% { transform: rotate(-1deg) translateY(-7px); } }
@keyframes akame-boss-emerge { 0% { opacity: 0; transform: translateY(10%) scale(1.13); filter: brightness(.4); } 48% { opacity: 1; } 77% { transform: translateY(-1%) scale(1.02); filter: brightness(1.13); } 100% { opacity: 1; transform: translateY(0) scale(1); filter: brightness(1); } }
@keyframes akame-boss-limb-emerge { 0%,12% { opacity: 0; transform: translateY(150px) scaleY(.6) rotate(-14deg); } 65% { opacity: 1; transform: translateY(-8px) scaleY(1.025) rotate(5deg); } 100% { opacity: 1; transform: translateY(0) scaleY(1) rotate(0); } }
@keyframes akame-boss-roar { 0% { transform: scale(1); } 23% { transform: translateY(1%) scale(.97); filter: brightness(.9); } 42% { transform: translate(-1%,-1.5%) scale(1.12); filter: brightness(1.23); } 58% { transform: translate(.5%,-1%) scale(1.09); } 75% { transform: translate(-.25%,0) scale(1.045); } 100% { transform: scale(1); filter: brightness(1); } }
@keyframes akame-boss-limb-roar { 0%,100% { transform: rotate(0) scaleY(1); } 24% { transform: rotate(-8deg) scaleY(.9); } 46% { transform: rotate(10deg) scaleY(1.12) translateY(-12px); } 68% { transform: rotate(-3deg) scaleY(1.04); } }
@keyframes akame-boss-wave { 0%,23% { opacity: 0; transform: translate(-50%,-50%) scale(.12); } 32% { opacity: .58; } 100% { opacity: 0; transform: translate(-50%,-50%) scale(5); } }
@keyframes akame-boss-impact { 0%,100% { transform: translateX(0) scale(1); filter: brightness(1); } 16% { transform: translateX(1.5%) scale(.99); filter: brightness(1.4); } 32% { transform: translateX(-.6%); } 55% { transform: translateX(.25%); } }
@keyframes akame-boss-limb-impact { 0%,100% { transform: rotate(0) translateY(0); } 20% { transform: rotate(-5deg) translateY(8px); } 45% { transform: rotate(2deg) translateY(-3px); } }
@keyframes akame-boss-impact-ring { 0% { opacity: .6; transform: translate(-50%,-50%) scale(1.9); } 100% { opacity: 0; transform: translate(-50%,-50%) scale(3.5); } }
@keyframes akame-boss-fall { 0% { opacity: 1; transform: scale(1); filter: saturate(1); } 25% { opacity: 1; transform: translateY(-1%) scale(1.035); } 100% { opacity: .35; transform: translateY(4%) scale(.98); filter: saturate(.4); } }
@keyframes akame-boss-limb-fall { 0% { opacity: 1; transform: rotate(0); } 100% { opacity: .2; transform: translateY(110px) rotate(9deg); } }
@keyframes akame-boss-victory-ring { 0% { opacity: 0; transform: translate(-50%,-50%) scale(.1); } 30% { opacity: .8; border-color: #ffe4a0; } 100% { opacity: 0; transform: translate(-50%,-50%) scale(6); border-color: #ffe4a0; } }
@keyframes akame-boss-loop-victory { 0%,100% { opacity: 1; transform: scale(1); filter: saturate(1); } 24% { transform: translateY(-1%) scale(1.035); } 68% { opacity: .38; transform: translateY(4%) scale(.98); filter: saturate(.4); } }
@keyframes akame-boss-loop-limb-victory { 0%,100% { opacity: 1; transform: translateY(0) rotate(0); } 68% { opacity: .2; transform: translateY(95px) rotate(9deg); } }
@media (min-width:601px) and (max-width:1150px) {
  #akame-moon[data-akame-voyage] .challenge-boss.boss-animated { padding: 28px !important; }
  #akame-moon[data-akame-voyage] .challenge-boss.boss-animated .challenge-boss-copy { width: 62% !important; flex-basis: 62%; }
}
@media (max-width:600px) {
  #akame-moon[data-akame-voyage] #challengeGoal .challenge-boss.boss-animated,
  #akame-moon[data-akame-voyage] #communityHomeGoal .challenge-boss.boss-animated {
    display: block;
    min-height: 0 !important;
    padding: 240px 21px 24px !important;
    background: #100921 !important;
  }
  #akame-moon[data-akame-voyage] #challengeGoal .challenge-boss.boss-animated .challenge-boss-copy,
  #akame-moon[data-akame-voyage] #communityHomeGoal .challenge-boss.boss-animated .challenge-boss-copy { width: 100% !important; max-width: none; }
  .boss-animated .boss-scene { height: 285px; }
  .boss-animated .boss-portrait { inset: -3% -15% -3% -15%; background-position: 78% center; }
  .boss-animated .boss-scene::after,
  .boss-animated.challenge-compact .boss-scene::after { background: linear-gradient(0deg, #100921 0%, #100921bd 12%, transparent 43%, #10092122 100%); }
  .boss-animated .boss-limbs,
  .boss-animated.challenge-compact .boss-limbs { height: 116%; width: 96%; right: -9%; bottom: -17%; }
  .boss-animated .boss-roar-wave i { left: 65%; top: 48%; width: 75px; }
  .boss-animated[data-boss-kind="claws"] .boss-limbs { width: 82%; right: -13%; bottom: -32%; opacity: .38; }
  .boss-animated .boss-scene::before { background: radial-gradient(ellipse at 68% 43%, var(--boss-accent), transparent 64%); }
  #akame-moon[data-akame-voyage] .challenge-boss.boss-animated h3,
  #akame-moon[data-akame-voyage] #communityHomeGoal .challenge-boss.boss-animated h3 { font-size: 29px !important; max-width: none; }
  .boss-animated .boss-encounter { gap: 8px; }
  #akame-moon[data-akame-voyage] .boss-animated .boss-roar-button,
  #akame-moon[data-akame-voyage] .boss-animated :is(.boss-motion-toggle,.boss-sound-toggle) { min-height: 40px; }
  .boss-animated .boss-mist { opacity: .27; }
  .boss-animated .boss-sparks i:nth-child(n+7) { display: none; }
}
@media (prefers-reduced-motion:reduce) {
  .boss-animated .boss-scene *,
  .boss-animated .boss-scene::before,
  .boss-animated .boss-scene::after { animation: none !important; transition: none !important; }
  .boss-animated .boss-portrait { transform: none; }
  .boss-animated .boss-roar-wave,
  .boss-animated .boss-sparks { display: none; }
}

.boss-animated .boss-actions { display:flex;flex-wrap:wrap;gap:8px; }
.boss-animated .boss-loop-status { flex-basis:100%; color:#ded0eb; font-size:11px; line-height:1.5; }

/* A completed goal leaves a still, defeated creature. Each weekly boss has its own exit. */
.boss-death-fx,.boss-defeat-seal { display:none; }
.boss-animated[data-boss-id].boss-defeated {
  --dead-transform:translateY(16%) rotate(7deg) scale(.93);
  --dead-limb-transform:translateY(48%) rotate(9deg);
  --dead-opacity:.3;
  --death-animation:akame-death-leviathan;
  --limb-death-animation:akame-death-limbs;
}
.boss-animated[data-boss-id="kraken"].boss-defeated {
  --dead-transform:translateY(28%) scale(.86);
  --dead-limb-transform:translateY(70%) scaleY(.4) rotate(-12deg);
  --dead-opacity:.16;
  --death-animation:akame-death-kraken;
  --limb-death-animation:akame-death-kraken-limbs;
}
.boss-animated[data-boss-id="serpent"].boss-defeated {
  --dead-transform:translate(5%,12%) rotate(13deg) scale(.92);
  --dead-limb-transform:translateY(25%) scaleY(.75);
  --dead-opacity:.22;
  --death-animation:akame-death-serpent;
}
.boss-animated[data-boss-id="corsair"].boss-defeated {
  --dead-transform:translateY(17%) scaleY(.77) rotate(-4deg);
  --dead-limb-transform:translateY(46%) rotate(23deg);
  --dead-opacity:.27;
  --death-animation:akame-death-corsair;
}
.boss-animated[data-boss-id].boss-defeated .boss-scene *,
.boss-animated[data-boss-id].boss-defeated .boss-scene::before { animation:none; }
.boss-animated[data-boss-id].boss-defeated .boss-portrait { opacity:var(--dead-opacity);transform:var(--dead-transform);filter:grayscale(1) brightness(.7); }
.boss-animated[data-boss-id].boss-defeated .boss-limbs { transform:none;opacity:.82; }
.boss-animated[data-boss-id].boss-defeated .boss-limb { transform:var(--dead-limb-transform);opacity:.2; }
.boss-animated[data-boss-id].boss-defeated .boss-mist,
.boss-animated[data-boss-id].boss-defeated .boss-sparks,
.boss-animated[data-boss-id].boss-defeated .boss-scene::before { opacity:0; }
#akame-moon[data-akame-voyage] .boss-animated.boss-defeated .boss-sound-toggle { display:none!important; }
.boss-animated[data-boss-id].boss-defeated .boss-defeat-seal {
  display:flex;align-items:center;flex-direction:column;position:absolute;z-index:8;
  right:5%;top:36%;width:34%;padding:22px 10px;border-block:1px solid #f4d59688;
  color:#ffe4ae;font-size:clamp(20px,2.8vw,38px);font-weight:800;letter-spacing:3px;
  text-align:center;text-shadow:0 3px 14px #06030a;
}
.boss-defeat-seal span { font-size:35px; }
.boss-defeat-seal small { font-size:9px;letter-spacing:1.7px;margin-top:10px; }
.boss-animated[data-boss-id].boss-defeated.challenge-compact .boss-defeat-seal { right:3%;width:27%;font-size:20px;letter-spacing:1px; }
.boss-animated[data-boss-id].boss-defeated.boss-victory .boss-portrait { animation:var(--death-animation) 3600ms var(--boss-death-delay,0ms) ease-in both; }
.boss-animated[data-boss-id].boss-defeated.boss-victory .boss-limb { animation:var(--limb-death-animation) 3600ms var(--boss-death-delay,0ms) ease-in both; }
.boss-animated[data-boss-id].boss-defeated.boss-victory .boss-defeat-seal { animation:akame-death-seal 3600ms var(--boss-death-delay,0ms) ease-out both; }
.boss-animated[data-boss-id].boss-defeated.boss-victory .boss-death-fx { display:block;position:absolute;inset:0 0 0 40%;z-index:7;overflow:hidden; }
.boss-death-fx i { position:absolute;left:calc(10% + var(--fragment)*10%);top:48%;width:15px;height:32px;background:#b6c4e8;opacity:0;clip-path:polygon(50% 0,100% 72%,20% 100%,0 24%); }
.boss-animated[data-boss-id].boss-defeated.boss-victory .boss-death-fx i { animation:akame-death-fragments 3600ms var(--boss-death-delay,0ms) ease-in both; }
.boss-animated[data-boss-id="leviathan"] .boss-death-fx i { border-radius:50%;clip-path:none;width:9px;height:24px;background:#87a8ca; }
.boss-animated[data-boss-id="kraken"] .boss-death-fx i { width:110px;height:90px;clip-path:none;border-radius:50%;background:#271744b0;filter:blur(10px); }
.boss-animated[data-boss-id="corsair"] .boss-death-fx i { width:9px;height:9px;background:#ed894e; }
@keyframes akame-death-leviathan {0%{opacity:1;transform:scale(1);filter:none}22%{opacity:1;transform:translate(-1%,-2%) rotate(-3deg) scale(1.025);filter:brightness(1.15)}46%{transform:translateY(3%) rotate(5deg)}100%{opacity:var(--dead-opacity);transform:var(--dead-transform);filter:grayscale(1) brightness(.7)}}
@keyframes akame-death-kraken {0%{opacity:1;transform:scale(1);filter:none}25%{transform:scale(1.03) translateY(-2%);filter:saturate(.6)}55%{opacity:.5;transform:translateY(14%) scale(.94)}100%{opacity:var(--dead-opacity);transform:var(--dead-transform);filter:grayscale(1) brightness(.7)}}
@keyframes akame-death-serpent {0%{opacity:1;transform:scale(1);filter:none}20%{opacity:1;transform:translateX(-1%);filter:brightness(1.45) saturate(.2)}36%{transform:translateX(1%) rotate(3deg)}55%{opacity:.55;transform:rotate(8deg) translateY(6%)}100%{opacity:var(--dead-opacity);transform:var(--dead-transform);filter:grayscale(1) brightness(.7)}}
@keyframes akame-death-corsair {0%{opacity:1;transform:scale(1);filter:none}22%{transform:translateY(-2%) scaleY(1.025);filter:brightness(1.25) saturate(1.6)}40%{transform:translateY(7%) scaleY(.92) rotate(-2deg)}60%{filter:grayscale(.7) brightness(.8)}100%{opacity:var(--dead-opacity);transform:var(--dead-transform);filter:grayscale(1) brightness(.7)}}
@keyframes akame-death-limbs {0%{opacity:1;transform:rotate(0)}27%{opacity:1;transform:rotate(-9deg) translateY(-4%)}100%{opacity:.2;transform:var(--dead-limb-transform)}}
@keyframes akame-death-kraken-limbs {0%{opacity:1;transform:scaleY(1)}22%{opacity:1;transform:translateY(-9%) rotate(14deg)}55%{transform:translateY(22%) scaleY(.8) rotate(-10deg)}100%{opacity:.2;transform:var(--dead-limb-transform)}}
@keyframes akame-death-fragments {0%,24%{opacity:0;transform:translateY(0) rotate(0)}32%{opacity:.8}70%{opacity:.5}100%{opacity:0;transform:translate(calc((var(--fragment) - 4)*15px),160px) rotate(calc(var(--fragment)*35deg))}}
@keyframes akame-death-seal {0%,58%{opacity:0;transform:translateY(15px) scale(.94)}100%{opacity:1;transform:none}}
@media(max-width:600px){.boss-animated[data-boss-id].boss-defeated .boss-defeat-seal,.boss-animated[data-boss-id].boss-defeated.challenge-compact .boss-defeat-seal{top:27%;right:8%;width:70%;font-size:27px;padding:14px}.boss-animated[data-boss-id].boss-defeated.boss-victory .boss-death-fx{left:0}.boss-defeat-seal small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.boss-animated[data-boss-id].boss-defeated .boss-scene *{animation:none!important}.boss-animated[data-boss-id].boss-defeated .boss-death-fx{display:none!important}}
