.card{background:var(--surface);border:2px solid var(--shadow-px);box-shadow:3px 3px 0 0 var(--shadow-px);display:block;image-rendering:pixelated;overflow:hidden;transition:transform 80ms steps(2),box-shadow 80ms steps(2)}.card:hover{box-shadow:6px 6px 0 0 var(--shadow-px);transform:translate(-3px,-3px)}.card.selected,.card:hover{border-color:var(--primary)}.card.selected{box-shadow:4px 4px 0 0 var(--secondary)}.card-head{background:var(--surface);border-top:1px solid var(--border);color:var(--foreground);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));overflow:hidden;padding:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1)}.card-title p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card .size-full{-o-object-fit:contain;object-fit:contain}