/* LotoRadar — Spotlight Mode for CELESTIAL+ / GOD bursts
 * Triggered when tier in {CELESTIAL, GOD}: lock body scroll, intensify backdrop,
 * show event title, gentle screen shake. Duration ~8s vs default 5s.
 */

body.lr-spotlight-active {
  overflow: hidden;
  animation: lr-spotlight-shake 0.7s ease-in-out 0.2s 1;
}
@keyframes lr-spotlight-shake {
  0%, 100% { transform: translate(0, 0); }
  20%      { transform: translate(-2px, -1px); }
  40%      { transform: translate(2px, 1px); }
  60%      { transform: translate(-1px, 2px); }
  80%      { transform: translate(1px, -2px); }
}

/* When stage is in spotlight mode, intensify the backdrop */
#lr-burst-stage.lr-spotlight {
  animation: lr-spotlight-stage-in 0.35s ease-out forwards;
}
@keyframes lr-spotlight-stage-in {
  from { background: rgba(0, 0, 0, 0); backdrop-filter: blur(0); -webkit-backdrop-filter: blur(0); }
  to   { background: rgba(0, 0, 0, 0.92); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
}

/* Spotlight event title — top of screen */
.lr-spotlight-event-title {
  position: absolute;
  top: 8%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 6;
  font-family: 'Orbitron', sans-serif;
  font-size: clamp(1.2rem, 4vw, 2.2rem);
  font-weight: 700;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--lr-burst-tier-color, #00BFFF);
  text-shadow:
    0 0 14px var(--lr-burst-tier-glow, rgba(0, 191, 255, 0.7)),
    0 0 32px var(--lr-burst-tier-color, #00BFFF);
  text-align: center;
  white-space: nowrap;
  opacity: 0;
  animation: lr-spotlight-title-in 0.6s ease-out 0.4s forwards,
             lr-spotlight-title-pulse 1.8s ease-in-out 1.2s infinite;
  pointer-events: none;
}
.lr-spotlight-event-title-sub {
  display: block;
  font-size: 0.5em;
  letter-spacing: 0.15em;
  margin-top: 6px;
  color: rgba(255, 255, 255, 0.7);
  text-shadow: none;
  font-weight: 400;
}
@keyframes lr-spotlight-title-in {
  0%   { opacity: 0; transform: translateX(-50%) translateY(-12px) scale(0.85); letter-spacing: 0.5em; }
  100% { opacity: 1; transform: translateX(-50%) translateY(0)      scale(1);    letter-spacing: 0.25em; }
}
@keyframes lr-spotlight-title-pulse {
  0%, 100% { text-shadow: 0 0 14px var(--lr-burst-tier-glow, rgba(0,191,255,0.7)),
                          0 0 32px var(--lr-burst-tier-color, #00BFFF); }
  50%      { text-shadow: 0 0 22px var(--lr-burst-tier-glow, rgba(0,191,255,0.95)),
                          0 0 60px var(--lr-burst-tier-color, #00BFFF); }
}

/* Vignette overlay for spotlight */
#lr-burst-stage.lr-spotlight::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at center,
    transparent 0%,
    transparent 30%,
    rgba(0, 0, 0, 0.5) 75%,
    rgba(0, 0, 0, 0.85) 100%);
  pointer-events: none;
  opacity: 0;
  animation: lr-spotlight-vignette-in 0.6s ease-out 0.2s forwards;
  z-index: 1;
}
@keyframes lr-spotlight-vignette-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Reduced motion: skip shake + pulse */
@media (prefers-reduced-motion: reduce) {
  body.lr-spotlight-active { animation: none; }
  .lr-spotlight-event-title { animation: lr-spotlight-title-in 0.3s ease-out forwards; }
}

@media (max-width: 480px) {
  .lr-spotlight-event-title { top: 5%; font-size: clamp(1rem, 5vw, 1.5rem); letter-spacing: 0.18em; }
}