/* Phone compositing path. Keep the artwork, palette, and access veils intact. */
@media (pointer: coarse) and (max-width: 600px),
       (pointer: coarse) and (max-height: 600px) {
  html[data-color-mode] .site-header,
  html[data-color-mode] .site-header.is-scrolled,
  html .website-app-dock,
  html .media-label,
  html .atlas-teaser__legend,
  html .atlas-teaser__status {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  html .site-header {
    transition: background-color 220ms ease, border-color 220ms ease;
  }

  html .site-header.is-scrolled,
  html .website-app-dock {
    background-color: #0b1b1f;
  }

  html[data-color-mode="light"] .site-header.is-scrolled,
  html[data-color-mode="light"] .website-app-dock {
    background-color: #f3f5f7;
  }

  .kftc-early-access-dialog::backdrop,
  .site-audio-dialog::backdrop {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  /* Avoid a second fixed background behind the fixed page-sized starfield. */
  html body::before,
  html[data-color-mode="light"] body::before,
  html .key-reveal {
    background-attachment: scroll;
  }

  html body::after {
    -webkit-mask-image: none;
    mask-image: none;
    opacity: .08;
  }

  html .public-cartographer-r11[data-motion-state="active"]::before {
    animation: none;
    filter: none;
    opacity: .5;
  }

  html .arrival-cartographer-r11-aura,
  html .arrival-cartographer-r11.has-live-energy .arrival-cartographer-r11-aura {
    filter: none;
    opacity: .18;
    animation: none;
  }

  html .arrival-cartographer-r11-current {
    filter: saturate(1.35);
  }
}