/* =====================================================
   IEEE RAS SMU — Particle Moon (js/moon.js)
   Shared by every page that shows the moon; standalone (no tokens
   needed), so the self-contained 404 page can use it too.
   ===================================================== */

/* A fixed, full-viewport background layer, injected by moon.js.
   Stacking in the root context: CSS stars body::before/::after (z 0)
   → star canvas #sc (z 1) → .moon (z 1, inserted after #sc) → page
   content (.s sections, #hero, #footer… z 2+). It never takes pointer
   events: moon.js reads the cursor / finger on window. */
.moon {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100vh;
  height: 100lvh;          /* the large viewport: the mobile address bar never resizes the canvas */
  display: block;
  z-index: 1;
  pointer-events: none;
  user-select: none;
  opacity: 0;              /* moon.js sets the per-breakpoint opacity once it starts … */
  transition: opacity .6s ease !important;   /* … and this fades it in (overrides main.css's canvas transition) */
}