/* Player-specific structure and stable control states */
.ctx{outline:none}
.ctx-item{
  width:100%;
  border:0;
  background:transparent;
  text-align:left;
  font:inherit;
}
.ctx-item:focus-visible{
  outline:2px solid rgba(var(--ar),var(--ag),var(--ab),.65);
  outline-offset:2px;
  background:var(--glass-h);
  color:var(--txt);
}
[data-player-skip]{-webkit-tap-highlight-color:transparent}
[data-player-skip] i{pointer-events:none}
[data-player-skip]:active{opacity:.7}
[data-player-skip]:disabled{
  opacity:.45;
  cursor:not-allowed;
}

@media(min-width:900px){
  .fp-card:not(.lyrics-open){
    width:min(820px,88vw);
    max-height:min(78vh,680px);
    grid-template-columns:minmax(180px,230px) minmax(220px,1fr);
    grid-template-areas:'cover title' 'cover artist' 'cover progress' 'cover controls' 'cover volume';
    gap:12px 22px;
    padding:28px 28px 24px;
  }
  .fp-card:not(.lyrics-open) .fp-cov{width:min(100%,230px);height:min(100%,230px)}
  .fp-card.lyrics-open{
    width:min(1080px,94vw);
    max-height:min(88vh,800px);
  }
}

@media(max-width:430px){
  .mini-player-row{
    grid-template-columns:44px minmax(0,1fr);
    grid-template-areas:'thumb info' 'ctrl ctrl';
    gap:8px 10px;
    align-items:center;
  }
  .mini-thumb{grid-area:thumb;width:44px;height:44px}
  .mini-info{grid-area:info;padding-right:0}
  .mini-eq{display:none}
  .mini-ctrl{
    grid-area:ctrl;
    display:grid;
    grid-template-columns:repeat(5,minmax(40px,1fr));
    gap:6px;
    width:100%;
    justify-items:center;
  }
  .mini-btn,.mini-ctrl .tlk,.mini-btn-play{
    width:40px;
    height:40px;
    min-width:40px;
    min-height:40px;
  }
  .mini-title{font-size:12px}
  .mini-artist{font-size:11px}
  .fp-con{
    display:grid;
    grid-template-columns:44px 52px 44px 44px;
    gap:10px;
    justify-content:center;
    align-items:center;
  }
}