* {
  box-sizing: border-box;
}

.velociraptor {
    border-radius: 8px;
}

.velociraptor:hover {
    background-color: gainsboro;
    cursor: pointer;
}

.delta-grid {
  display: grid;
  gap: 8px;
}

.map-card {
    flex: 1 1 768px;
    min-width: 256px;
}

@media (orientation: portrait) {
    .map-card {
        flex-basis: 256px;
    }
}