/* v28 · Poeira cósmica na frente de tudo e a Yggverse respirando */
#poeira{position:fixed;inset:0;width:100%;height:100%;z-index:5;pointer-events:none;mix-blend-mode:screen}
/* o halo: respira devagar atrás da esfera */
.ygg-halo{position:absolute;left:50%;top:50%;width:calc(var(--hr) * 2);height:calc(var(--hr) * 2);transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:0;
 background:radial-gradient(circle,rgba(246,217,138,.26) 0%,rgba(246,217,138,.12) 28%,rgba(120,140,255,.08) 52%,rgba(120,140,255,0) 72%);
 animation:yggRespira 6s ease-in-out infinite;transition:opacity .8s}
@keyframes yggRespira{0%,100%{transform:translate(-50%,-50%) scale(1.25);opacity:.75}50%{transform:translate(-50%,-50%) scale(1.62);opacity:1}}
body.vortex .ygg-halo,body.warp .ygg-halo,body.closing .ygg-halo,body.ceu-viagem .ygg-halo,body.acting .ygg-halo{opacity:0}
/* a esfera também respira, bem de leve */
#ygg{animation:yggPulso 6s ease-in-out infinite}
@keyframes yggPulso{0%,100%{filter:brightness(1)}50%{filter:brightness(1.07)}}
body.vortex #ygg,body.warp #ygg,body.ceu-viagem #ygg{animation:none}
/* o brilho de borda: um aro de luz do lado de onde vem a claridade da nebulosa */
#ygg{overflow:visible;--lx:30%;--ly:30%;--lf:.5}
.ygg-luz{position:absolute;inset:-2px;border-radius:50%;pointer-events:none;
 background:radial-gradient(circle at var(--lx) var(--ly),rgba(255,250,236,calc(.55 * var(--lf) + .18)) 0%,rgba(255,240,200,calc(.22 * var(--lf) + .05)) 22%,rgba(255,240,200,0) 48%);
 -webkit-mask:radial-gradient(circle,transparent 58%,#000 84%,#000 100%);mask:radial-gradient(circle,transparent 58%,#000 84%,#000 100%);
 mix-blend-mode:screen;transition:background .9s ease}
.ygg-luz::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 18px rgba(255,246,220,calc(.35 * var(--lf)));transition:box-shadow .9s}
@media (prefers-reduced-motion:reduce){.ygg-halo,#ygg{animation:none}}