/* Neo-Tokyo — ambient FX layers */

.mh-neotokyo-rain {
  position: fixed;
  inset: 0;
  z-index: -3;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.7s ease;
}

.mh-neotokyo-glow {
  position: fixed;
  inset: 0;
  z-index: -4;
  pointer-events: none;
  opacity: 0;
  background:
    radial-gradient(ellipse 55% 40% at 85% 15%, rgba(0, 229, 255, 0.14), transparent 55%),
    radial-gradient(ellipse 45% 35% at 10% 80%, rgba(255, 208, 0, 0.08), transparent 50%),
    #030306;
  transition: opacity 0.7s ease;
}

.mh-neotokyo-scan {
  position: fixed;
  inset: 0;
  z-index: 9996;
  pointer-events: none;
  opacity: 0;
  background: repeating-linear-gradient(
    0deg,
    rgba(0, 229, 255, 0.03) 0,
    rgba(0, 229, 255, 0.03) 1px,
    transparent 1px,
    transparent 3px
  );
}

html[data-theme="neotokyo"] .mh-starfield,
html[data-theme="neotokyo"] .mh-vignette,
html[data-theme="neotokyo"] .mh-scanlines,
html[data-theme="neotokyo"] .mh-bg,
html[data-theme="neotokyo"] .mh-grid,
html[data-theme="neotokyo"] .mh-obsidian-mesh,
html[data-theme="neotokyo"] .mh-obsidian-vignette,
html[data-theme="neotokyo"] .mh-obsidian-grain,
html[data-theme="neotokyo"] .mh-obsidian-shards,
html[data-theme="neotokyo"] .mh-vault-spotlight,
html[data-theme="neotokyo"] .mh-vault-grain,
html[data-theme="neotokyo"] .mh-prism-mesh,
html[data-theme="neotokyo"] .mh-prism-shimmer {
  opacity: 0 !important;
  visibility: hidden;
}

html[data-theme="neotokyo"] .brand-mark__ring,
html[data-theme="neotokyo"] .brand-mark__ghost {
  display: none !important;
}

html[data-theme="neotokyo"] .mh-neotokyo-glow,
html[data-theme="neotokyo"] .mh-neotokyo-rain {
  opacity: 1;
}

html[data-theme="neotokyo"] .mh-neotokyo-scan {
  opacity: 0.45;
}

html[data-theme="neotokyo"] {
  color-scheme: dark;
}

html[data-theme="neotokyo"] body {
  background: #030306;
}

@media (prefers-reduced-motion: reduce) {
  html[data-theme="neotokyo"] .mh-neotokyo-rain {
    display: none;
  }

  html[data-theme="neotokyo"] .hero h1 {
    animation: none !important;
  }
}
