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

/* Baseball's mode menu (the builder, the Indigo Series Challenge, its leaderboard): as football's, in the header bar on
   wide screens and a sticky row under the header on phones. A menu with one mode (.solo) is left out on phones, where
   the page's own title says it. */
@media not all and (min-width: 1000px) and (min-height: 560px) {
  .modes-bar.solo { display: none; }
  .bb-page .app:has(.modes-bar.solo) { grid-template-areas: "word play" "main main"; }
}
/* the builder's icon: a base (a square on its point) with the ball on it, in place of football's field */
.bb-page .mode-builder svg { stroke-width: 2.1; }

/* 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) */
.actions .s6 { grid-column: 1 / -1; }
.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; }
body.placing .title-block .desc { display: none; }
@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; }
}