.card-grid.wheel{display:flex;gap:14px;overflow-x:auto;padding:24px 14px 34px;perspective:1200px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--cyan) transparent;position:relative;margin-top:38px}.card-grid.wheel .card-tile{flex:0 0 clamp(175px,22vw,240px);scroll-snap-align:center;transform:rotateY(16deg) translateY(0) scale(.9);transform-origin:center;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .7s ease,box-shadow .7s ease;filter:saturate(.78) brightness(.76);animation:softFloat 6s ease-in-out infinite}.card-grid.wheel .card-tile:nth-child(even){transform:rotateY(-16deg) translateY(8px) scale(.9);animation-delay:-2s}.card-grid.wheel .card-tile:hover,.card-grid.wheel .card-tile.wheel-selected{transform:rotateY(0) translateY(-10px) scale(1.02);filter:none;box-shadow:0 18px 42px #020208aa,0 0 24px #60e4d126;z-index:2}.card-grid.wheel .card-art{height:155px}.card-grid.wheel .card-tile.wheel-flip{animation:wheelCardFlip 1.35s cubic-bezier(.16,.8,.25,1)}.card-hover-info{position:absolute;left:8%;right:8%;top:10px;padding:9px;background:#08131deF;border:1px solid #9781ff;box-shadow:0 0 18px #9781ff44;z-index:4;animation:scanReveal .2s ease-out}.card-hover-info span{display:block;color:var(--cyan);font-size:7px;letter-spacing:.14em;font-weight:800}.card-hover-info strong{display:block;color:var(--text);font-size:11px;margin:3px 0}.card-hover-info small{display:block;color:#d9d7df;font-size:8px;line-height:1.35}.card-scan-callout{position:absolute;left:8%;right:8%;bottom:10px;padding:8px 9px;background:#08131dcc;border:1px solid var(--cyan);box-shadow:0 0 18px #60e4d155;animation:scanReveal .35s ease-out;z-index:3}.card-scan-callout span{display:block;color:var(--cyan);font-size:7px;letter-spacing:.14em;font-weight:800}.card-scan-callout strong{display:block;color:var(--text);font-size:11px;margin:3px 0}.card-scan-callout small{display:block;color:#d9d7df;font-size:8px;line-height:1.25}@keyframes softFloat{0%,100%{margin-top:0}50%{margin-top:-7px}}@keyframes wheelCardFlip{0%{transform:rotateY(0) scale(1.02)}45%{transform:rotateY(720deg) scale(1.05)}100%{transform:rotateY(1080deg) scale(1.02)}}@keyframes scanReveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:560px){.card-grid.wheel .card-tile{flex-basis:205px}.card-grid.wheel .card-art{height:140px}}