/* Scroll the call sheet; never compress its cards below their content. */
.play-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-rows: max-content;
  align-content: start;
  align-items: stretch;
  gap: 8px;
}
.play-option,
.play-option.selected {
  flex: 0 0 auto;
  width: 100%;
  min-width: 0;
  height: auto;
  min-height: 104px;
  grid-template-columns: minmax(0, 1fr) 83px;
  align-items: center;
  gap: 10px;
  padding: 12px;
  border-width: 1px;
}
.play-option > div {
  display: grid;
  gap: 4px;
  min-width: 0;
  overflow-wrap: anywhere;
}
.play-option .type-label,
.play-option strong,
.play-option small {
  display: block;
  margin: 0;
  padding: 0;
  white-space: normal;
  line-height: 1.25;
}
.play-option .type-label,
.play-option small { font-size: 16px; }
.play-option strong { font-size: 20px; }
.play-option .mini-play {
  position: static;
  inset: auto;
  width: 83px;
  height: 50px;
  max-width: 100%;
  justify-self: end;
  align-self: center;
  opacity: 1;
}
@media (min-width: 701px) and (max-width: 900px) {
  .play-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}