/* =========================================================
   ENCRALYS — Spoiler blur (AniList character) dans le MODAL acteur
   Cible UNIQUEMENT la bio/description .encralys-person__bio
========================================================= */

/* état "spoiler ON" sur le conteneur du modal */
#encralys-actor-modal.encralys-spoiler-on .encralys-person__bio{
  filter: blur(10px);
  -webkit-filter: blur(10px);
  user-select: none;
  pointer-events: none; /* évite sélection/scroll dans le texte flouté */
}

/* petit “voile” en plus pour rendre le spoil illisible même si blur faible */
#encralys-actor-modal.encralys-spoiler-on .encralys-person__bio{
  position: relative;
}
#encralys-actor-modal.encralys-spoiler-on .encralys-person__bio::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.25);
  border-radius: 10px;
}

/* Bandeau spoiler */
#encralys-actor-modal .encralys-spoiler-bar{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 10px;
  margin: 10px 0 10px;
  background: rgba(0,0,0,.35);
}

#encralys-actor-modal .encralys-spoiler-bar__text{
  font-size: 13px;
  line-height: 1.2;
  opacity: .95;
}

#encralys-actor-modal .encralys-spoiler-bar__btn{
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
  color: inherit;
  padding: 7px 10px;
  border-radius: 10px;
  cursor: pointer;
  font-weight: 700;
  font-size: 12px;
}
#encralys-actor-modal .encralys-spoiler-bar__btn:hover{
  background: rgba(255,255,255,.12);
}