/* Etapa 17 · Acabamento do espaço: esfera com material e luz, vinheta de cinema e controles da direita reunidos */
#ygg{background:radial-gradient(circle at 34% 28%,rgba(255,250,240,.55) 0,rgba(255,250,240,0) 18%),radial-gradient(circle at 38% 34%,#8a837b 0%,#5a544e 34%,#2f2b28 68%,#141211 100%);
 box-shadow:inset -18px -22px 46px rgba(0,0,0,.6),inset 10px 12px 26px rgba(255,240,220,.12),inset 0 0 0 1px rgba(255,236,214,.08),0 0 0 1px rgba(255,214,170,.1),-30px -26px 90px rgba(255,200,150,.05),0 30px 80px rgba(0,0,0,.65)}
#ygg::before{content:"";position:absolute;inset:-14%;border-radius:50%;background:radial-gradient(circle,transparent 58%,rgba(255,206,160,.10) 66%,rgba(255,170,100,.04) 74%,transparent 82%);pointer-events:none;transition:opacity .6s;opacity:.8}
#ygg:hover::before,#ygg:focus-visible::before,body.acting #ygg::before{opacity:1;background:radial-gradient(circle,transparent 56%,rgba(255,214,170,.22) 64%,rgba(255,170,100,.08) 74%,transparent 84%)}
#ygg:hover,#ygg:focus-visible,body.acting #ygg{background:radial-gradient(circle at 34% 28%,rgba(255,255,250,.9) 0,rgba(255,255,250,0) 22%),radial-gradient(circle at 38% 34%,#f6eee2 0%,#d6ccbf 30%,#8d8478 64%,#3c3631 100%)}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:8;background:radial-gradient(ellipse at 50% 50%,transparent 58%,rgba(0,0,0,.38) 100%)}
.lado:not(#ldBt){opacity:0;pointer-events:none;transform:translateY(12px) scale(.86);transition:opacity .35s,transform .35s,color .3s,border-color .3s,box-shadow .3s}
body.lado-on .lado:not(#ldBt),.lado.on:not(#ldBt):not(#crBt):not(#coBt){opacity:1;pointer-events:auto;transform:none}
#ldBt{bottom:calc(env(safe-area-inset-bottom,0px) + 160px)}
#ldBt svg circle{fill:currentColor;stroke:none}
body.lado-on #ldBt{color:#ffdcb8;border-color:rgba(255,185,121,.4)}
#psBt{bottom:calc(env(safe-area-inset-bottom,0px) + 212px)}#somBt{bottom:calc(env(safe-area-inset-bottom,0px) + 264px)}#crBt{bottom:calc(env(safe-area-inset-bottom,0px) + 316px)}#coBt{bottom:calc(env(safe-area-inset-bottom,0px) + 368px)}
@media (max-width:599px){#ldBt{right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 202px)}#psBt{bottom:calc(env(safe-area-inset-bottom,0px) + 254px)}#somBt{bottom:calc(env(safe-area-inset-bottom,0px) + 306px)}#crBt{bottom:calc(env(safe-area-inset-bottom,0px) + 358px)}#coBt{bottom:calc(env(safe-area-inset-bottom,0px) + 410px)}}