/* Basketball's builder (/basketball): broadcast.css does the work (the header, the controls column, the court, the
   picker, the player cards); this is the little that differs, as baseball.css does for baseball. */

/* Choose a Pokémon (a row of its own above Save image), then a glowing spot: the call takes the description's place,
   and every spot glows (broadcast.css .hotspot.open-slot) */
.place-call { display: flex; align-items: center; gap: 12px; margin-top: -2px; margin-bottom: 12px; }
/* (the challenges' call to place a pick, broadcast.css .callout, in the builder's own words) */
.place-text {
  flex: 1;
  min-width: 0;
  margin: 0;
  padding: 10px 12px;
  border: 1px dashed rgba(242, 194, 48, 0.6);
  border-radius: 6px;
  font-family: var(--rc);
  font-size: 16px;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
  color: var(--gold);
}
.place-text b { color: var(--text); }
.place-call .text-btn { flex: none; margin: 0; }
@media (min-width: 1000px) and (min-height: 560px) {
  .place-call { margin: 0 0 12px; }
}
/* Short windows: the call a little tighter, so the column still fits with it (measured 560–1080px tall) */
@media (min-width: 1000px) and (min-height: 560px) and (max-height: 699px) {
  .place-call { margin-bottom: 6px; }
  .place-text { padding: 7px 10px; font-size: 15px; }
}
/* the court's floor is pixel art: shown at whole pixels where the browser can (as the sprites) */
.hb-page #field { image-rendering: auto; }