/* Localized low-contrast lightning: no full-screen flash or rapid strobe. */
.tra-lightning{position:fixed;inset:0;pointer-events:none;z-index:4;overflow:hidden;contain:strict}
.tra-lightning::before,.tra-lightning::after{content:"";position:absolute;width:clamp(60px,10vw,160px);height:66vh;top:15vh;opacity:0;background:linear-gradient(180deg,#c5a0ef,#a477cc88 64%,transparent);clip-path:polygon(59% 0,34% 34%,53% 33%,22% 64%,41% 61%,0 100%,67% 53%,49% 55%,83% 24%,61% 28%,83% 0);filter:drop-shadow(0 0 8px #ac72e2);animation:tra-lightning-left 19s linear infinite}
.tra-lightning::before{left:1.2vw;transform:rotate(-9deg)}
.tra-lightning::after{right:1vw;top:27vh;height:55vh;transform:scaleX(-1) rotate(-13deg);animation-name:tra-lightning-right;animation-duration:27s;animation-delay:6s}
@keyframes tra-lightning-left{0%,7%,100%{opacity:0}2%{opacity:.2}3%{opacity:.15}5%{opacity:.06}}
@keyframes tra-lightning-right{0%,6%,100%{opacity:0}1.8%{opacity:.18}3%{opacity:.12}5%{opacity:.03}}
@media(max-width:650px){.tra-lightning::before,.tra-lightning::after{width:45px;opacity:0}.tra-lightning::before{left:-15px}.tra-lightning::after{right:-15px}}
html.motion-paused .tra-lightning{display:none}
@media(prefers-reduced-motion:reduce){.tra-lightning{display:none}}