/* Per-frame special cinematics. Canvas owns the main effect; this only tints the HUD safely. */
#game-screen.rem-battle--phase4.special-active::before {
  opacity: .3 !important;
  animation: none !important;
  background: radial-gradient(ellipse at 50% 47%, rgba(136, 235, 255, .16), transparent 64%) !important;
}

#game-screen.rem-battle--phase4.special-active .rem-battle-vignette {
  animation: none !important;
  background: radial-gradient(ellipse at 50% 52%, transparent 35%, rgba(0, 5, 15, .24)) !important;
}

#game-screen[data-special-mode="a0b"].rem-battle--phase4.special-active::before {
  background: radial-gradient(ellipse at 50% 60%, rgba(255, 84, 167, .2), rgba(65, 7, 40, .12) 52%, transparent 75%) !important;
}

#game-screen[data-special-mode="graziline"].rem-battle--phase4.special-active::before {
  background: radial-gradient(circle at 50% 33%, rgba(103, 117, 255, .22), rgba(18, 15, 50, .14) 50%, transparent 74%) !important;
}

#game-screen[data-special-mode="nocturne_ark"].rem-battle--phase4.special-active::before {
  background: radial-gradient(circle at 50% 33%, rgba(196, 80, 255, .24), rgba(31, 7, 50, .16) 50%, transparent 74%) !important;
}

#game-screen[data-special-mode="sakuratake"].rem-battle--phase4.special-active::before {
  opacity: .12 !important;
  background: radial-gradient(ellipse at 50% 50%, rgba(255, 174, 218, .16), rgba(44, 138, 102, .1) 46%, transparent 75%) !important;
}

#game-screen[data-special-mode="valkyrie9"].rem-battle--phase4.special-active::before {
  background: linear-gradient(90deg, rgba(120, 239, 255, .1), transparent 24%, transparent 76%, rgba(220, 254, 255, .12)) !important;
}

#game-screen[data-special-mode="solflare"].rem-battle--phase4.special-active::before {
  background: radial-gradient(circle at 50% 42%, rgba(255, 194, 78, .22), rgba(126, 41, 12, .12) 48%, transparent 75%) !important;
}

#game-screen[data-special-mode="mistral_viper"].rem-battle--phase4.special-active::before {
  background: linear-gradient(120deg, rgba(68, 255, 201, .14), transparent 42%, rgba(105, 232, 255, .1)) !important;
}

#game-screen.rem-battle--phase4.special-active .special-skill-btn {
  opacity: .56;
  filter: saturate(.7);
}

@media (prefers-reduced-motion: reduce) {
  #game-screen.rem-battle--phase4.special-active::before { opacity: .12 !important; }
}