.realm-starlight{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;contain:strict}
.realm main.container,.realm .footer{position:relative;z-index:1}
.realm-starlight>span{position:absolute;left:var(--star-x);top:0;width:var(--star-size);height:var(--star-size);animation:starlight-float var(--star-time) var(--star-delay) linear infinite;will-change:transform}
.realm-starlight>span::after{content:'';display:block;width:100%;height:100%;border-radius:50%;background:#ffebbd;box-shadow:0 0 7px 1px #e6bc6680;animation:starlight-glow 7s var(--star-delay) ease-in-out infinite}
.realm-starlight.is-paused>span,.realm-starlight.is-paused>span::after{animation-play-state:paused}
@keyframes starlight-float{0%{transform:translate3d(0,103vh,0);opacity:0}12%{opacity:.62}82%{opacity:.48}100%{transform:translate3d(var(--star-drift),-4vh,0);opacity:0}}
@keyframes starlight-glow{0%,100%{opacity:.35}50%{opacity:1}}
@media(max-width:560px){.realm-starlight>span:nth-child(n+21){display:none}}
@media(prefers-reduced-motion:reduce){.realm-starlight>span{top:var(--star-y);animation:none;opacity:.25;will-change:auto}.realm-starlight>span::after{animation:none}.realm-starlight>span:nth-child(n+13){display:none}}