@charset "utf-8";

body.digital-planet,
body.digital-planet-surface {
  --digital-planet-bg: #010203;
  --digital-planet-top: #030509;
  --digital-planet-phosphor: #53bfff;
  --digital-planet-soft: #aee6ff;
  --digital-planet-text-glow: rgba(83, 191, 255, 0.52);
  background: linear-gradient(180deg, #060a12 0%, var(--digital-planet-bg) 24rem);
  color: var(--color-text);
  overflow-x: hidden;
}

body.digital-planet > :not(.digital-planet-canvas):not(.top-link),
body.digital-planet-surface > :not(.digital-planet-canvas):not(.top-link) {
  position: relative;
  z-index: 1;
}

body.digital-planet-surface::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(0, 0, 0, 0.26), rgba(0, 0, 0, 0.3)),
    radial-gradient(
      ellipse at center,
      rgba(0, 0, 0, 0) 24%,
      rgba(0, 0, 0, 0.24) 62%,
      rgba(0, 0, 0, 0.72) 100%
    );
}

.digital-planet-canvas {
  position: fixed;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: var(--digital-planet-bg);
}

body.digital-planet-surface .page-content {
  color: var(--digital-planet-soft);
}

body.digital-planet-surface .page-content p,
body.digital-planet-surface .page-content ul,
body.digital-planet-surface .page-content ol,
body.digital-planet-surface .media-attribution,
body.digital-planet-surface footer {
  color: color-mix(in srgb, var(--digital-planet-soft) 84%, white 16%);
  font-size: 1.16rem;
}

body.digital-planet-surface .page-content hr {
  background: color-mix(in srgb, var(--digital-planet-phosphor) 38%, transparent);
  box-shadow: 0 0 10px var(--digital-planet-text-glow);
}

body.digital-planet .profile-header h1,
body.digital-planet .feature-panel h2,
body.digital-planet .feature-item h3,
body.digital-planet footer,
body.digital-planet .top-link {
  text-shadow:
    0 0 1px var(--digital-planet-phosphor),
    0 0 7px rgba(83, 191, 255, 0.2);
}