/* 15.1.37 — Rounds: grilla responsiva por dispositivo, altura legible y
   desplazamiento gobernado exclusivamente por la selección del jugador. */
.roundsModeOverlay .roundsDraftCenter {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  justify-content: initial;
  justify-items: center;
  align-items: stretch;
  gap: 12px;
  overflow: hidden;
  padding: 0 1vw 10px;
  scroll-padding: 0;
  scrollbar-gutter: auto;
}

.roundsModeOverlay .roundsDraftHeading {
  position: relative;
  top: auto;
  z-index: 7;
  align-self: start;
  width: min(820px, 94vw);
  padding: 8px 18px 12px;
  flex: none;
  background: linear-gradient(180deg, rgba(3, 5, 16, .98), rgba(3, 5, 16, .93));
}

.roundsDraftCardViewport15137 {
  width: min(1180px, 95vw);
  min-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  overscroll-behavior: none;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
  pointer-events: auto;
  touch-action: none;
}
.roundsDraftCardViewport15137::-webkit-scrollbar { width: 0; height: 0; display: none; }

.roundsModeOverlay .roundsDraftCards {
  width: 100%;
  max-width: none;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 16px;
  padding: 10px 8px 34px;
  margin: 0;
  overflow: visible;
  scroll-margin: 0;
}
.roundsModeOverlay .roundsDraftCards[data-rounds-columns="1"] { grid-template-columns: minmax(0, 520px); justify-content: center; }
.roundsModeOverlay .roundsDraftCards[data-rounds-columns="2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.roundsModeOverlay .roundsDraftCards[data-rounds-columns="3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.roundsModeOverlay .roundsDraftCard {
  display: grid;
  grid-template-rows: clamp(154px, 23vh, 210px) minmax(min-content, 1fr);
  align-self: start;
  width: 100%;
  height: var(--rounds-card-height, auto);
  min-height: 0;
  overflow: hidden;
  scroll-margin: 0;
  transform: translateY(0);
  outline: 3px solid transparent;
  outline-offset: 3px;
  -webkit-tap-highlight-color: transparent;
  transition: transform .18s ease, opacity .34s ease, filter .18s ease, box-shadow .18s ease, border-color .18s ease, outline-color .18s ease;
}
.roundsModeOverlay .roundsCardArt {
  height: auto;
  min-height: 0;
}
.roundsModeOverlay .roundsCardText {
  min-height: 0;
  overflow: visible;
  overflow-wrap: anywhere;
  word-break: normal;
}
.roundsModeOverlay .roundsCardText strong,
.roundsModeOverlay .roundsCardText p {
  max-width: 100%;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}

.roundsModeOverlay .roundsDraftCard:focus {
  outline-color: transparent;
}
.roundsModeOverlay .roundsDraftCard:focus-visible {
  outline-color: #7dd3fc;
  border-color: #bae6fd;
  box-shadow: 0 0 0 6px rgba(14, 165, 233, .24), 0 22px 58px rgba(0, 0, 0, .42);
}
.roundsModeOverlay .roundsDraftCard.selected,
.roundsModeOverlay .roundsDraftCard.chosen {
  transform: translateY(-4px);
}
.roundsModeOverlay .roundsDraftCard.chosen {
  filter: brightness(1.12) saturate(1.06);
  border-color: #fde68a;
  box-shadow: 0 0 0 4px rgba(250, 204, 21, .20), 0 22px 58px rgba(0, 0, 0, .42);
}
.roundsModeOverlay .roundsDraftInputLocked15123 .roundsDraftCard.selected {
  transform: translateY(0) scale(.985);
}

.roundsModeOverlay .roundsDraftTimer {
  align-self: end;
  flex: none;
  margin: 0 auto 2px;
}

@media (max-height: 899px), (max-width: 899px) {
  .roundsModeOverlay .roundsDraftCenter {
    inset: 88px 3vw 12px;
    gap: 8px;
  }
  .roundsModeOverlay .roundsDraftHeading {
    width: min(780px, 96vw);
    padding: 6px 14px 9px;
  }
  .roundsModeOverlay .roundsDraftHeading strong {
    font-size: clamp(1.35rem, 2.7vw, 2.2rem);
  }
  .roundsModeOverlay .roundsDraftCards {
    gap: 14px;
    padding: 8px 7px 28px;
  }
  .roundsModeOverlay .roundsDraftCard {
    grid-template-rows: clamp(145px, 22vh, 184px) minmax(min-content, 1fr);
    border-radius: 20px;
  }
  .roundsModeOverlay .roundsCardText {
    padding: 14px 16px 17px;
  }
}