/* Fundo canonico PRISMAS: ceu infinito sereno e Antares sentinela. */

html,
body {
  background-color: #020304 !important;
}

body {
  background-image: none !important;
  isolation: isolate;
}

/* Desativa camadas antigas que disputavam o mesmo plano visual. */
body::before,
body::after {
  background: none !important;
  animation: none !important;
  opacity: 0 !important;
}

.prismas-cosmos {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  forced-color-adjust: none;
  -webkit-print-color-adjust: exact;
  background:
    radial-gradient(ellipse at 50% 118%, rgba(255, 204, 0, 0.08), transparent 48%),
    radial-gradient(ellipse at 88% -14%, rgba(104, 217, 225, 0.055), transparent 38%),
    linear-gradient(180deg, #020304 0%, #000 64%, #020202 100%);
}

.prismas-cosmos::before,
.prismas-cosmos::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  forced-color-adjust: none;
}

/* Poucas estrelas; amplo espaco de silencio e leitura. */
.prismas-cosmos::before {
  background-image:
    radial-gradient(circle at 7% 18%, rgba(255,255,255,.78) 0 1px, transparent 1.7px),
    radial-gradient(circle at 18% 69%, rgba(104,217,225,.66) 0 1px, transparent 1.8px),
    radial-gradient(circle at 29% 31%, rgba(255,204,0,.62) 0 1px, transparent 1.8px),
    radial-gradient(circle at 42% 84%, rgba(255,255,255,.58) 0 1px, transparent 1.7px),
    radial-gradient(circle at 55% 12%, rgba(104,217,225,.56) 0 1px, transparent 1.8px),
    radial-gradient(circle at 64% 57%, rgba(255,255,255,.68) 0 1px, transparent 1.8px),
    radial-gradient(circle at 76% 78%, rgba(255,204,0,.56) 0 1px, transparent 1.8px),
    radial-gradient(circle at 84% 37%, rgba(104,217,225,.62) 0 1px, transparent 1.8px),
    radial-gradient(circle at 94% 68%, rgba(255,255,255,.64) 0 1px, transparent 1.8px),
    radial-gradient(circle at 35% 52%, rgba(255,255,255,.42) 0 .8px, transparent 1.5px),
    radial-gradient(circle at 69% 24%, rgba(255,204,0,.42) 0 .8px, transparent 1.5px);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  opacity: .72;
}

.prismas-cosmos::after {
  background:
    linear-gradient(115deg, transparent 0 38%, rgba(104,217,225,.025) 48%, transparent 62%),
    radial-gradient(ellipse at 50% 50%, transparent 0 54%, rgba(0,0,0,.34) 100%);
}

/* Antares e referencia simbolica, sem pretensao de mapa astronomico. */
.prismas-antares {
  position: absolute;
  top: 11%;
  right: 9%;
  width: 42px;
  aspect-ratio: 1;
  border-radius: 50%;
  forced-color-adjust: none;
  background: radial-gradient(circle, #fff 0 2%, #ffe297 3%, #ff984a 10%, rgba(255,116,43,.28) 22%, transparent 68%);
  opacity: .88;
  animation: prismas-antares-pulso 4.8s ease-in-out infinite;
  filter: drop-shadow(0 0 6px rgba(255, 151, 72, .28));
}

@keyframes prismas-antares-pulso {
  0%, 100% { opacity: .72; filter: drop-shadow(0 0 4px rgba(255, 151, 72, .22)); }
  50% { opacity: 1; filter: drop-shadow(0 0 10px rgba(255, 151, 72, .42)); }
}

@media (max-width: 700px) {
  .prismas-antares {
    top: 8%;
    right: 7%;
    width: 34px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .prismas-antares {
    animation: none;
  }
}