.zodiac-open{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;border:0;background:transparent!important;padding:0;border-radius:50%;cursor:zoom-in}.figure-target{width:82px;height:82px}.glyph-target{width:30px;height:30px}.zodiac-open:hover,.zodiac-open:focus-visible{outline:1px solid #efd293;box-shadow:0 0 16px #efcf8855}
.zodiac-viewer{position:fixed;inset:0;margin:auto;width:max-content;max-width:94vw;max-height:94dvh;padding:18px 22px;border:1px solid #d5b26b80;border-radius:15px;background:#111b2bf5;color:#efd293;box-shadow:0 25px 100px #000b;overflow:auto;text-align:center}.zodiac-viewer::backdrop{background:#020611cf;backdrop-filter:blur(8px)}.zodiac-viewer h2{margin:0 40px 14px;font-size:30px}.zodiac-close{position:absolute;right:12px;top:8px;width:36px;height:36px;font-size:29px;border:0;color:#efd293}.zodiac-art{position:relative;width:fit-content;margin:auto;overflow:hidden;border-radius:7px}.zodiac-art img{display:block;max-width:85vw;max-height:73dvh;width:auto;height:auto;object-fit:contain}.zodiac-motion{margin-top:13px;padding:8px 15px;color:#dfc894;font-size:12px}.zodiac-effects{position:absolute;inset:0;pointer-events:none;overflow:hidden}.zodiac-effects i{position:absolute;left:var(--x);top:-8%;width:var(--size);height:var(--size);opacity:0;animation:sign-fall var(--duration) linear var(--delay) infinite;background:#fff;border-radius:50%;box-shadow:0 0 7px currentColor;color:#fff}
.petal i{background:#f5b7d3;color:#ffc7df;border-radius:80% 10% 70% 20%;width:calc(var(--size)*1.4)}.leaf i{background:#aabe60;color:#cfc267;border-radius:0 80% 0 80%;width:calc(var(--size)*1.6);height:calc(var(--size)*.8)}.snow i{background:#eefaff;color:#dbf5ff;box-shadow:0 0 6px #e1f6ff}
.water i{top:auto;bottom:-8%;background:#a2eaff22;border:1px solid #b4f5ffbb;color:#85dcff;animation-name:sign-rise;width:calc(var(--size)*1.5);height:calc(var(--size)*1.5)}.water i:nth-child(3n){border-radius:70% 15% 60% 50%;background:#aeefff66}
.air i{left:-25%;top:var(--x);width:80px;height:14px;background:none;border-top:1px solid #e1f7ff9c;border-radius:50%;box-shadow:0 -2px 6px #bae8ff40;animation-name:sign-wind}
.fire i,.ember i{top:auto;bottom:-10%;animation-name:sign-rise;background:#ffc35b;color:#ff8b26;box-shadow:0 0 10px #ffae36,0 0 20px #f54a1855}.fire i{width:calc(var(--size)*1.6);height:calc(var(--size)*3);border-radius:80% 10% 65% 40%;background:linear-gradient(#ffdb8199,#fa702866,transparent)}.ember i{width:3px;height:calc(var(--size)*1.2)}
.sun{background:repeating-conic-gradient(from 0deg at 50% 38%,transparent 0deg 16deg,#ffd56920 19deg,transparent 24deg 30deg);animation:sun-breathe 6s ease-in-out infinite}.sun i{background:#ffe6a0;color:#ffd15a;animation-name:sign-rise}
@keyframes sign-fall{0%{opacity:0;transform:translate(0,-15px) rotate(0)}15%{opacity:.75}80%{opacity:.55}100%{opacity:0;transform:translate(var(--drift),80vh) rotate(240deg)}}
@keyframes sign-rise{0%{opacity:0;transform:translate(0,0) scale(.5)}20%{opacity:.7}85%{opacity:.4}100%{opacity:0;transform:translate(var(--drift),-80vh) scale(1.1)}}
@keyframes sign-wind{0%{opacity:0;transform:translateX(0)}25%{opacity:.5}75%{opacity:.5}100%{opacity:0;transform:translateX(100vw)}}
@keyframes sun-breathe{0%,100%{opacity:.3}50%{opacity:.8}}
.paused .zodiac-effects,.paused .zodiac-effects i{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.zodiac-effects,.zodiac-effects i{animation:none!important}.zodiac-motion{display:none}}

.zodiac-art img{height:min(73dvh,760px);width:auto}