/* 102: one catalog image source, fantasy stages and readable table previews. */
#shopItems .inspect-preview{background:#10233a;border:1px solid var(--equipment-accent,#a9c9df);box-shadow:inset 0 0 20px #0004,0 5px 14px #0004;border-radius:14px;isolation:isolate}
#shopItems img.mini-live100{height:190px;width:100%;padding:0;object-fit:cover!important;border-radius:12px;filter:drop-shadow(0 5px 5px #0005)}
#shopItems .table-item img.mini-live100{height:185px;padding:0;object-fit:cover!important;border-radius:12px!important;animation-name:table-breathe102}
#shopItems .inspect-preview::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,#fff2 47%,transparent 67%);background-size:250% 100%;animation:lodge-light102 7s ease-in-out infinite;opacity:.5}
.shop-item[data-bicolor101=true] .item-label:after{content:' · BICOLORE';color:#f5d38a}
@keyframes table-breathe102{0%,100%{transform:scale(1.01) translateY(0)}50%{transform:scale(1.045) translateY(-2px)}}
@keyframes lodge-light102{0%,100%{background-position:100% 0}50%{background-position:0 0}}
body[data-quality=low] .inspect-preview::after{animation:none}
@media(prefers-reduced-motion:reduce){#shopItems .inspect-preview::after{animation:none}img.mini-live100{animation:none!important;transform:none!important}}

#shopItems .table-item{grid-column:1/-1}
#shopItems .table-item img.mini-live100{height:auto;aspect-ratio:4/3;object-fit:contain!important}

/* 103: only visible, idle cards animate; shimmer uses composited transforms. */
#shopItems .shop-item{content-visibility:auto;contain-intrinsic-size:auto 490px}
#shopItems .table-item{contain-intrinsic-size:auto 520px}
#shopItems .table-item img.mini-live100{filter:none;backface-visibility:hidden}
#shopItems .inspect-preview::after{background-size:100% 100%;animation:lodge-glide103 7s ease-in-out infinite;animation-play-state:paused;transform:translateX(-110%)}
#shopItems .inspect-preview.mini-effects103::after{animation-play-state:running}
@keyframes lodge-glide103{0%,15%{transform:translateX(-110%)}75%,100%{transform:translateX(110%)}}
@media(prefers-reduced-motion:reduce){#shopItems .inspect-preview::after{animation:none!important}}