/* Gentle decorative motion; all unlocks remain cosmetic. */
.collection-art{display:inline-block;vertical-align:middle;max-width:100%;filter:drop-shadow(0 3px 3px #0005)}
.collection-avatar{border-radius:50%;background:#11151c}.collection-avatar .collection-art{width:100%;height:100%}
.collection-preview{display:grid;place-items:center;min-height:190px;margin:12px auto 18px}
.collection-title{max-width:100%;white-space:normal;text-align:center}
.collection-banner{position:relative;filter:drop-shadow(0 5px 5px #0006)}
.collection-world{background-size:cover!important;background-position:center!important;opacity:.7}
.collection-world-shade{background:linear-gradient(180deg,#080b1233,#080b1255 45%,#080b1288)}
.collection-cute{animation:buddyBreathe 5.5s ease-in-out infinite;transform-origin:50% 85%;will-change:transform}
.collection-cute[data-creature="otter"]{animation-name:otterFloat;animation-duration:7s}
.collection-cute[data-creature="cat"]{animation-name:catPeek;animation-duration:8s}
.collection-cute[data-creature="frog"]{animation-name:frogHop;animation-duration:7s}
.lc-g .collection-art{max-height:68px}.chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
@keyframes buddyBreathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.025)}}
@keyframes otterFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-3px) rotate(2deg)}}
@keyframes catPeek{0%,65%,100%{transform:rotate(0)}75%,85%{transform:rotate(-4deg)}80%,90%{transform:rotate(3deg)}}
@keyframes frogHop{0%,85%,100%{transform:translateY(0)}90%{transform:translateY(-4px)}95%{transform:translateY(0)}}
html[data-lite] .collection-cute,html[data-low] .collection-cute{animation:none!important;will-change:auto}
html.scrolling .collection-cute{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.collection-cute{animation:none!important;transform:none!important;will-change:auto}}