/* v23–v24 · As fotos do Thiago dentro do universo, sem nenhuma linha: o planeta claro é a Yggverse, o buraco negro de ouro é o Vortex, a nebulosa é o espaço, os seis vórtices da foto são as famílias de projetos. Bordas finas, miras, órbitas tracejadas e galhos saem; fica só luz. */
:root{--void:#05060f;--ouro:#e8b44a;--ouro2:#f6d98a;--luz:#fff6dc;--vidro:rgba(10,12,30,.52);--vidro2:rgba(10,12,30,.72);--f-marca:"Michroma","Jost",sans-serif;--brilho:0 0 34px rgba(232,180,74,.16),0 12px 40px rgba(0,0,0,.45)}
html,body{background:var(--void)}
/* nenhuma borda de linha em lugar nenhum: as caixas continuam do mesmo tamanho, só o traço some */
#ygg,#ygg:hover,#ygg:focus-visible,.horizon,.disk,.disk::after,.minus,.orb,.orb:hover,.orb:focus-visible,.orb.on,.orb.prime::before,.site,.site:hover,.site:focus-visible,.field,.field:focus,textarea.field,.row,.row:hover,.mini,.mini:hover,.mini:focus-visible,.rank s,.fl i,#constel.narrow,.horizon::before,.horizon::after,.orb.card,.orb.card.prime::before,.absorb,
.edock button,.edock button:hover,.edock button:focus-visible,.edock button.on,.edock button.on::after,.janela,.janela.foco,.jt,.jic,.jx,.jnota,.jnota:focus,.mapa,.no,.no.raiz,.no.sel,.brow,.pk div,.pbar i,
.vbar,.vbar:focus-within,.vb,.vglyph,.vglyph::after,#addr,.tchip,.tchip a b,.tchip .tx,.tchip:hover,.tchip:focus-within,
.absv,.absv h4 i,.absv li s,.absv footer,.ic,.arq .ic,.arow,.arow:hover,.lado,.lado:hover,.lado:focus-visible,.lado.on,.ps-hud,.ps-hud button,
.row .rec,.aviso,.aviso button,.orb.ring,.voo,.centro,.centro:hover,.vb3,.vh,.vd,.vlista,.avancar,.avancar:hover,.avancar.on,#ygg::before,.sing,.cr-info,#psPara,#avisoB{border-color:transparent!important}
.hud,.onda::after{display:none!important}
/* vidro com luz em vez de contorno */
.orb.card,.janela,.vlista,.absv,.aviso,.vbar,.tchip,.ps-hud,.cr-info,.edock button,.vb,.centro,.lado,.avancar,.mini,.field,.row,.arow,.brow,.no{border-radius:16px;clip-path:none!important;background:var(--vidro)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--brilho)}
.vbar,.tchip,.lado,.avancar,.vb,.mini{border-radius:999px}
.orb.card:hover,.orb.card:focus-visible,.orb.card.on,.lado:hover,.lado.on,.avancar:hover,.avancar.on,.vb:hover,.mini:hover,.edock button.on,.edock button:hover,.janela.foco{box-shadow:0 0 0 1px rgba(246,217,138,0),0 0 44px rgba(232,180,74,.34),0 12px 40px rgba(0,0,0,.45)!important;color:var(--luz)!important}
.orb.card b{font:400 10px var(--f-marca);letter-spacing:.16em;text-transform:uppercase;color:var(--ouro2)}
.orb.card small{color:#a59fb2}
.janela .jt b,.vlista h4,.absv h4,.janela h5{font-family:var(--f-marca);letter-spacing:.2em;text-transform:uppercase;color:var(--ouro2);font-weight:400}
.fl i{background:rgba(246,217,138,.35);box-shadow:0 0 6px rgba(246,217,138,.45)}
.fl a i{background:var(--ouro2);box-shadow:0 0 10px rgba(246,217,138,.9)}
.fl a,.fl span{color:#cfc7b8}.fl a:hover,.fl a:focus-visible{color:var(--luz);text-shadow:0 0 14px rgba(246,217,138,.6)}
.fam h3{font:400 8.5px var(--f-marca);letter-spacing:.3em;color:rgba(246,217,138,.8)}
.eco b{font-family:var(--f-marca);font-size:9px;letter-spacing:.34em;color:var(--ouro)}.eco span{color:rgba(246,217,138,.45)}
.hint{color:rgba(246,217,138,.55)}
.gbar span,.gdist span{color:rgba(246,217,138,.5)}.gbar b,.gdist b{color:var(--ouro2)}
#addr{color:#ece5d8}#addr::placeholder{color:#7d7891}
/* a Yggverse: o planeta claro da foto, com o nome em ouro */
#ygg{font-family:var(--f-marca);font-size:clamp(11px,1.3vw,14px);letter-spacing:.34em;text-indent:.34em;color:#100d22;text-shadow:0 0 10px rgba(255,250,236,.95),0 0 24px rgba(255,236,190,.8);
 background:url(/v25/fotos/esfera.webp) center/118% no-repeat,radial-gradient(circle,#3a3a52 0%,#0b0c18 70%)!important;
 box-shadow:0 0 60px 6px rgba(232,180,74,.20),0 0 140px 30px rgba(120,140,255,.10)!important;transition:box-shadow .8s,transform .8s,filter .8s}
#ygg:hover,#ygg:focus-visible,body.acting #ygg{background:url(/v25/fotos/esfera.webp) center/124% no-repeat,radial-gradient(circle,#4a4a66 0%,#0b0c18 70%)!important;box-shadow:0 0 90px 14px rgba(246,217,138,.34),0 0 200px 50px rgba(120,140,255,.14)!important;filter:brightness(1.12)}
#ygg small{font-family:var(--f-mono);color:rgba(16,13,34,.75);letter-spacing:.3em;text-indent:.3em;text-shadow:0 0 8px rgba(255,250,236,.95)}
.act{display:none!important}
#ygg::before,#ygg::after{display:none!important}
/* o Vortex: o buraco negro de ouro da foto, com o horizonte fosco exatamente no buraco */
#bnfoto{position:absolute;left:50%;top:50%;width:calc(var(--hr) * 7.92);height:calc(var(--hr) * 4.32);transform:translate(-50%,-50%) scale(.6);opacity:.001;pointer-events:none;will-change:transform,opacity;
 transition:opacity 1.1s ease,transform 1.4s cubic-bezier(.2,.8,.2,1);z-index:0}
body.vortex #bnfoto{opacity:1;transform:translate(-50%,-50%) scale(1)}
body.closing #bnfoto{opacity:.001;transform:translate(-50%,-50%) scale(.2);transition:opacity .6s,transform .7s cubic-bezier(.7,0,.95,.3)}
#stage.open #bnfoto{width:calc(var(--hr) * 7.92 * 1.35);height:calc(var(--hr) * 4.32 * 1.35)}
.horizon{box-shadow:0 0 0 0 transparent,0 0 60px rgba(0,0,0,.9) inset,0 0 26px rgba(255,214,150,.22)!important;background:radial-gradient(circle at 50% 45%,#030304 0 60%,#000 100%)!important}
.disk{display:none!important}
.minus i{background:#000!important;box-shadow:0 0 18px rgba(232,180,74,.35),inset 0 2px 3px rgba(0,0,0,.95)!important}
.minus:hover i,.minus:focus-visible i{box-shadow:0 0 30px rgba(246,217,138,.7),inset 0 2px 3px rgba(0,0,0,.95)!important}
/* famílias de projetos: os seis vórtices da foto, de frente, girando devagar */
.vtx .vd,.vtx .vf,.vtx .vh{display:none!important}
.vtx .vb3{background:none!important;box-shadow:none!important}
.vtx .vb3::before{content:"";position:absolute;left:50%;top:50%;width:calc(var(--rr) * 4.4);height:calc(var(--rr) * 4.4);transform:translate(-50%,-50%);border-radius:50%;background:var(--foto) center/contain no-repeat;animation:vgira 70s linear infinite;filter:drop-shadow(0 0 calc(var(--rr) * .3) rgba(0,0,0,.4))}
.vtx.sobre .vb3::before,.vtx.foco .vb3::before{filter:brightness(1.25) drop-shadow(0 0 calc(var(--rr) * .5) var(--brilhoV,rgba(246,217,138,.5)))}
@keyframes vgira{to{transform:translate(-50%,-50%) rotate(-360deg)}}
.vtx b{top:calc(var(--rr) * 2.25 + 6px);font:400 8px var(--f-marca);letter-spacing:.3em;color:rgba(255,246,220,.75);text-shadow:0 0 10px #000}
.vtx.sobre b,.vtx.foco b{color:var(--luz)}
@media (prefers-reduced-motion:reduce){.vtx .vb3::before{animation:none}}
/* entrada: o emblema aparece e vira o universo */
#entrada{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:#02050f;transition:opacity 1.1s ease;cursor:pointer}
#entrada img{width:min(62vmin,440px);height:auto;opacity:0;transform:scale(1.06);transition:opacity 1.2s ease,transform 2.6s cubic-bezier(.2,.8,.2,1),filter 1s;filter:none}
#entrada.on img{opacity:1;transform:scale(1)}
#entrada.sai{opacity:0;pointer-events:none}
#entrada.sai img{transform:scale(.25);opacity:0;filter:blur(6px) drop-shadow(0 0 60px rgba(232,180,74,.6))}
@media (max-width:599px){#ygg{letter-spacing:.26em;text-indent:.26em}}