.galaxy-intro{pointer-events:none}
.galaxy-intro__canvas{pointer-events:none}

.galaxy-intro__enter{
  position:absolute;
  z-index:6;
  left:50%;
  bottom:clamp(52px,9vh,104px);
  display:grid;
  place-items:center;
  min-width:132px;
  min-height:42px;
  padding:0 20px;
  border:1px solid rgba(225,239,255,0.5);
  border-radius:999px;
  color:#f6fbff;
  background:rgba(10,20,37,0.32);
  box-shadow:0 10px 34px rgba(0,0,0,0.24),inset 0 1px 0 rgba(255,255,255,0.18);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  cursor:pointer;
  font:600 0.82rem/1 system-ui,sans-serif;
  letter-spacing:0;
  transform:translateX(-50%);
  transition:opacity 0.24s ease,transform 0.24s ease,background 0.2s ease,border-color 0.2s ease;
}

.galaxy-intro__enter:hover{border-color:rgba(255,255,255,0.76);background:rgba(38,69,107,0.42)}
.galaxy-intro__enter:focus-visible{outline:2px solid #e6f4ff;outline-offset:4px}

.galaxy-intro__enter:disabled,
body.home-intro-playing .galaxy-intro__enter{
  opacity:0;
  pointer-events:none;
  transform:translate(-50%,8px);
}

.galaxy-intro.is-static .galaxy-intro__canvas{opacity:0.14;filter:blur(1px)}

/* The Three.js scene owns the continuous entry clock. These overrides prevent
   the older percentage-based CSS sequence from revealing a second scene late. */
body.home-intro-playing.home-intro-continuous .galaxy-intro,
body.home-intro-playing.home-intro-continuous #starfield,
body.home-intro-playing.home-intro-continuous #glowfield,
body.home-intro-playing.home-intro-continuous .site-topbar,
body.home-intro-playing.home-intro-continuous::before,
body.home-intro-playing.home-intro-continuous::after,
body.home-intro-playing.home-intro-continuous .galaxy-intro::before,
body.home-intro-playing.home-intro-continuous .galaxy-intro::after,
body.home-intro-playing.home-intro-continuous [data-pjax-root],
body.home-intro-playing.home-intro-continuous .site-footer{
  animation:none !important;
  transition:none !important;
}

body.home-intro-playing.home-intro-continuous .galaxy-intro{
  background:rgb(3 9 21 / var(--home-intro-shell-opacity,1));
}

body.home-intro-playing.home-intro-continuous .galaxy-intro::before{
  opacity:var(--home-intro-veil-opacity,0.34);
}

body.home-intro-playing.home-intro-continuous .galaxy-intro::after{
  opacity:var(--home-intro-vignette-opacity,0.58);
}

body.home-intro-playing.home-intro-continuous [data-pjax-root],
body.home-intro-playing.home-intro-continuous .site-footer{
  opacity:var(--home-intro-content-opacity,0);
  pointer-events:none;
  transition:none !important;
  will-change:opacity;
}

@media (prefers-reduced-motion:reduce){.galaxy-intro__enter{transition:none}}
