/* v30 · A matéria de cada mundo nos cartões, e a tipografia das fotos: ouro com brilho interno */
/* 8. o cartão do mundo tem o brilho e a textura do próprio vórtice */
#mundo{overflow:hidden;isolation:isolate}
#mundo::before{content:"";position:absolute;inset:-30%;z-index:-1;background:var(--f) center/60% no-repeat;filter:blur(28px) saturate(1.4);opacity:.42;pointer-events:none;animation:mgira 90s linear infinite}
#mundo::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(180deg,rgba(8,10,26,.2),rgba(8,10,26,.72) 60%);box-shadow:inset 0 1px 0 var(--g);pointer-events:none}
#mundo header i{box-shadow:0 0 30px var(--g)}
#mundo li a::before{background:var(--g);box-shadow:0 0 10px var(--g)}
#mundo li a:hover,#mundo li a:focus-visible{box-shadow:0 0 24px var(--g);background:rgba(255,255,255,.05)}
/* a fileira: cada mundo acende na própria cor ao passar o mouse, e o escolhido fica aceso */
#mundos button.on,#mundos button:hover{background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--g) 55%,transparent),transparent 72%)}
/* 9. tipografia das fotos: ouro com luz por dentro */
.ouro-t,#mundo h4,.jw-topo b,#mesa header b,.vtx b,#mundos button b,.eco b,.vlista h4,.absv h4,.janela .jt b,.orb.card b,#ygg{background:linear-gradient(180deg,#fff4d2 0%,#f6d98a 38%,#e8b44a 62%,#b07c2a 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;filter:drop-shadow(0 0 6px rgba(232,180,74,.38)) drop-shadow(0 1px 0 rgba(0,0,0,.6))}
#ygg{background:url(/v32/fotos/esfera.webp) center/118% no-repeat,radial-gradient(circle,#3a3a52 0%,#0b0c18 70%)!important;-webkit-background-clip:border-box;background-clip:border-box;color:#100d22!important;filter:none}
#ygg .ygg-nome{display:inline-block;background:linear-gradient(180deg,#2a2140 0%,#100d22 55%,#3b2d1a 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 0 7px rgba(255,250,236,.95)) drop-shadow(0 0 16px rgba(255,236,190,.7))}
#mundos button b{letter-spacing:.14em;font-size:7px;max-width:100%;overflow:hidden;text-overflow:ellipsis}
#mundos button{width:68px}
@media (max-width:1200px){#mundos button b{letter-spacing:.06em;font-size:6.5px}}
#mundo h4{letter-spacing:.34em;font-size:12.5px}
.jw-topo b,#mesa header b{letter-spacing:.3em}
.vtx b{letter-spacing:.36em;font-size:8.5px}
.vtx.sobre b,.vtx.foco b{filter:drop-shadow(0 0 10px rgba(246,217,138,.8)) drop-shadow(0 1px 0 rgba(0,0,0,.6))}
#mundos button.on b,#mundos button:hover b{filter:drop-shadow(0 0 10px rgba(246,217,138,.85))}
@media (max-width:599px){#mundos button b{letter-spacing:.12em;font-size:6.5px}}