.atlas-material-card.atlas-material-celebrating{position:relative;z-index:3;animation:atlas-material-collected 1100ms ease-out both;border-color:#f9d78a!important}
.atlas-collection-fx{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:4}.atlas-collection-burst{position:absolute;left:32%;top:38%;width:1px;height:1px;--burst-delay:0ms;--spark-color:#ffe19b}.atlas-collection-burst-1{left:70%;top:31%;--burst-delay:140ms;--spark-color:#a1efd3}.atlas-collection-spark{position:absolute;left:0;top:0;width:5px;height:8px;border-radius:1px;background:var(--spark-color);box-shadow:0 0 6px var(--spark-color);opacity:0;animation:atlas-collection-spark 620ms cubic-bezier(.15,.65,.3,1) var(--burst-delay) both}.atlas-collection-spark:nth-child(3n){width:7px;height:7px;clip-path:polygon(50% 0,63% 36%,100% 50%,63% 63%,50% 100%,36% 63%,0 50%,36% 36%);background:#ffc087}.atlas-collection-seal{position:absolute;right:8px;top:8px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid #ffe3a0;background:#375a46;color:#ffe3a0;font-size:13px;font-weight:700;box-shadow:0 0 12px #d4f2b455;animation:atlas-collection-seal 850ms ease-out both}
@keyframes atlas-material-collected{0%{opacity:1;box-shadow:0 0 0 0 #ffd67b00}22%{opacity:1;box-shadow:0 0 20px 3px #ffd67b5c,inset 0 0 14px #ffe3a033}64%{opacity:1;box-shadow:0 0 10px 1px #ffd67b30}100%{opacity:0;box-shadow:0 0 0 0 #ffd67b00}}
@keyframes atlas-collection-spark{0%{opacity:0;transform:translate(0,0) rotate(var(--spark-turn)) scale(.3)}12%{opacity:1}62%{opacity:1}100%{opacity:0;transform:translate(var(--spark-x),var(--spark-y)) rotate(var(--spark-turn)) scale(.55)}}
@keyframes atlas-collection-seal{0%{opacity:0;transform:scale(.5)}25%{opacity:1;transform:scale(1.08)}45%,100%{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.atlas-material-celebrating{animation:none!important;opacity:1}.atlas-collection-fx{display:none}.atlas-collection-spark,.atlas-collection-seal{animation:none!important}}