/* Keep the approved space image visible around the moving tunnel. */
.entry-sequence .entry-webgl {
  -webkit-mask-image: radial-gradient(ellipse 64% 68% at 50% 50%, #000 0 58%, #000c 72%, transparent 97%);
  mask-image: radial-gradient(ellipse 64% 68% at 50% 50%, #000 0 58%, #000c 72%, transparent 97%);
}
.entry-sequence.is-flight .entry-cosmos-rim { opacity: .98; }
.entry-sequence.is-hud .entry-cosmos-rim { opacity: 0; }
@media (max-width: 700px) {
  /* A portrait crop hides both planets. Compose the same original image
     from its top-right and bottom-left edges without stretching them. */
  .entry-sequence .entry-cosmos-rim::before,
  .entry-sequence .entry-cosmos-rim::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 43%;
    background-image: url('assets/intro-v52-cosmos.webp');
    background-repeat: no-repeat;
    background-size: auto 100%;
  }
  .entry-sequence .entry-cosmos-rim::before {
    top: 0;
    background-position: right top;
    -webkit-mask-image: linear-gradient(#000 0 58%, transparent 100%);
    mask-image: linear-gradient(#000 0 58%, transparent 100%);
  }
  .entry-sequence .entry-cosmos-rim::after {
    bottom: 0;
    background-position: left bottom;
    -webkit-mask-image: linear-gradient(transparent, #000 42%);
    mask-image: linear-gradient(transparent, #000 42%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .entry-sequence:not(.force-play) .entry-cosmos-rim { animation: none; }
}