/* css/packs/dd.css | Source: MonarqueXD_v95L_GUILDORIGINS.html lignes 64290-64368 (id="mx-fx-pack-dd-styles") */
/* ============================================================ */
/*  PACK DD — Spotlight HOLE + sync continu                     */
/* ============================================================ */

/* Cache l'ancien overlay et spotlight Pack Y */
#tutoV4-overlay { display: none !important; }

/* 4 divs masques noirs (top/bottom/left/right autour du target) */
.tutoV4-mask {
  position: fixed;
  z-index: 200000;
  background: rgba(0, 0, 0, 0.88);
  pointer-events: auto;
  cursor: not-allowed;
  backdrop-filter: blur(2px);
}
.tutoV4-mask.top    { top: 0; left: 0; right: 0; }
.tutoV4-mask.bottom { left: 0; right: 0; bottom: 0; }
.tutoV4-mask.left   { left: 0; }
.tutoV4-mask.right  { right: 0; }

/* Si pas de target → 1 seul overlay full screen sombre */
#tutoV4-fullmask {
  position: fixed;
  inset: 0;
  z-index: 200000;
  background: rgba(0, 0, 0, 0.6);
  pointer-events: none;
  backdrop-filter: blur(2px);
}

/* Spotlight glow autour du target (z-index plus élevé que masques) */
#tutoV4-spotlight {
  z-index: 200005 !important;
  pointer-events: none;
  border-radius: 14px;
  border: 3px solid #50dcff;
  box-shadow:
    0 0 30px rgba(80, 220, 255, .9),
    0 0 60px rgba(170, 80, 255, .55);
  animation: ddSpotPulse 1.4s ease-in-out infinite;
}
@keyframes ddSpotPulse {
  0%, 100% { box-shadow: 0 0 30px rgba(80,220,255,.9), 0 0 60px rgba(170,80,255,.5); }
  50%      { box-shadow: 0 0 50px rgba(80,220,255,1), 0 0 90px rgba(170,80,255,.85); }
}

/* Target élevé au-dessus des masques pour rester cliquable */
.tutoV4-target-up {
  position: relative !important;
  z-index: 200006 !important;
}

/* Combat normal détection — petite barre de progression */
#tutoV4-combat-tracker {
  position: fixed;
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 200008;
  background: linear-gradient(135deg, rgba(20,12,30,.95), rgba(8,4,16,.98));
  border: 2px solid #ffd84a;
  border-radius: 14px;
  padding: 10px 18px;
  font-family: 'Cinzel', 'Rajdhani', sans-serif;
  color: #ffd84a;
  font-weight: 800;
  letter-spacing: 1.5px;
  box-shadow: 0 0 20px rgba(255,215,74,.5);
  animation: ddTrackerPulse 1.5s ease-in-out infinite;
  pointer-events: none;
}
@keyframes ddTrackerPulse {
  0%, 100% { transform: translateX(-50%) scale(1); }
  50%      { transform: translateX(-50%) scale(1.04); }
}