/* The wide circular segment has room for three balanced zones on desktop. */
@media (min-width: 1050px) {
  .listening-room .track-info {
    top: 88px;
    left: max(15%, calc(50% - 440px));
    width: min(23%, 260px);
    transform: none;
    text-align: left;
  }
  .listening-room .track-meta { justify-content: flex-start; }
  .listening-room .track-info h2 { width: 100%; margin-left: 0; margin-right: 0; }

  .listening-room .transport {
    top: 51px;
    width: min(34%, 340px);
  }

  .listening-room .audio-panel {
    top: 91px;
    bottom: auto;
    left: auto;
    right: max(15%, calc(50% - 440px));
    width: min(22%, 250px);
    transform: none;
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
  }
  .listening-room #visualizer { flex: none; width: 100%; height: 20px; }
  .listening-room .audio-settings { flex: none; }
}

@media (min-width: 1050px) and (max-height: 650px) {
  .listening-room .track-info { top: 72px; }
  .listening-room .transport { top: 42px; width: min(34%, 340px); }
  .listening-room .audio-panel { top: 74px; }
}