.stage{place-items:center;display:grid;position:relative;overflow:hidden}.stage:before{content:"";pointer-events:none;filter:blur(2px);background:radial-gradient(40% 40% at 45% 48%,#0108201f 0%,#0108200f 45%,#01082000 70%);position:absolute;inset:-25% -10% -10%}.dots{--gap:clamp(20px,4vmin,40px);gap:var(--gap);aspect-ratio:1;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:100%;max-width:100%;height:100%;max-height:100%;margin:auto;display:grid;position:relative}.dot{aspect-ratio:1;--stroke:.78px;--fill:radial-gradient(120% 120% at 35% 30%,#082058 0%,#021038 38%,#010c2a 65%,#00081f 100%);background-image:var(--fill),linear-gradient(to top right,#013cff 0%,#003bff00 100%);border:var(--stroke)solid transparent;isolation:isolate;background-origin:padding-box,border-box;background-clip:padding-box,border-box;border-radius:50%;justify-content:center;align-items:center;width:100%;min-width:40px;max-width:100%;height:100%;min-height:40px;max-height:100%;display:flex;position:relative;box-shadow:0 22px 26px #01082059,inset 0 6px 10px #01082047,inset 0 -12px 20px #ffffff14}.dot:after{content:"";filter:blur(60px);opacity:.9;z-index:-1;background:radial-gradient(#0108208c 0%,#01082059 40%,#01082000 75%);border-radius:50%;width:120%;height:55%;position:absolute;bottom:-18%;left:50%;transform:translate(-50%)}.dot--accent:before{content:"";inset:var(--stroke,.78px);border-radius:inherit;opacity:0;background:linear-gradient(to top right,#003cff 8%,#ff720a 92%);animation:4s ease-in-out infinite alternate accentFade;position:absolute}@keyframes accentFade{0%{opacity:0}to{opacity:1}}@media (max-width:480px){.dots{--gap:18px}.dot{min-width:32px;min-height:32px}}