/* Retain the existing draft layout, with room for the longer baseball roster. */
.diamond-ice #draft .slots{grid-template-columns:repeat(6,minmax(0,1fr))}
.diamond-ice .draft-progress span{flex:0 1 24px}
.diamond-ice .slot b{font-size:.7rem}
@media(max-width:740px){
  .diamond-ice #draft .slots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}
  .diamond-ice #draft .slot{min-width:0;min-height:38px;padding:3px}
  .diamond-ice #draft .slot b{font-size:.57rem}
  .diamond-ice #draft .slot span{font-size:.55rem}
  .diamond-ice .draft-progress{gap:3px}
  .diamond-ice .draft-progress span{width:14px;flex-basis:14px}
  .diamond-ice .draft-progress .current{width:24px;flex-basis:24px}
}

.diamond-ice #draft .draft-grid{width:100%;min-width:0}
.diamond-ice #draft .roster-filters{min-width:0;max-width:100%}

/* Animate only the reel being changed; the pinned team or season stays still. */
.diamond-ice .spinning .draw-reel strong{animation:none}
.diamond-ice .spinning .draw-reel.rolling strong{animation:nfl-slot-roll .13s linear infinite}

@media(max-width:740px){
 .diamond-ice #draft .slot{min-height:44px}
 .diamond-ice #draft .slot b{font-size:.65rem}
 .diamond-ice #draft .slot span{font-size:.65rem}
 .diamond-ice.mlb #draft .slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
 .diamond-ice.mlb #draft .slot{min-height:48px}
}

/* Keep selection and open slots together on short phones. */
@media(max-width:740px){
 body.diamond-ice.nfl-drafting{height:100dvh;overflow:hidden}
 body.diamond-ice.nfl-drafting .nfl-topbar{display:none}
 body.diamond-ice.nfl-drafting main{height:100dvh;padding:3px 8px}
 body.diamond-ice #draft:not([hidden]){height:100%;display:flex;flex-direction:column}
 body.diamond-ice #draft .draft-progress,body.diamond-ice #draft .lineup-head,body.diamond-ice #draft .players-head{display:none}
 body.diamond-ice #draft .draft-grid{flex:1;min-height:0;gap:4px}
 body.diamond-ice #draft #draw-overline,body.diamond-ice #draft .draw-reel small,body.diamond-ice #draft .draw-reel em,body.diamond-ice #draft .draw-question{display:none}
 body.diamond-ice #draft .draw-result{margin:0;gap:4px}
 body.diamond-ice #draft .draw-reel strong{font-size:1.15rem}
 body.diamond-ice #draft .reveal-button{min-height:44px;margin:0;box-shadow:none}
 body.diamond-ice #draft .reroll-row button{min-height:44px}
 body.diamond-ice #draft .slots{grid-template-columns:repeat(6,minmax(0,1fr));gap:3px}
 body.diamond-ice #draft .slot{min-height:44px;padding:3px 1px}
 body.diamond-ice #draft .roster-filters{padding:2px 0;margin:0}
 body.diamond-ice #draft .roster-filters button{min-height:44px}
 body.diamond-ice #draft .options:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;flex:1;min-height:0;height:auto;overflow-y:auto;overflow-x:hidden;gap:5px;padding:3px 2px 8px}
 body.diamond-ice #draft .option{display:flex;flex-direction:column;align-items:stretch;min-height:90px;width:auto;padding:6px;gap:3px}
 body.diamond-ice #draft .option .stats{margin:0;gap:2px;width:100%}
 body.diamond-ice #draft .option-head b{font-size:.76rem;line-height:1.15}
 body.diamond-ice #draft .stats b{font-size:.7rem}
 body.diamond-ice #draft .stats small{font-size:.4rem;letter-spacing:0}
 body.diamond-ice #draft .option em{font-size:.48rem}
 body.diamond-ice #draft #confirmation:not([hidden]){padding:4px;margin:2px 0;display:flex;align-items:center;justify-content:space-between}
 body.diamond-ice #draft #selected-role{display:none}
 body.diamond-ice #draft #confirmation #change{min-height:44px}
}

/* MLB roster and result details from the game page. */
body.mlb #draft .option .stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px}
body.mlb #draft .option .stats>span{min-width:0;padding:2px 0}
body.mlb #draft .option .stats>span:nth-child(-n+3){grid-column:span 2}
body.mlb #draft .option .stats>span:nth-child(n+4){grid-column:span 3}
body.mlb #draft .option{min-height:122px}
body.mlb .mlb-daily-goal{margin:0 0 10px;padding:12px;border:2px solid #17123b;border-radius:12px;background:#fff1a8}
body.mlb .mlb-daily-goal strong,body.mlb .mlb-daily-goal span{display:block}
body.mlb .mlb-daily-goal strong{font-size:1rem}
body.mlb .mlb-daily-goal span{margin-top:4px;font-size:.78rem}
body.mlb #join-name,body.mlb #invite-link{height:44px}

/* NHL roster and result details from the game page. */
body.nhl #boss-list{display:block;margin-top:9px;font-size:12px;line-height:1.45;font-weight:800;letter-spacing:0}
body.nhl #boss-challenge-note{display:block;margin:5px 0 0;font-size:12px;line-height:1.4;font-weight:650;letter-spacing:0;opacity:1}
body.nhl #record{display:grid;place-items:center;gap:1px;min-width:62px;padding:3px 5px;line-height:1;white-space:nowrap}
body.nhl #record small{font-size:8px;letter-spacing:.04em}
body.nhl #record b{font-size:11px}
body.nhl .nhl-form-error{display:block;margin:8px 0 0;color:#8b1734;font-size:12px;font-weight:800;line-height:1.4}
body.nhl #result-pages{display:grid;gap:12px;overflow:visible;scroll-snap-type:none;height:auto}
body.nhl #result-pages .nfl-result-page{width:100%;scroll-snap-align:none}
body.nhl #result-pages .secondary{min-height:44px}