/* sky.css: the one background for every inner page (home included; /world keeps the live globe). Source of truth: the kit. */
body{
  background:
    radial-gradient(1.6px 1.6px at 8% 12%, rgba(255,255,255,.55), transparent 60%),
    radial-gradient(1.2px 1.2px at 22% 68%, rgba(255,255,255,.4), transparent 60%),
    radial-gradient(1.8px 1.8px at 38% 24%, rgba(255,255,255,.5), transparent 60%),
    radial-gradient(1.2px 1.2px at 52% 82%, rgba(255,255,255,.35), transparent 60%),
    radial-gradient(2px 2px at 68% 14%, rgba(255,255,255,.5), transparent 60%),
    radial-gradient(1.2px 1.2px at 80% 58%, rgba(255,255,255,.35), transparent 60%),
    radial-gradient(1.8px 1.8px at 92% 30%, rgba(255,255,255,.45), transparent 60%),
    radial-gradient(1.2px 1.2px at 14% 90%, rgba(255,255,255,.3), transparent 60%),
    radial-gradient(1.6px 1.6px at 46% 48%, rgba(255,255,255,.4), transparent 60%),
    radial-gradient(1.2px 1.2px at 74% 78%, rgba(255,255,255,.3), transparent 60%),
    radial-gradient(ellipse 120% 60% at 50% 0%, #1a2a5e 0%, var(--c-navy-deep) 55%, var(--c-navy) 100%);
  background-repeat: repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, repeat, no-repeat;
  background-size: 340px 340px, 340px 340px, 340px 340px, 340px 340px, 340px 340px, 340px 340px, 340px 340px, 340px 340px, 340px 340px, 340px 340px, 100% 100%;
  background-color: var(--c-navy);
}

/* Still globe (2026-10-28): Pivvi World's globe with no pins, labels or spin, rising from the bottom
   of every page. html::after with z-index -1 paints above the page background and below all content.
   Rendered by tools/render_globe_still.py from globe-world.html (Americas and Atlantic face). The live globe is /world. */
html::after{content:'';position:fixed;left:50%;bottom:0;width:min(150vw,1150px);aspect-ratio:1;transform:translate(-50%,60%);background:url(/globe-still.webp) center/contain no-repeat;opacity:.5;pointer-events:none;z-index:-1}