/* css/packs/pp.css | Source: MonarqueXD_v95L_GUILDORIGINS.html lignes 68327-68382 (id="mx-fx-pack-pp-styles") */
/* ============================================================ */
/*  PACK PP — Retire les masques noirs du tuto                 */
/* ============================================================ */

/* Cache les 4 masques noirs — l'écran reste visible */
.tutoV4-mask { display: none !important; }
#tutoV4-fullmask { display: none !important; }

/* Garde juste un dimming TRÈS léger */
#tutoV4-overlay {
  display: block !important;
  background: rgba(0, 0, 0, 0.15) !important;
  backdrop-filter: none !important;
}

/* Spotlight glow renforcé autour du target (remplace le masque) */
#tutoV4-spotlight {
  box-shadow:
    0 0 0 5px #50dcff,
    0 0 40px rgba(80, 220, 255, 1),
    0 0 80px rgba(170, 80, 255, .9),
    0 0 120px rgba(255, 215, 74, .6) !important;
  border: 4px solid #50dcff !important;
  animation: ppSpotPulse 1.2s ease-in-out infinite !important;
}
@keyframes ppSpotPulse {
  0%, 100% {
    box-shadow: 0 0 0 5px #50dcff, 0 0 40px rgba(80, 220, 255, 1), 0 0 80px rgba(170, 80, 255, .9);
  }
  50% {
    box-shadow: 0 0 0 6px #ffd84a, 0 0 60px rgba(255, 215, 74, 1), 0 0 120px rgba(170, 80, 255, 1);
  }
}

/* Target up reste cliquable et visible */
.tutoV4-target-up {
  position: relative !important;
  z-index: 200006 !important;
  box-shadow:
    0 0 0 4px #50dcff,
    0 0 40px rgba(80, 220, 255, .9),
    0 0 90px rgba(255, 215, 74, .6) !important;
  outline: none !important;
  animation: ppSpotPulse 1.2s ease-in-out infinite !important;
  border-radius: 12px !important;
}

/* Flèche plus visible */
#tutoV4-arrow {
  width: 80px !important;
  height: 80px !important;
  filter: drop-shadow(0 0 20px rgba(255, 215, 74, 1)) drop-shadow(0 0 40px rgba(255, 140, 30, .9)) !important;
}