/* Faceted pastel diamond stars shared by character details and recruit cards. */
.crystal-star{position:relative;display:inline-flex;flex:0 1 auto;width:var(--crystal-size,26px);height:var(--crystal-size,26px);vertical-align:middle;isolation:isolate;filter:drop-shadow(0 1px 2px #020818b3)}
.crystal-star svg{display:block;width:100%;height:100%;overflow:visible}
.crystal-outline{fill:#102039;stroke:#8eabc3;stroke-width:3;stroke-linejoin:round}
.crystal-facets,.crystal-glint{opacity:0}
.is-lit>.crystal-star,.crystal-star.is-lit{filter:drop-shadow(0 0 4px #b7edff80) drop-shadow(0 0 9px #d3aaff45)}
.crystal-star.is-lit .crystal-outline{fill:#e5f7ff;stroke:#f1faff;stroke-width:2}
.crystal-star.is-lit .crystal-facets{opacity:1}
.crystal-facet.f0{fill:#faffff}.crystal-facet.f1{fill:#97e6ff}.crystal-facet.f2{fill:#c8b4ff}.crystal-facet.f3{fill:#fbcced}.crystal-facet.f4{fill:#adf4e6}.crystal-facet.f5{fill:#f8efd0}.crystal-facet.f6{fill:#e9baff}.crystal-facet.f7{fill:#9abfff}.crystal-facet.f8{fill:#cafff5}.crystal-facet.f9{fill:#fff8e6}
.crystal-star.is-lit .crystal-glint{fill:none;stroke:#fff;stroke-width:1.4;opacity:.65}
.crystal-star.is-lit:after{content:"";position:absolute;top:3%;right:10%;width:32%;height:32%;background:#fff;clip-path:polygon(50% 0,60% 39%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);filter:drop-shadow(0 0 3px #fff);animation:crystal-shimmer 4.8s ease-in-out infinite;pointer-events:none}
.crystal-star:nth-child(2n):after{animation-delay:1.1s}.crystal-star:nth-child(3n):after{animation-delay:2.3s}
@keyframes crystal-shimmer{0%,64%,100%{opacity:.15;transform:scale(.5) rotate(0)}78%{opacity:.95;transform:scale(1.15) rotate(80deg)}90%{opacity:.35;transform:scale(.7) rotate(90deg)}}
.st.constellation-track{display:flex;justify-content:center;gap:7px;position:relative;margin-bottom:5px;line-height:1}
.card .st.constellation-track .crystal-star{display:inline-flex;width:18%;max-width:30px;height:auto;aspect-ratio:1;opacity:1!important;transform:none;text-shadow:none;animation:none}
.st.constellation-track.anim .crystal-star.is-new:not(.on) .crystal-facets,.st.constellation-track.anim .crystal-star.is-new:not(.on) .crystal-glint{opacity:0}
.st.constellation-track.anim .crystal-star.is-new:not(.on) .crystal-outline{fill:#102039;stroke:#8eabc3}
.st.constellation-track.anim .crystal-star.is-new:not(.on):after{opacity:0;animation:none}
.st.constellation-track.anim .crystal-star.is-new.on,.mi.flipped .constellation-track .crystal-star.is-new{animation:crystal-awaken .78s cubic-bezier(.16,.8,.25,1) both}
.mi.flipped .constellation-track .crystal-star.is-new{animation-delay:.25s}
.constellation-caption{margin:4px 0 8px;font-size:12px;line-height:1.5;letter-spacing:1px;color:#d7eeff;text-shadow:0 1px 5px #030a20}
.mi .constellation-caption{font-size:clamp(7px,1.8vw,10px);letter-spacing:0;margin:2px 0 4px}
.mi .constellation-track{gap:3px;margin-bottom:2px}
@keyframes crystal-awaken{0%{transform:translateY(-12px) scale(.45);filter:brightness(2.5) drop-shadow(0 0 16px #fff);opacity:.3}48%{transform:translateY(0) scale(1.38);filter:brightness(1.8) drop-shadow(0 0 13px #acf5ff);opacity:1}72%{transform:scale(.92)}100%{transform:scale(1);filter:brightness(1) drop-shadow(0 0 5px #c7dfff)}}
@media(prefers-reduced-motion:reduce){.crystal-star.is-lit:after,.st.constellation-track.anim .crystal-star.is-new.on,.mi.flipped .constellation-track .crystal-star.is-new{animation:none!important}.st.constellation-track.anim .crystal-star.is-new .crystal-facets{opacity:1!important}.st.constellation-track.anim .crystal-star.is-new .crystal-outline{fill:#e5f7ff;stroke:#f1faff}}
[data-ui-effects="low"] .crystal-star:after,[data-ui-effects="low"] .st.constellation-track .crystal-star{animation:none!important}