/**
 * chess_lightning.css — layer lightning above wizard, under board UI
 * v0.94.57
 *
 * Stack:
 *   2  fog/haze (optional)
 *   3  wizard scene
 *   5  LIGHTNING  ← here
 *   10 stage / rails / board
 */

#lightning-canvas.chess-lightning,
body.chess-page #lightning-canvas.chess-lightning,
body.chess-minimal #lightning-canvas.chess-lightning,
#m-chess-lightning,
#m-battle-lightning,
body.m-body-chess #m-chess-lightning,
body.m-body-battle #m-battle-lightning {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  /* Above wizard backdrop (z=3), below forge stage (z=10) */
  z-index: 5 !important;
  pointer-events: none !important;
  display: block !important;
  opacity: 1 !important;
  mix-blend-mode: screen !important;
}

/* Wizard stays under bolts */
.chess-shadow-wizard {
  z-index: 3 !important;
}

/* Stage + board always above lightning */
body.chess-page .chess-forge-stage,
body.chess-page .chess-stage-wide,
body.chess-minimal .chess-forge-stage,
body.chess-minimal .chess-stage-wide {
  position: relative !important;
  z-index: 10 !important;
}

body.chess-page .chess-mini-bar,
body.chess-page .chess-mini-foot {
  z-index: 40 !important;
}

body.chess-page #board-wrapper,
body.chess-minimal #board-wrapper {
  z-index: 12 !important;
}

/* Soften lightning over the board face via CSS mask if possible —
   bolts already aim off-board; slight stage isolation keeps UI crisp */
body.chess-page .chess-forge-stage,
body.chess-minimal .chess-forge-stage {
  isolation: isolate;
}

@media (max-width: 720px) {
  #lightning-canvas.chess-lightning,
  #m-chess-lightning,
  #m-battle-lightning {
    opacity: 0.85 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #lightning-canvas.chess-lightning,
  #m-chess-lightning,
  #m-battle-lightning {
    display: none !important;
  }
}