/* The hosted kit players share this toolbar across different pinned kit versions. */
@media (max-width: 640px), (max-height: 480px) {
  .bar .icon-button { min-width: 44px; min-height: 44px; flex-shrink: 0; }
  .bar .collection-pill, .bar .pill { min-height: 44px; }
  .bar .buttons { flex-wrap: wrap; flex-shrink: 1; justify-content: flex-end; }
  .bar .draft-chip { font-size: 10.5px; padding: 4px 8px; }
  button { touch-action: manipulation; }
}

@media (max-width: 640px) and (orientation: portrait) {
  .bar.top { flex-direction: column-reverse; align-items: stretch; gap: 6px; padding-bottom: 18px; }
  .bar.top .buttons { width: 100%; gap: 2px; }
  .bar.top .where { width: 100%; }
  .where .world-title, .where .place { white-space: normal; }
  .where .chapter { display: inline; }
  .where .caption { max-width: 100%; }
  .bar.top .draft-chip { order: 1; margin-right: 0; }
}