/* The native range keeps click, drag, keyboard and accessibility seeking. */
.player-dock .dock-progress{grid-template-columns:38px minmax(0,1fr) 38px}
.player-dock .dock-progress input[type="range"]{min-width:0;cursor:pointer;accent-color:var(--orange)}
.player-dock .dock-progress input[type="range"]:disabled{cursor:default;opacity:.4}
.player-dock .dock-progress input[type="range"]:focus-visible{outline:2px solid var(--orange);outline-offset:2px;border-radius:5px}

/* A separate full-width touch row keeps seeking away from Play and song actions. */
@media(max-width:720px){
  :root{--player:116px}
  .player-dock{height:var(--player);grid-template-columns:minmax(0,1fr) auto;grid-template-rows:64px 44px;gap:0;padding:4px 10px}
  .player-dock .dock-current{grid-column:1;grid-row:1;min-width:0}
  .player-dock .dock-center{display:contents}
  .player-dock .dock-controls{grid-column:2;grid-row:1}
  .player-dock .dock-progress{display:grid;grid-column:1/-1;grid-row:2;grid-template-columns:36px minmax(0,1fr) 36px;gap:8px;min-width:0;font-size:11px}
  .player-dock .dock-progress span:last-child{text-align:left}
  .player-dock .dock-progress input[type="range"]{height:44px;width:100%;margin:0;padding:0;touch-action:pan-y}
  .music-main{padding-bottom:calc(var(--player) + 59px)}
}