/*
 * FORTE ATMOSPHERE V2
 *
 * No clouds.
 * No login-form darkening.
 * Only softened Earth + subtle cold atmospheric haze + softer limb.
 */

:root {
  --forte-earth-x: 75vw;
  --forte-earth-y: 59vh;
  --forte-earth-r: 72vh;
}


/* Slightly soften the actual Earth texture */
#forte-globe {
  filter:
    blur(0.7px)
    brightness(0.91)
    contrast(0.88)
    saturate(0.90);
}


/* Decorative atmosphere above Earth, below interface */
#forte-atmosphere {
  position: fixed;
  inset: 0;
  z-index: 0;

  pointer-events: none;
  overflow: hidden;
}


/*
 * Very thin uniform cold haze.
 * NO cloud blobs / cloud structures.
 */
#forte-atmosphere::before {
  content: "";
  position: absolute;
  inset: 0;

  background:
    radial-gradient(
      circle var(--forte-earth-r)
      at var(--forte-earth-x) var(--forte-earth-y),

      rgba(34, 53, 72, 0.045) 0%,
      rgba(30, 48, 66, 0.04) 48%,
      rgba(24, 39, 55, 0.025) 72%,
      transparent 94%
    );

  clip-path:
    circle(
      var(--forte-earth-r)
      at var(--forte-earth-x) var(--forte-earth-y)
    );
}


/* Make the visible edge of Earth dissolve more gently into black */
#forte-atmosphere::after {
  content: "";
  position: absolute;
  inset: 0;

  background:
    radial-gradient(
      circle var(--forte-earth-r)
      at var(--forte-earth-x) var(--forte-earth-y),

      transparent 0%,
      transparent 63%,

      rgba(1, 4, 9, 0.06) 73%,
      rgba(1, 4, 9, 0.16) 83%,
      rgba(1, 3, 7, 0.38) 94%,
      rgba(1, 3, 7, 0.58) 100%
    );

  clip-path:
    circle(
      var(--forte-earth-r)
      at var(--forte-earth-x) var(--forte-earth-y)
    );
}


/*
 * Explicitly remove the old form halo/darkening.
 */
.auth::before {
  display: none !important;
  background: none !important;
  filter: none !important;
}


/* Tablet */
@media (min-width: 481px) and (max-width: 899px) {
  :root {
    --forte-earth-x: 67vw;
    --forte-earth-y: 60vh;
    --forte-earth-r: 52vh;
  }
}


/* Mobile — matches current globe position */
@media (max-width: 480px) {
  :root {
    --forte-earth-x: 103vw;
    --forte-earth-y: 55vh;
    --forte-earth-r: 44vh;
  }

  #forte-globe {
    filter:
      blur(0.65px)
      brightness(0.91)
      contrast(0.88)
      saturate(0.90);
  }
}


@media (forced-colors: active) {
  #forte-atmosphere {
    display: none;
  }

  #forte-globe {
    filter: none;
  }
}