.uma-catalog-cover {
  position: relative;
  background: linear-gradient(145deg, #f2d7e5, #d9c8f2);
}

.uma-catalog-portraits {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: end;
  justify-content: center;
}

.real-cover .uma-catalog-portraits img {
  position: relative;
  width: 34%;
  max-width: none;
  height: 82%;
  object-fit: contain;
  border-radius: 0;
  box-shadow: none;
  filter: drop-shadow(0 8px 8px rgba(54, 35, 52, .14));
}

.real-cover .uma-catalog-portraits img:nth-child(2) {
  z-index: 1;
  height: 94%;
  margin-inline: -8%;
}

.uma-catalog-card:hover .uma-catalog-portraits img:nth-child(2) {
  transform: translateY(-3px);
}

.catalog-cover { height: 142px; }
.real-cover img { height: 120px; }
.catalog-info { padding: 13px; }
.catalog-info h3 {
  min-height: 33px;
  margin: 5px 0 10px;
  font-size: 13px;
}
.catalog-info small { font-size: 7px; }
.catalog-info > span { font-size: 8px; }
.type-cover b { font-size: 20px; }
.type-cover span { font-size: 7px; }

.marvel-rivals-type { background: #e99a91; }
.zzz-type { background: #d9df70; }
.brawl-type { background: #efb26f; }
.smash-type { background: #9cb3d3; }
.deltarune-type { background: #b6b7e4; }
.limbus-type { background: #beb6ad; }

@media (min-width: 1200px) {
  .catalog-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}

@media (min-width: 1051px) and (max-width: 1199px) {
  .catalog-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

@media (min-width: 851px) and (max-width: 1050px) {
  .catalog-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (min-width: 621px) and (max-width: 850px) {
  .catalog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
  .catalog-cover { height: 155px; }
  .real-cover img { height: 132px; }
}