/* The compact player lives in Options > Audio, using the broadcast menu palette. */
.game-settings[data-theme="baseball"] #gs-audio {
  --gs-ink: #f4f6f8; --gs-panel: #102b49; --gs-control: #183c60;
  --gs-line: #51728a; --gs-accent: #ffd15c; --gs-selected-ink: #10253d;
  --gs-focus: #ffd15c; --gs-border: 1px; --gs-shadow: 0 12px 32px #04182c80;
  color: var(--gs-ink); width: min(620px, calc(var(--gs-width) - 32px));
  display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0 16px;
  border-top: 3px solid var(--gs-accent); border-radius: 12px;
}
.game-settings[data-theme="baseball"] #gs-audio > h2 { grid-column: 1; grid-row: 1; align-self: center; }
.game-settings[data-theme="baseball"] #gs-audio > .gs-audio-close { grid-column: 2; grid-row: 1; }
.game-settings[data-theme="baseball"] #gs-audio > #gs-volume { grid-column: 1; grid-row: 2; margin: 0; }
.game-settings[data-theme="baseball"] #gs-audio > .gs-mute { grid-column: 2; grid-row: 2; min-width: 88px; }
.game-settings[data-theme="baseball"] .gs-music {
  grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: 18px; margin-top: 12px; padding-top: 12px;
}
.game-settings[data-theme="baseball"] .gs-music > h3 { grid-column: 1 / -1; margin-bottom: 8px; }
.game-settings[data-theme="baseball"] .gs-music > :not(h3, .gs-playlist) { grid-column: 1; }
.game-settings[data-theme="baseball"] .gs-music > .gs-playlist {
  grid-column: 2; grid-row: 2 / 10; align-self: stretch; max-height: 300px; margin: 0;
  border-left: 1px solid var(--gs-line); padding-left: 14px; overscroll-behavior: contain;
}
.game-settings[data-theme="baseball"] .gs-track { margin-top: 0; min-height: 3em; }
.game-settings[data-theme="baseball"] .gs-playlist button { font-size: 13px; line-height: 1.35; }
.game-settings[data-theme="baseball"] .gs-play-modes button { font-size: 13px; }
@container app (height <= 520px) {
  .game-settings[data-theme="baseball"] #gs-audio { padding: 10px 14px; }
  .game-settings[data-theme="baseball"] .gs-music { margin-top: 8px; padding-top: 8px; }
}
@container app (width < 500px) {
  .game-settings[data-theme="baseball"] .gs-music { grid-template-columns: minmax(0, 1fr); }
  .game-settings[data-theme="baseball"] .gs-music > .gs-playlist { grid-column: 1; grid-row: auto; max-height: 180px; border-left: 0; padding-left: 0; }
}