/* Etapa 21b · Céu Vivo no universo: a camada do app vive dentro do Yggverse, entre os vórtices e as telas de sempre */
#ceuvivo{position:fixed;inset:0;z-index:7;display:none;pointer-events:none}
#ceuvivo.on{display:block;pointer-events:auto}
#ceuvivo .ceuq{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(430px,100vw);height:min(100%,calc(100vh - 0px));background:transparent;box-shadow:0 0 90px rgba(232,180,74,.12),0 0 200px rgba(139,92,246,.10)}
#ceuvivo iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;color-scheme:dark}
#ceuvivo .ceuvolta{position:fixed;right:max(20px,env(safe-area-inset-right,0px));top:calc(env(safe-area-inset-top,0px) + 18px);z-index:2;font:500 9.5px var(--f-mono);letter-spacing:.22em;text-transform:uppercase;color:#f6d98a;padding:10px 14px;background:rgba(7,9,20,.55);border:0;border-radius:999px;box-shadow:0 0 24px rgba(232,180,74,.22);cursor:pointer}
#ceuvivo .ceuvolta:hover{color:#fff6dc;box-shadow:0 0 34px rgba(232,180,74,.4)}
body.ceu-on .vbar,body.ceu-on .edock,body.ceu-on #tabsOrb,body.ceu-on .hint,body.ceu-on .gbar,body.ceu-on .lado,body.ceu-on .avancar,body.ceu-on .centro,body.ceu-on .voo{opacity:0!important;pointer-events:none!important;transition:opacity .4s}
.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}
.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.ceu-on #constel,body.ceu-on #vtx,body.ceu-on #vlista{opacity:.22!important;transition:opacity .5s}body.ceu-on #ygg{opacity:.35!important}
body.closing .ceubt,body.ceu-on .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}}