.city-reveal{position:absolute;z-index:8;pointer-events:none;opacity:0;visibility:hidden;transform:translate(-50%,-51%) scale(.25);transform-origin:50% 75%;transition:transform .55s cubic-bezier(.18,.85,.25,1.15),opacity .28s ease,visibility .55s;isolation:isolate;max-width:540px}.city-reveal:before{content:"";position:absolute;inset:-12% -8%;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--glow) 45%,transparent),transparent 66%);filter:blur(15px);z-index:-1}.city-reveal:after{content:"";position:absolute;left:14%;right:14%;bottom:4%;height:12%;border:1px solid color-mix(in srgb,var(--glow) 65%,transparent);border-radius:50%;box-shadow:0 0 25px color-mix(in srgb,var(--glow) 50%,transparent),inset 0 0 18px color-mix(in srgb,var(--glow) 35%,transparent);z-index:-1}.city-reveal img{display:block;width:100%;height:auto;filter:drop-shadow(0 14px 15px #000c) drop-shadow(0 0 12px color-mix(in srgb,var(--glow) 35%,transparent))}.city-reveal[data-reveal="espadas"]{left:66%;top:25%;width:60%;--glow:#76cfff}.city-reveal[data-reveal="dragao"]{left:66%;top:60%;width:64%;--glow:#ff8c69}.city-reveal[data-reveal="plumas"]{left:39%;top:76%;width:65%;--glow:#abec6b}
.map:has(#espadas.raised) [data-reveal="espadas"],.map:has(#dragao.raised) [data-reveal="dragao"],.map:has(#plumas.raised) [data-reveal="plumas"]{opacity:1;visibility:visible;transform:translate(-50%,-51%) scale(1)}
@media(max-width:760px){.city-reveal{max-width:none}.city-reveal[data-reveal="espadas"]{left:62%;top:30%;width:74%}.city-reveal[data-reveal="dragao"]{left:60%;top:58%;width:77%}.city-reveal[data-reveal="plumas"]{left:42%;top:76%;width:76%}}
@media(prefers-reduced-motion:reduce){.city-reveal{transition:opacity .15s;transform:translate(-50%,-51%) scale(1)}}