/* Styles owned by the battle-area section. */
.battle-area-grid {
  display: grid;
  gap: var(--zone-card-gap);
  grid-template-columns: repeat(3, var(--zone-card-width));
  justify-content: center;
  align-items: start;
}

.battle-area-card {
  grid-template-rows: auto 1fr auto;
}

@media (max-width: 1150px) {
.battle-area-grid {
    grid-template-columns: repeat(2, var(--zone-card-width));
  }

}

@media (max-width: 680px) {
.battle-area-grid {
    grid-template-columns: minmax(0, min(var(--pokemon-card-width), 100%));
    justify-content: center;
  }

}