/* Realistic black hole drawn by assets/js/shader-fx.js (canvas.fx-canvas). It sits under hero-canvas.js
   (which keeps the orbits and planets) and is opaque: it redraws the hero background, grid and stars
   itself so they can bend around the black hole and the cursor. The hero is a permanently dark band,
   so it shows in both themes. Where the hole sits comes from #hero's --bh-x / --bh-y in style.css. */
#hero > .fx-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;opacity:0;transition:opacity 1.2s ease}
#hero > .fx-canvas.is-ready{opacity:1}
/* reduce-motion: shader-fx.js draws a single still frame, so just skip the fade-in */
@media (prefers-reduced-motion: reduce){#hero > .fx-canvas{transition:none}}