.game-card-maedn .game-card-art {
  --preview-center: 50%;
  position: relative;
  display: grid;
  min-height: 190px;
  place-items: center;
  background:
    linear-gradient(145deg, rgb(255 255 255 / 70%), transparent 55%),
    var(--site-primary-light);
}

.game-card-maedn .game-card-art::before,
.game-card-maedn .game-card-art::after {
  position: absolute;
  top: 50%;
  left: var(--preview-center);
  width: min(134px, 62%);
  height: 28px;
  border: 1px solid rgb(20 66 56 / 12%);
  border-radius: 22px;
  background:
    radial-gradient(circle, #fff 0 3px, transparent 4px) 0 50% / 10% 100% repeat-x,
    rgb(255 255 255 / 82%);
  content: "";
  transform: translate(-50%, -50%);
}

.game-card-maedn .game-card-art::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.game-card-maedn .game-card-art > span {
  position: absolute;
  z-index: 1;
  display: grid;
  width: 52px;
  height: 52px;
  grid-template-columns: repeat(2, 1fr);
  place-items: center;
  padding: 8px;
  border: 4px solid rgb(255 255 255 / 78%);
  border-radius: 50%;
  box-shadow: 0 5px 12px rgb(17 24 39 / 16%);
}

.game-card-maedn .game-card-art > span i {
  width: 11px;
  height: 11px;
  border: 2px solid rgb(255 255 255 / 80%);
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 2px 4px rgb(17 24 39 / 22%);
}

.game-card-maedn .game-card-art > span:nth-child(1) { top: 28px; left: calc(var(--preview-center) - 105px); color: #df5148; background: #f6d5d2; }
.game-card-maedn .game-card-art > span:nth-child(2) { top: 28px; left: calc(var(--preview-center) + 53px); color: #e2b640; background: #f8e9b9; }
.game-card-maedn .game-card-art > span:nth-child(3) { bottom: 28px; left: calc(var(--preview-center) + 53px); color: #3b8a68; background: #cce4da; }
.game-card-maedn .game-card-art > span:nth-child(4) { bottom: 28px; left: calc(var(--preview-center) - 105px); color: #477eb7; background: #d4e0ee; }

.game-card-maedn .game-card-art strong {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: var(--preview-center);
  display: grid;
  width: 52px;
  height: 52px;
  grid-template: repeat(3, 1fr) / repeat(3, 1fr);
  place-items: center;
  padding: 10px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 10px 24px rgb(17 24 39 / 16%);
  transform: translate(-50%, -50%) rotate(-5deg);
}

.game-card-maedn .game-card-art strong i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--site-primary-dark);
}

.game-card-maedn .game-card-art strong i:nth-child(1) { grid-area: 1 / 1; }
.game-card-maedn .game-card-art strong i:nth-child(2) { grid-area: 1 / 3; }
.game-card-maedn .game-card-art strong i:nth-child(3) { grid-area: 2 / 1; }
.game-card-maedn .game-card-art strong i:nth-child(4) { grid-area: 2 / 3; }
.game-card-maedn .game-card-art strong i:nth-child(5) { grid-area: 3 / 1; }
.game-card-maedn .game-card-art strong i:nth-child(6) { grid-area: 3 / 3; }

@media (max-width: 600px) {
  .game-card-maedn .game-card-art {
    min-height: 180px;
  }

  .game-card-maedn .game-card-art > span:nth-child(1),
  .game-card-maedn .game-card-art > span:nth-child(2) {
    top: 23px;
  }

  .game-card-maedn .game-card-art > span:nth-child(3),
  .game-card-maedn .game-card-art > span:nth-child(4) {
    bottom: 23px;
  }
}

.game-card-maedn .game-card-art {
  min-height: 210px;
  padding: 12px;
  background:
    radial-gradient(circle at 18% 22%, #ffe04c 0 7px, transparent 8px),
    radial-gradient(circle at 82% 74%, #00c3ff 0 9px, transparent 10px),
    #102e62;
}

.game-card-maedn .game-card-art::before,
.game-card-maedn .game-card-art::after {
  display: none;
}

.game-card-maedn .game-card-art > img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 190px;
  object-fit: contain;
  filter: drop-shadow(0 10px 6px rgb(0 0 0 / 32%));
}