/* Runtime compatibility fixes: keep enhancement UI below application dialogs. */
.cursor-layer {
  z-index: 80;
}

.music-picker-btn {
  z-index: 90;
}

.music-picker-panel {
  z-index: 91;
}

body:not(.site-ready) .cursor-layer,
body:not(.site-ready) .music-picker-btn,
body:not(.site-ready) .music-picker-panel {
  visibility: hidden;
  pointer-events: none;
}

.scene-hotspot.is-consumed,
.scene-hotspot[disabled] {
  pointer-events: none;
  opacity: 0.12;
  animation: none;
}

.projects-three-bg {
  pointer-events: none;
}

.top-nav .nav-dot {
  display: none;
}

@media (width <= 640px) {
  .top-nav {
    right: 4px !important;
    gap: 2px !important;
    max-width: calc(100vw - 8px);
    font-size: 10px !important;
  }

  .top-nav a {
    padding: 4px 5px !important;
    letter-spacing: 0 !important;
  }

  body.scene-home .top-nav {
    right: 4px !important;
    font-size: 10px !important;
  }

  body.scene-home .top-nav a {
    padding: 4px 5px !important;
  }
}

@media (width <= 360px) {
  .top-nav {
    font-size: 10px !important;
  }

  .top-nav a {
    padding-inline: 4px !important;
  }

  body.scene-home .top-nav {
    font-size: 10px !important;
  }

  body.scene-home .top-nav a {
    padding-inline: 4px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sound-toggle:not(.muted),
  body.scene-home .sun-glow,
  body.scene-home .sun-face,
  body.scene-home .sun-rays-rock,
  body.scene-home .scene-hotspot,
  body.scene-home .btn-next.unlocked::after,
  body.scene-home .scene-shake {
    animation: none !important;
    transition: none !important;
  }

  body.scene-home .ambient-overlay,
  body.scene-home .vignette-overlay,
  body.scene-home .layer-fg,
  body.scene-home .layer-mid {
    transition: none !important;
  }
}