/* Defensive diamond: 3B → SS → 2B → 1B. The four cards have independent lanes. */
.pos-SS { left: calc(50% - 150px); top: 46%; }
.pos-2B { right: auto; left: calc(50% + 64px); top: 46%; }
.pos-3B { left: calc(50% - 260px); top: 61%; }
.pos-1B { right: auto; left: calc(50% + 174px); top: 61%; }
.pos-P { top: 56%; }
.pos-C { top: 78%; }

@media (max-width: 650px) {
  .pos-SS { left: calc(50% - 112px); top: 46%; }
  .pos-2B { left: calc(50% + 47px); top: 46%; }
  .pos-3B { left: calc(50% - 194px); top: 61%; }
  .pos-1B { left: calc(50% + 127px); top: 61%; }
}