.palco{--fig:min(42vmin,400px);--r1:calc(var(--fig) * 0.7);--r2:calc(var(--fig) * 0.92);position:relative}.cena,.palco{height:100svh}.cena{position:sticky;top:0;display:grid;place-items:center;overflow:hidden}.figura{position:relative;width:var(--fig)}.desenho{position:absolute;inset:0;width:100%;height:100%}.tampa{transform-origin:70% 30%;transform:translate(5%,-18%) rotate(-10deg)}.figura nav{inset:0;z-index:1}.anel,.figura nav{position:absolute;pointer-events:none}.anel{left:50%;top:50%;translate:-50% -50%;border:1px solid var(--color-linha);border-radius:50%}.anel-1{width:calc(var(--r1) * 2);height:calc(var(--r1) * 2);--r:var(--r1)}.anel-2{width:calc(var(--r2) * 2);height:calc(var(--r2) * 2);--r:var(--r2)}.planeta{position:absolute;left:50%;top:50%;pointer-events:auto;transform:rotate(var(--a)) translateX(var(--r)) rotate(calc(-1 * var(--a)));color:var(--color-tinta);text-decoration:none}.planeta:focus-visible{outline:none}.corpo{position:absolute;left:0;top:0;translate:-50% -10px;transform-origin:50% 10px;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.25rem .5rem;border-radius:8px}.planeta:focus-visible .corpo{outline:2px solid var(--color-tinta);outline-offset:2px}.ponto{width:12px;height:12px;border-radius:50%;background:var(--color-tinta);box-shadow:0 0 12px rgb(233 230 223/.5)}.planeta:focus-visible .ponto,.planeta:hover .ponto{scale:1.5}.nome{font-size:1.05rem;line-height:1.15;text-align:center;width:max-content;max-width:6.5em;text-shadow:0 0 8px var(--color-ceu),0 0 2px var(--color-ceu)}.fio{top:max(1.5rem,5svh);font-style:italic;font-size:clamp(1.15rem,2.4vw,1.6rem)}.fio,.tagline{position:absolute;left:1rem;right:1rem;text-align:center}.tagline{bottom:max(3.5rem,9svh);font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:500;letter-spacing:-.01em}.dica{position:absolute;bottom:max(1.25rem,4svh);left:0;right:0;text-align:center;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.8rem;color:var(--color-nevoa);letter-spacing:.05em;display:none}@media (max-width:480px){.palco{--fig:54vw;--r1:calc(var(--fig) * 0.62);--r2:calc(var(--fig) * 0.71)}.nome{font-size:.95rem;max-width:5em}}@media (prefers-reduced-motion:no-preference){.anel{animation:girar 150s linear infinite}.corpo{animation:girar 150s linear infinite reverse}.ponto{transition:scale .3s}@supports (animation-timeline:view()){.palco{height:300vh;view-timeline:--abre block}.dica{display:block}@media (max-width:480px){.palco{height:260vh}}.tampa{animation:abrir linear both;animation-timeline:--abre;animation-range:contain 4% contain 38%}.anel{animation-name:girar,surgir;animation-duration:150s,auto;animation-timing-function:linear,ease-out;animation-iteration-count:infinite,1;animation-fill-mode:none,both;animation-timeline:auto,--abre;animation-range:normal,contain 26% contain 58%}.anel:has(.planeta:focus-visible){opacity:1!important;scale:1!important}.fio{animation:surgir linear both;animation-timeline:--abre;animation-range:contain 40% contain 62%}.dica,.tagline{animation:sumir linear both;animation-timeline:--abre;animation-range:contain 2% contain 24%}}}@keyframes girar{to{rotate:1turn}}@keyframes abrir{0%{transform:translate(0) rotate(0deg)}to{transform:translate(5%,-18%) rotate(-10deg)}}@keyframes surgir{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}@keyframes sumir{to{opacity:0}}