.game-card--conurbano {
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 1.45fr) minmax(320px, .75fr);
  grid-template-rows: auto minmax(430px, 48vw);
}

.game-card--conurbano .card-index { grid-column: 1 / -1; }
.game-card--conurbano .card-art {
  min-height: 430px;
  border-right: 3px solid var(--ink);
  border-bottom: 0;
  background: #dcd4ff;
}
.game-card--conurbano .card-art img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.78) contrast(1.05);
}
.game-card--conurbano .card-art::after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(115deg, rgba(49,34,95,.08), transparent 48%, rgba(47,97,216,.36));
}
.game-card--conurbano .card-art > strong {
  position: absolute;
  left: 5%;
  bottom: 7%;
  z-index: 3;
  max-width: 85%;
  color: var(--panel);
  font-size: clamp(2.7rem, 5vw, 6rem);
  line-height: .74;
  letter-spacing: -.075em;
  text-shadow: 6px 6px 0 var(--violet);
  -webkit-text-stroke: 2px var(--ink);
}
.conurbano-file {
  position: absolute;
  z-index: 3;
  top: 6%;
  right: 5%;
  padding: 9px 12px;
  border: 3px solid var(--ink);
  color: var(--panel);
  background: var(--blue);
  box-shadow: 5px 5px 0 var(--lilac);
  font-size: .65rem;
  font-weight: 1000;
  line-height: 1.05;
  transform: rotate(3deg);
}
.game-card--conurbano .play-button { background: var(--violet); }

.game-card--castle .card-art {
  background:
    radial-gradient(circle at 70% 19%, #d9e9ff 0 8%, transparent 8.4%),
    linear-gradient(180deg, #718bc9 0 45%, #465991 45% 62%, #2b1d58 62%);
}
.castle-moon {
  position: absolute;
  top: 12%;
  right: 13%;
  width: 92px;
  height: 92px;
  border: 3px solid var(--ink);
  border-radius: 50%;
  background: #edf7ff;
  box-shadow: 7px 7px 0 #b4ccff;
}
.castle-tower {
  position: absolute;
  bottom: 0;
  width: 32%;
  height: 68%;
  border: 3px solid var(--ink);
  background: repeating-linear-gradient(0deg, #40346e 0 20px, #2f2557 20px 23px);
}
.castle-tower::before {
  position: absolute;
  top: -34px;
  left: -11px;
  width: calc(100% + 16px);
  height: 48px;
  border: 3px solid var(--ink);
  background: #7f5bc1;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  content: "";
}
.castle-tower--left { left: 11%; }
.castle-tower--right { right: 10%; height: 79%; }
.castle-door {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 2;
  display: grid;
  width: 90px;
  height: 118px;
  border: 3px solid var(--ink);
  border-radius: 48px 48px 0 0;
  color: #e4f6ff;
  background: #1a1642;
  place-items: center;
  transform: translateX(-50%);
  box-shadow: inset 0 0 0 8px #463783;
  font-size: 2.4rem;
}
.game-card--castle .card-art > strong {
  position: absolute;
  top: 11%;
  left: 7%;
  z-index: 3;
  color: var(--panel);
  font-size: clamp(2.5rem, 5vw, 5.4rem);
  line-height: .75;
  letter-spacing: -.07em;
  text-shadow: 5px 5px 0 #ddccff;
  -webkit-text-stroke: 2px var(--ink);
}
.game-card--castle .play-button { background: #a8e6ff; }

@media (max-width: 760px) {
  .game-card--conurbano {
    grid-column: auto;
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(285px, 76vw) auto;
  }
  .game-card--conurbano .card-index { grid-column: auto; }
  .game-card--conurbano .card-art {
    min-height: 285px;
    border-right: 0;
    border-bottom: 3px solid var(--ink);
  }
  .game-card--conurbano .card-art > strong {
    font-size: clamp(2.2rem, 10.2vw, 3.2rem);
  }
}

.patio-link{display:block;text-decoration:none;color:#45327b;font-size:.67rem;font-weight:900;letter-spacing:.08em;text-align:right}.patio-link strong{font-size:.74rem}@media(max-width:620px){.patio-link{display:none}}