@media (max-width: 860px) {
  .app {
    grid-template-columns: 1fr;
    height: auto;
    min-height: 100vh;
    padding: 0;
    gap: 0;
  }
  .player-pane {
    order: 1;
    padding: 12px 20px 4px;   /* меньше отступа сверху — блок выше */
    justify-content: flex-start;  /* прижимаем к верху, а не по центру */
    gap: 10px;                /* меньше расстояние между элементами */
  }
  .lyrics-pane {
    order: 2;
    padding: 16px 20px;
    max-height: 60vh;
  }
  .lyrics { padding-top: 20px; padding-bottom: 20px; }
  .line { font-size: 18px; }
  .cover-wrap { width: min(100%, 220px); }  /* обложка меньше: было 320px */
  .meta .title { font-size: 18px; }
  .meta .artist { font-size: 13px; }
  .controls { gap: 10px; }
  .play-btn { width: 40px; height: 40px; font-size: 16px; }
}