/* Fill archive image viewports without changing the saved scene or animal. */
.archive-card-art.has-stored-scene>svg,
.archive-card-art.has-reference-scene>svg {
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  overflow:hidden;
}

/* Preview badges have their own row between the cause and View life button. */
.home-archive-card,.record-card {
  grid-row:span 9;
}
.home-archive-card .is-preview>.archive-card-earned-compact,
.record-card .is-preview>.archive-card-earned-compact {
  grid-row:6;
  width:100%;
  min-width:0;
  align-self:start;
}
.home-archive-card:has(.record-memory-action) .is-preview>.archive-card-earned-compact {
  width:calc(100% - 50px);
}
.record-card:has(.record-memory-action) .is-preview>.archive-card-earned-compact {
  width:calc(100% - 48px);
}
@media(max-width:699px) {
  .home-archive-card:has(.record-memory-action) .is-preview>.archive-card-earned-compact {
    width:calc(100% - 48px);
  }
}
.home-archive-card .record-card-actions,.record-card .record-card-actions {
  grid-row:7;
}
.record-card>.record-meta {
  grid-row:8;
}
.home-archive-card>.record-remember-status,.record-card>.record-remember-status {
  grid-row:9;
}
.archive-card-earned-compact>.story049-earned {
  margin:0;
  gap:4px;
}
.archive-card-earned-compact .story049-badge {
  min-width:0;
  max-width:100%;
  align-items:flex-start;
  gap:4px;
  padding:2px 0;
}
.archive-card-earned-compact .story049-badge svg {
  width:18px;
  height:18px;
}
.archive-card-earned-compact .story049-badge>span {
  min-width:0;
}
.archive-card-earned-compact .story049-badge strong {
  font-size:12px;
  line-height:1.35;
  letter-spacing:0;
  white-space:normal;
  word-break:keep-all;
  overflow-wrap:break-word;
}