.swipe-visual {
  min-height: 0;
  aspect-ratio: 16 / 9;
  background: #070707;
}

.swipe-visual img {
  position: static;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.swipe-stat {
  border-left-color: var(--blue);
}

.trap-visual {
  min-height: 0;
  aspect-ratio: 3 / 2;
  background: #070707;
}

.trap-visual img {
  position: static;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.blade-visual {
  min-height: 0;
  aspect-ratio: 3 / 2;
  background: #070707;
}

.blade-visual img {
  position: static;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.blade-stat {
  border-left-color: var(--pink);
}

@media (max-width: 620px) {
  .swipe-visual {
    min-height: 0;
  }

  .trap-visual {
    min-height: 0;
  }

  .blade-visual {
    min-height: 0;
  }

  .swipe-stat {
    right: 10px;
    bottom: 10px;
    min-width: 0;
    padding: 12px;
  }
}