/* Reuse the journey's coded LED scenery behind the ordinary scroll sections.
   Fade the art itself near headings; no dark rectangles over the copy. */
body:is(.atlas-view, .atlas-visible) #sky {
  visibility: visible;
  opacity: .38 !important;
  translate: none;
  scale: none;
  pointer-events: none;
  mask-image: linear-gradient(to bottom, #0003, #0006 24%, #000 48%, #000 60%, transparent 80%);
}
/* Retire the street scenery as the map enters, before its copy crosses it. */
body.atlas-visible #world, body.atlas-visible #player { visibility: hidden; }
.community-atlas, .community-crew, .community-collaboration, .community-events {
  background: transparent;
}
/* Dense controls and long profiles retain a calm reading surface. */
.atlas-panel { background: #080f0bf2; }
.atlas-lenses, .crew-list, .crew-profile, .events-console, .events-detail {
  background-color: #080f0bf5;
}
.atlas-rank { background: #0b140ef5; }
@media (max-width: 760px) {
  body:is(.atlas-view, .atlas-visible) #sky { opacity: .24 !important; }
}