/* Keep secondary album actions in the body on phones; desktop keeps its controls. */
.private-album-actions{display:contents}
@media(max-width:700px), (max-width:900px) and (max-height:500px){
  .private-album-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px}
  .private-album-actions>.view-tracks{margin:0;min-height:44px}
  .private-album-actions>.album-edit-tools{position:static;display:flex;opacity:1;transform:none;gap:6px;margin:0;pointer-events:auto}
  .private-album-actions>.album-edit-tools>button{width:44px;min-width:44px;height:44px;min-height:44px;padding:10px;opacity:1;pointer-events:auto}
  #cards:not([data-view="list"]) .album-card .art-play{left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:72px;height:72px;min-width:72px;padding:20px;border:1px solid #ffffffa6!important;background:#1c1a2633!important;box-shadow:inset 0 1px 1px #ffffff70,0 3px 14px #0005;color:white;opacity:1;pointer-events:auto;backdrop-filter:blur(9px) saturate(125%);-webkit-backdrop-filter:blur(9px) saturate(125%)}
  #cards:not([data-view="list"]) .album-card:is(.album-selected,:focus-within) .art-play{opacity:1;pointer-events:auto}
  #cards:not([data-view="list"]) .album-card .art-play svg{width:32px;height:32px;filter:drop-shadow(0 1px 2px #000b)}
  #cards .album-card .art-play:focus-visible{outline:3px solid #e8dbff;outline-offset:4px}
  .browse-tools>#collection-play{position:relative}
  .browse-tools>#collection-play::before{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;line-height:1}
  #private-mobile-view>button[aria-pressed="true"]{background:#484a4c!important;color:#fff!important;box-shadow:inset 0 0 0 1px #ffffff38}
  #private-mobile-view>button:focus-visible{outline:2px solid #bfa6ff;outline-offset:-3px}
  body.private-nav-slim .private-sidebar{border-radius:0 18px 18px 0;overflow:hidden}
  body.private-nav-slim .private-sidebar :focus-visible{outline-offset:-3px}
  #private-player #private-resume-settings{display:none!important}
  /* Keep the film shortcut beside the artwork in the full player, with room for all transport controls. */
  #private-player .transport #player-theater{display:inline-flex;width:44px;min-width:44px;height:44px;min-height:44px;padding:10px;align-items:center;justify-content:center}
  .private-home-mobile:not(.private-player-detailed)>#private-player #player-theater{display:none!important}
  #private-player.player{grid-template-columns:44px minmax(176px,1fr) 132px;column-gap:0;padding-left:8px;padding-right:8px}
  #private-player .transport{gap:0;justify-content:center}
  #private-player .transport .icon-button,#private-player .player-tools .icon-button{width:44px;min-width:44px;height:44px;min-height:44px;padding:10px}
  #private-player .player-tools{width:132px;gap:0}
  #private-player #player-queue{position:relative}
  #private-player #player-queue .queue-count{right:0;top:0;max-width:32px;min-width:16px;font-size:10px}
}
@media(max-width:380px){
  /* Volume remains available in More when the full row cannot fit eight touch targets. */
  #private-player.player{grid-template-columns:44px minmax(176px,1fr) 88px;padding-left:6px;padding-right:6px}
  #private-player .player-tools{width:88px}
  #private-player #private-mobile-volume{display:none!important}
}

/* Shared large-cover treatment; compact list overlays intentionally stay unchanged. */
#cards:not([data-view="list"]) .card .art>.art-play{
  left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);
  width:56px;height:56px;min-width:56px;min-height:56px;box-sizing:border-box;
  border:2px solid #ffffff66!important;background:rgba(24,27,33,.4)!important;
  box-shadow:0 0 0 3px #ffffff14,0 4px 18px #0005;color:#fff;
  backdrop-filter:blur(10px) saturate(115%);-webkit-backdrop-filter:blur(10px) saturate(115%);
}
#cards:not([data-view="list"]) .card .art>.art-play:hover{background:rgba(35,38,45,.5)!important;border-color:#ffffff99!important}
#cards:not([data-view="list"]) .card .art>.art-play svg{width:28px;height:28px;filter:drop-shadow(0 1px 2px #0009)}
#cards:not([data-view="list"]) .card .art>.art-play:focus-visible{outline:2px solid #fff;outline-offset:6px}
@media(max-width:700px), (max-width:900px) and (max-height:500px){
  #cards:not([data-view="list"]) .card .art>.art-play{opacity:1;pointer-events:auto}
  #cards[data-view="large"] .card .art>.art-play{width:72px;height:72px;min-width:72px;min-height:72px}
  #cards[data-view="large"] .card .art>.art-play svg{width:32px;height:32px}
}
/* Private detailed transport is neutral; the compact mini-player keeps its icon-only control. */
body:not(.private-home-mobile) #private-player #player-toggle:not(:disabled),
body.private-home-mobile.private-player-detailed>#private-player #player-toggle:not(:disabled),
body #private-home-player-dialog #private-player #player-toggle:not(:disabled){background:#f5f5f7!important;color:#111216!important;box-shadow:none!important;animation:none}
body:not(.private-home-mobile) #private-player #player-toggle:not(:disabled):hover,
body.private-home-mobile.private-player-detailed>#private-player #player-toggle:not(:disabled):hover,
body #private-home-player-dialog #private-player #player-toggle:not(:disabled):hover{background:#fff!important}
.private-queue-copy .private-queue-time{display:block;margin-top:4px;color:#9f99a8;font-size:11px;line-height:1.4;font-variant-numeric:tabular-nums;white-space:nowrap}
.private-queue-copy .private-queue-time.is-current{color:#f3e9ed}