:root{--jin-size:55px;--jin-hue:214;--jin-glow:hsl(var(--jin-hue) 95% 60%/0.55);--jin-glow2:hsl(var(--jin-hue) 95% 60%/0.25)}.stage{height:100%;display:grid;place-items:center}.jin{position:relative;width:var(--jin-size);height:var(--jin-size);display:inline-grid;place-items:center;isolation:isolate;cursor:pointer;filter:drop-shadow(0 2px 6px rgb(0 0 0/.15))}.jin:after,.jin:before{content:"";position:absolute;inset:-18%;border-radius:50%;z-index:-1;pointer-events:none}.jin:before{background:radial-gradient(60% 60% at 50% 58%,var(--jin-glow) 0,transparent 65%);filter:blur(10px);animation:jin-pulse 1.8s ease-in-out infinite}.jin:after{background:radial-gradient(70% 70% at 50% 58%,var(--jin-glow2) 0,transparent 75%);filter:blur(14px);animation:jin-pulse 3.6s ease-in-out infinite reverse}.jin svg{width:100%;height:100%;transform-origin:50% 65%;animation:jin-breathe 3.6s ease-in-out infinite,jin-float 7s ease-in-out infinite}.jin:hover svg{transform:scale(1.06) translateY(-1px)}.jin:active svg{transform:scale(.98)}@keyframes jin-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes jin-float{0%,to{translate:0 0}50%{translate:0 -2px}}@keyframes jin-pulse{0%,to{opacity:.55}50%{opacity:.9}}@media (prefers-reduced-motion:reduce){.jin svg,.jin:after,.jin:before{animation:none!important}}