.mh-starfield {
  position: fixed;
  inset: 0;
  z-index: -3;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.6s ease;
  contain: strict;
}

.mh-scanlines {
  position: fixed;
  inset: 0;
  z-index: 9998;
  pointer-events: none;
  opacity: 0;
  /* Avoid mix-blend-mode: overlay — causes vertical seam artifacts in Chrome over time */
  background: repeating-linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.14) 0px,
    rgba(0, 0, 0, 0.14) 1px,
    transparent 1px,
    transparent 4px
  );
}

.mh-vignette {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(ellipse 70% 60% at 50% 45%, transparent 30%, rgba(0, 0, 0, 0.65) 100%);
  transition: opacity 0.6s ease;
}

html[data-theme="spacemonkey"] .mh-vignette {
  opacity: 0.5;
}

/* Spacemonkey — hide logo FX layers when Aurora is active */
html:not([data-theme="spacemonkey"]) .brand-mark__ring,
html:not([data-theme="spacemonkey"]) .brand-mark__ghost {
  display: none !important;
}

html:not([data-theme="spacemonkey"]) .mh-starfield,
html:not([data-theme="spacemonkey"]) .mh-scanlines {
  opacity: 0 !important;
  pointer-events: none;
}

html[data-theme="aurora"] {
  color-scheme: dark;
}

html[data-theme="aurora"] body {
  background: var(--void);
}

html[data-theme="aurora"] .mh-bg {
  opacity: 1;
}

html[data-theme="aurora"] .mh-grid {
  opacity: 0;
  pointer-events: none;
}

html[data-theme="aurora"] .mh-nav {
  background: transparent;
  border: none;
  box-shadow: none;
  clip-path: none;
  backdrop-filter: none;
  padding: 0.4rem 0 0.55rem;
  margin: 0;
}

html[data-theme="aurora"] .mh-nav::after {
  display: none;
}