/* ============================================================
   THE CAVE — transport.css
   The Wayfinder's "personal transporter" effect. Shared by every
   page (Threshold, Reception, Library, and whatever comes next)
   so departure/arrival always looks and feels identical no matter
   which two locations you're moving between.

   This is a placeholder for the real animated sequence — see the
   comment block in transport.js for what replaces it later.
   ============================================================ */

#transport-flash {
  position: fixed;
  inset: 0;
  z-index: 999;
  pointer-events: none;
  background: radial-gradient(circle at 50% 50%,
    #fff6df 0%,
    #f3d68a 22%,
    #c99a48 45%,
    #5c3a14 75%,
    #07060a 100%);
  opacity: 0;
}
#transport-flash.is-in    { transition: opacity 0.55s cubic-bezier(.4,0,.6,1); opacity: 1; }
#transport-flash.is-out   { transition: opacity 0.75s cubic-bezier(.2,0,.2,1); opacity: 0; }

#transport-canvas {
  position: fixed;
  inset: 0;
  z-index: 1000;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  #transport-flash, #transport-canvas { display: none !important; }
}