.tape-card{background:var(--color-surface);border:2px solid var(--color-border);box-shadow:5px 5px 0 var(--color-border);border-radius:14px;flex-direction:column;padding-bottom:30px;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.tape-card:hover,.tape-card:focus-visible{box-shadow:7px 7px 0 var(--color-border);transform:translate(-2px,-2px)}.tape-cover{border-bottom:2px solid var(--color-border);background:var(--color-surface-2)}.tape-cover img{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto;display:block}.tape-body{flex-direction:column;gap:12px;padding:14px 18px 0;display:flex}.tape-card-top{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--color-text-muted);justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.tape-dot{background:var(--accent,var(--color-orange));border:1.5px solid var(--color-border);border-radius:50%;width:11px;height:11px}.tape-title{letter-spacing:-.01em;font-size:1.25rem;font-weight:800}.tape-tags{flex-wrap:wrap;gap:7px;list-style:none;display:flex}.tape-tags li{font-family:var(--font-secondary);text-transform:uppercase;letter-spacing:.05em;background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.tape-card-stripe{border-top:2px solid var(--color-border);height:9px;position:absolute;inset:auto 0 0}