/* v31 · A Lua real no céu e a árvore no horizonte */
#lua{position:fixed;left:0;top:0;width:clamp(58px,7.5vmin,96px);height:clamp(58px,7.5vmin,96px);z-index:1;pointer-events:none;opacity:0;transition:opacity 1.2s;filter:drop-shadow(0 0 14px rgba(214,223,238,.45)) drop-shadow(0 0 40px rgba(214,223,238,.18));will-change:transform}
#lua canvas{width:100%;height:100%;display:block;border-radius:50%}
#horizonte{position:fixed;left:-2vw;right:-2vw;bottom:0;height:clamp(120px,26vh,300px);z-index:4;pointer-events:none;opacity:0;background:url(/v31/fotos/horizonte.webp) 30% bottom/cover no-repeat;will-change:transform,opacity;
 -webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent)}
#horizonte::after{content:"";position:absolute;inset:auto 0 0 0;height:42%;background:linear-gradient(to top,rgba(232,180,74,.08),rgba(232,180,74,0));mix-blend-mode:screen}
body.vortex #horizonte,body.warp #horizonte,body.closing #horizonte,body.ceu-viagem #horizonte,body.jw-on #horizonte,body.ceu-on #horizonte,body.vortex #lua,body.warp #lua,body.ceu-viagem #lua,body.jw-on #lua,body.ceu-on #lua{opacity:0!important}
@media (max-width:599px){#horizonte{height:clamp(90px,18vh,200px)}}