/* Etapa 4 · Ativação: Yggverse como esfera de luz fosca e a sequência de abertura */
#ygg{width:clamp(128px,21vmin,176px);height:clamp(128px,21vmin,176px);padding:0;border-radius:50%;display:grid;place-items:center;font-size:clamp(11px,1.6vmin,13px);letter-spacing:.34em;text-indent:.34em;font-weight:400;color:#b3aa9e;background:radial-gradient(circle at 36% 30%,#6c6761 0%,#46423e 40%,#24221f 76%,#121110 100%);border:0;box-shadow:inset -12px -16px 34px rgba(0,0,0,.5),inset 6px 8px 18px rgba(255,246,232,.06),0 0 0 1px rgba(255,236,214,.05),0 24px 70px rgba(0,0,0,.7);backdrop-filter:none;-webkit-backdrop-filter:none;transition:color .7s,box-shadow .7s,background .7s,opacity .5s,transform .9s cubic-bezier(.7,0,.3,1),letter-spacing .9s,filter .9s}
#ygg:hover,#ygg:focus-visible,body.acting #ygg{color:#1a140c;background:radial-gradient(circle at 36% 30%,#f1e9dc 0%,#c9c0b3 36%,#7c746a 72%,#3a352f 100%);box-shadow:inset -12px -16px 34px rgba(0,0,0,.35),inset 6px 8px 18px rgba(255,246,232,.18),0 0 0 1px rgba(255,214,170,.22),0 0 90px rgba(255,190,130,.22),0 24px 70px rgba(0,0,0,.6)}
#ygg small{position:absolute;top:calc(100% + 22px);left:50%;transform:translateX(-50%);margin:0;color:var(--ash)}
#ygg:hover small{color:#9a8d7c}
body.acting #ygg{transform:translate(-50%,-50%) scale(1.05)}
body.acting #ygg small,body.acting .hint.y{opacity:0}
body.acting #constel{opacity:0;filter:blur(4px);visibility:hidden}
.act{position:fixed;inset:0;pointer-events:none;opacity:0;transition:opacity .45s;z-index:6;font-family:var(--f-mono);color:#6d6870}
body.acting .act{opacity:1}
.act-t{position:absolute;left:50%;top:calc(env(safe-area-inset-top,0px) + 13vh);transform:translateX(-50%);text-align:center;display:flex;flex-direction:column;gap:12px;white-space:nowrap}
.act-t b{font:300 clamp(20px,3.4vw,30px) var(--f-display);letter-spacing:.5em;text-indent:.5em;text-transform:uppercase;color:#b9b0a4}
.act-t span{font-size:9.5px;letter-spacing:.24em;text-transform:uppercase;color:#4d4952}
.act-l{position:absolute;left:max(24px,env(safe-area-inset-left,0px));bottom:calc(env(safe-area-inset-bottom,0px) + 28px);margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.act-l li{opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s}
.act-l li.on{opacity:1;transform:none}
.act-l li b{font-weight:500;color:#a39c94;margin-left:8px}
.act-p{position:absolute;right:max(24px,env(safe-area-inset-right,0px));bottom:calc(env(safe-area-inset-bottom,0px) + 28px);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px 12px;width:min(260px,44vw);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase}
.act-p i{display:block;height:1px;background:rgba(255,236,214,.1);position:relative;overflow:hidden}
.act-p s{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,rgba(255,236,214,.2),#ffb979)}
.act-p b{font-weight:500;color:#a39c94;font-variant-numeric:tabular-nums;min-width:4ch;text-align:right}
.act-p em{grid-column:1/-1;font-style:normal;text-align:right;color:#4d4952;font-variant-numeric:tabular-nums}
@media (max-width:640px){.act-l{left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 92px)}.act-p{left:16px;right:16px;width:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 30px)}}