/* v26 · Céu Vivo como viagem pelo espaço, na tela inteira, sem janela */
#ceuvivo{position:fixed;inset:0;z-index:7;display:none;pointer-events:none}
#ceuvivo.on{display:block;pointer-events:auto}
#ceuvivo .ceuq{position:absolute;inset:0;background:transparent}
#ceuvivo iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;color-scheme:dark}
/* o menos: a única saída, no alto e no meio */
#ceuvivo .ceuvolta{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 14px);transform:translateX(-50%);z-index:2;width:96px;height:38px;padding:0;border:0;border-radius:999px;background:rgba(5,6,15,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 26px rgba(232,180,74,.22);display:grid;place-items:center;cursor:pointer;opacity:0;transition:opacity .6s .9s,box-shadow .3s}
#ceuvivo.on .ceuvolta{opacity:1}
#ceuvivo .ceuvolta i{display:block;width:32px;height:6px;border-radius:999px;background:#000;box-shadow:0 0 14px rgba(232,180,74,.5),inset 0 2px 3px rgba(0,0,0,.95)}
#ceuvivo .ceuvolta:hover,#ceuvivo .ceuvolta:focus-visible{box-shadow:0 0 40px rgba(246,217,138,.55)}
/* a viagem: a Yggverse e os mundos ficam para trás, o espaço continua */
#ygg{transition:box-shadow .8s,transform .8s,filter .8s,opacity 1s,scale 1.2s cubic-bezier(.5,0,.2,1)}
body.ceu-viagem #ygg{scale:.12;opacity:0;filter:blur(6px);pointer-events:none}
body.ceu-viagem #mundos,body.ceu-viagem #mundo,body.ceu-viagem .ceubt,body.ceu-viagem #voo,body.ceu-viagem .cr-info,body.ceu-viagem .lado,body.ceu-viagem .avancar,body.ceu-viagem .centro,body.ceu-viagem .hint{opacity:0!important;pointer-events:none!important;transition:opacity .6s}
body.ceu-viagem #vtx{opacity:.35;transition:opacity 1.2s}
body.ceu-on .vbar,body.ceu-on .edock,body.ceu-on #tabsOrb,body.ceu-on .gbar{opacity:0!important;pointer-events:none!important}
/* o botão para entrar */
.ceubt{position:fixed;left:max(20px,env(safe-area-inset-left,0px));bottom:calc(env(safe-area-inset-bottom,0px) + 108px);z-index:6;display:flex;align-items:center;gap:9px;padding:8px 14px 8px 9px;border-radius:999px;background:rgba(7,9,20,.5);border:0;color:#f6d98a;font:500 9.5px var(--f-mono);letter-spacing:.2em;text-transform:uppercase;box-shadow:0 0 22px rgba(232,180,74,.18);cursor:pointer;transition:box-shadow .3s,color .3s,opacity .6s}
.ceubt i{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff6dc 0%,#e8b44a 55%,#b98a3e 100%);box-shadow:0 0 12px rgba(246,217,138,.8);animation:ceupulsa 5s ease-in-out infinite}
@keyframes ceupulsa{0%,100%{box-shadow:0 0 12px rgba(246,217,138,.8)}50%{box-shadow:0 0 22px 4px rgba(246,217,138,.95)}}
.ceubt:hover{color:#fff6dc;box-shadow:0 0 34px rgba(232,180,74,.4)}
body.closing .ceubt{opacity:0;pointer-events:none}
@media (max-width:599px){.ceubt{left:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 150px)}.ceubt span{display:none}.ceubt{padding:9px}}
@media (prefers-reduced-motion:reduce){.ceubt i{animation:none}#ygg{transition:none}}