/* Match the navigation and player glass while retaining the heritage outline. */
body[data-page] .site-header.royal-nav::before {
  background:rgba(11,4,5,.79)!important;
  -webkit-backdrop-filter:blur(30px) saturate(120%);
  backdrop-filter:blur(30px) saturate(120%);
}
body[data-page] .royal-mobile-navigation {
  background:rgba(11,4,5,.91)!important;
  -webkit-backdrop-filter:blur(30px) saturate(120%);
  backdrop-filter:blur(30px) saturate(120%);
}

/* A clean ivory star without the old dark outline. Difference blending keeps
   it distinguishable on light artwork as well as the dark page. */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  body .star-cursor {color:#f1e6d9!important;mix-blend-mode:difference}
  body .star-cursor svg,
  body .star-cursor.is-interactive svg {filter:none!important}
}

@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) {
  body[data-page] .site-header.royal-nav::before,
  body[data-page] .royal-mobile-navigation {background:rgba(11,4,5,.96)!important}
}
@media (prefers-reduced-transparency:reduce) {
  body[data-page] .site-header.royal-nav::before,
  body[data-page] .royal-mobile-navigation {
    background:#0b0405!important;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
}