/* Ambient overlay above the globe. */

@layer modes {
  #ambient {
    position: fixed;
    inset: 0;
    z-index: var(--z-ambient);
    display: grid;
    place-items: center;
    background: linear-gradient(to top, rgb(3 5 11 / 0.72), transparent 45%);
    color: var(--text);
    pointer-events: auto;
  }

  #ambient[hidden] { display: none !important; }

  .amb { text-align: center; padding: var(--sp-6); }
  .amb-clock {
    font-family: var(--font-mono);
    font-size: clamp(3rem, 10vw, 7rem);
    color: var(--accent);
    text-shadow: 0 0 24px var(--accent-glow);
  }
  .amb h1 {
    font-family: var(--font-display);
    font-size: clamp(1.5rem, 4vw, 3rem);
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  .amb-exit { color: var(--text-mute); letter-spacing: 0.14em; text-transform: uppercase; }
}