.shelf-stage{perspective:1400px;perspective-origin:50% 45%;overflow:hidden}.shelf-card{transform-style:preserve-3d;will-change:transform, opacity;transition:transform .62s cubic-bezier(.22,.61,.36,1),opacity .42s,filter .42s}.shelf-card[data-focused=true] .shelf-card-art{animation:7s ease-in-out infinite shelf-float}@keyframes shelf-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.shelf-card[data-pinned=true] .shelf-card-art:after{content:"";pointer-events:none;border:1px solid #f973168c;position:absolute;inset:0;box-shadow:0 0 32px -8px #f97316a6}.shelf-card-art{background:#050505;position:relative;overflow:hidden}.shelf-card[data-depth="1"]{filter:saturate(.85)}.shelf-card[data-depth="2"]{filter:saturate(.6)brightness(.8)}.shelf-card[data-depth="3"]{filter:saturate(.4)brightness(.6)}@media (prefers-reduced-motion:reduce){.shelf-card{transition:none}.shelf-card[data-focused=true] .shelf-card-art{animation:none}}.shelf-card[data-depth="4"]{filter:saturate(.3)brightness(.5)}.shelf-card[data-depth="5"]{filter:saturate(.2)brightness(.4)}@media (prefers-reduced-motion:reduce){.shelf-swap{animation:none}}.shelf-scanlines,.shelf-tear,.shelf-chroma{pointer-events:none}.shelf-scanlines{opacity:.3;background:repeating-linear-gradient(#00000038 0 1px,#0000 1px 3px);animation:9s linear infinite shelf-drift}.shelf-scanlines:after{content:"";background:linear-gradient(#0000,#ffffff0d 45%,#ffffff17 50%,#0000);height:22%;animation:5.5s cubic-bezier(.4,0,.6,1) infinite shelf-sweep;position:absolute;inset-inline:0}@keyframes shelf-drift{0%{background-position-y:0}to{background-position-y:3px}}@keyframes shelf-sweep{0%{transform:translateY(-120%)}55%,to{transform:translateY(560%)}}.shelf-tear,.shelf-chroma{opacity:0}.shelf-card[data-focused=true] .shelf-tear{opacity:1;-webkit-backdrop-filter:hue-rotate(12deg);backdrop-filter:hue-rotate(12deg);animation:6.5s step-end infinite shelf-tear-band}.shelf-card[data-focused=true] .shelf-chroma{opacity:1;animation:6.5s step-end infinite shelf-chroma-split}@keyframes shelf-tear-band{0%,71%{clip-path:inset(100% 0 0);transform:none}72%{clip-path:inset(34% 0 58%);transform:translate(-9px)}74%{clip-path:inset(61% 0 31%);transform:translate(7px)}76%{clip-path:inset(18% 0 74%);transform:translate(-4px)}78%,to{clip-path:inset(100% 0 0);transform:none}}@keyframes shelf-chroma-split{0%,71%{box-shadow:none}72%{box-shadow:inset 5px 0 0 -2px #ff00408c,inset -5px 0 0 -2px #00e5ff8c}75%{box-shadow:inset -7px 0 0 -2px #ff004080,inset 7px 0 0 -2px #00e5ff80}78%,to{box-shadow:none}}.shelf-swap{animation:.34s step-end both shelf-channel-change}@keyframes shelf-channel-change{0%{opacity:0;filter:brightness(1.5)saturate(0)contrast(2.2);transform:translateY(6px)scaleY(1.06)skew(-1.2deg)}25%{opacity:.7;filter:brightness(.7)saturate(1.8)hue-rotate(-18deg);transform:translate(-6px)scaleY(.97)skew(1.6deg)}45%{opacity:1;filter:brightness(1.12)saturate(1.3)hue-rotate(9deg);transform:translate(4px)skew(-.7deg)}70%{filter:none;transform:translate(-1px)}to{opacity:1;filter:none;transform:none}}.shelf-list>li{animation:.32s cubic-bezier(.22,.61,.36,1) both shelf-row-in}.shelf-list>li:first-child{animation-delay:0s}.shelf-list>li:nth-child(2){animation-delay:35ms}.shelf-list>li:nth-child(3){animation-delay:70ms}.shelf-list>li:nth-child(4){animation-delay:.105s}.shelf-list>li:nth-child(5){animation-delay:.14s}.shelf-list>li:nth-child(n+6){animation-delay:.175s}@keyframes shelf-row-in{0%{opacity:0;filter:brightness(1.6)saturate(0);transform:translate(-14px)skew(3deg)}55%{opacity:1;filter:none;transform:translate(2px)skew(-.8deg)}to{opacity:1;filter:none;transform:none}}.shelf-list>li>div:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(#ff0040e6,#00e5ffe6);width:2px;transition:opacity .14s;position:absolute;inset-block:0;inset-inline-start:0}.shelf-list>li>div:hover:before{opacity:1;animation:.9s step-end infinite shelf-edge-jitter}@keyframes shelf-edge-jitter{0%,88%{transform:none}90%{transform:translateY(-3px)scaleY(.94)}94%{transform:translateY(2px)scaleY(1.05)}96%,to{transform:none}}@media (prefers-reduced-motion:reduce){.shelf-list>li,.shelf-scanlines,.shelf-scanlines:after,.shelf-card[data-focused=true] .shelf-tear,.shelf-card[data-focused=true] .shelf-chroma,.shelf-list>li>div:hover:before,.shelf-swap{animation:none}.shelf-card[data-focused=true] .shelf-tear{opacity:0}}