.longbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:3px;background:var(--ink);padding:3px;isolation:isolate}.longbox-card{display:block;position:relative;aspect-ratio:2/3;overflow:visible;text-decoration:none;background:var(--surface);transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease}.longbox-card [style*=object-fit],.longbox-card>img{overflow:hidden}@media (hover:hover){.longbox-card:hover{transform:perspective(600px) rotateY(-6deg) scale(1.09) translateY(-4px);box-shadow:8px 12px 28px rgba(0,0,0,.85);z-index:10}}.longbox-card--key{outline:2px solid var(--yellow);outline-offset:-2px}.longbox-card-foot{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.88) 0,transparent);padding:16px 4px 4px;pointer-events:none}.longbox-card-num{font-family:var(--font-bebas);font-size:.6rem;color:#fff;text-align:center;line-height:1;letter-spacing:.04em}.longbox-card-price{font-family:var(--font-jetbrains);font-size:.5rem;color:var(--yellow);text-align:center;line-height:1;margin-top:2px}.longbox-card-key-badge{top:0;right:0;background:var(--yellow);color:var(--ink);font-size:.48rem;letter-spacing:.08em;padding:2px 4px;line-height:1.2;pointer-events:none}.longbox-card-key-badge,.longbox-card-no-cover{position:absolute;font-family:var(--font-bebas)}.longbox-card-no-cover{inset:0;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--dim);background:hsla(0,0%,100%,.03)}