/* Night bridge: brighter lamps and towers, a darker sky, and the effects canvas (nightfx.js). */
.nightfx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero-bridge::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(1100px 420px at 70% 105%,rgba(255,196,110,.16),transparent 65%),linear-gradient(180deg,rgba(2,6,14,.55),rgba(2,6,14,0) 58%)}
.bridge-svg .lamps circle{fill:#ffe3a1;opacity:.95;filter:drop-shadow(0 0 3px rgba(255,205,120,.95))}
.bridge-svg .tower{stroke-opacity:.8}
.bridge-svg .rail{stroke-opacity:.8}
.bridge-svg .shimmer line{stroke-opacity:.3}
.bridge-svg .stars circle{opacity:.7}
@media(prefers-reduced-motion:reduce){.bridge-svg .lamps circle{filter:none}}
html[data-calm] .bridge-svg .lamps circle{animation:none}
/* Daytime (7am to 6pm local, or ?tod=day): no stars, lighter overlay; the sun, clouds and traffic stay. */
.hero-bridge[data-tod="day"] .bridge-svg .stars{display:none}
.hero-bridge[data-tod="day"]::before,.bridge[data-tod="day"]{filter:none}
.bridge[data-tod="day"]{background:linear-gradient(180deg,#1f4f82,#3f7fb8 55%,#7fb3dc)}
.hero-bridge:has(.bridge[data-tod="day"])::before{background:linear-gradient(180deg,rgba(8,24,44,.35),rgba(8,24,44,0) 60%)}
.bridge[data-tod="day"] .bridge-svg .lamps circle{opacity:.2;filter:none}