/* CANTAIMY v7.6.69 — mobile compact player layout correction */
@media (max-width:820px){
  body.subpage-player-open{padding-bottom:78px!important}
  .standard-view{padding-bottom:88px!important}

  .v6-player.player-refresh-v765,
  body.subpage-player-open .v6-player.global-floating-player.player-refresh-v765{
    position:fixed!important;
    left:0!important;right:0!important;bottom:0!important;top:auto!important;
    z-index:50000!important;
    box-sizing:border-box!important;
    width:100%!important;
    height:70px!important;min-height:70px!important;max-height:70px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 126px!important;
    grid-template-rows:1fr!important;
    grid-template-areas:"meta controls"!important;
    align-items:center!important;
    column-gap:8px!important;row-gap:0!important;
    padding:7px 10px 12px!important;
    overflow:hidden!important;
    border-top:1px solid rgba(119,86,255,.48)!important;
    background:radial-gradient(circle at 70% -30%,rgba(239,57,203,.16),transparent 42%),linear-gradient(90deg,rgba(8,6,31,.99),rgba(11,7,42,.99) 48%,rgba(6,8,31,.99))!important;
    box-shadow:0 -12px 32px rgba(0,0,0,.36)!important;
    backdrop-filter:blur(18px)!important;
  }

  .player-refresh-v765 .player-left{
    grid-area:meta!important;
    display:block!important;
    width:100%!important;min-width:0!important;
    padding:0 4px!important;margin:0!important;
  }
  .player-refresh-v765 .player-left img,
  .player-refresh-v765 .player-favorite-refresh,
  .player-refresh-v765 #playerRating,
  .player-refresh-v765 .legacy-player-time{display:none!important}

  .player-refresh-v765 .player-track-meta{
    display:block!important;
    width:100%!important;min-width:0!important;
    padding:0!important;margin:0!important;
  }
  .player-refresh-v765 #playerTitle{
    display:block!important;
    width:100%!important;max-width:100%!important;
    margin:0 0 4px!important;
    color:#fff!important;
    font:800 14px/1.15 Inter,Arial,sans-serif!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  .player-refresh-v765 .player-artist-time-row{display:block!important;width:100%!important;min-width:0!important}
  .player-refresh-v765 #playerArtist{
    display:block!important;
    width:100%!important;max-width:100%!important;
    color:#aeb6d4!important;
    font:500 11px/1.15 Inter,Arial,sans-serif!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }

  .player-refresh-v765 .player-center-refresh{
    grid-area:controls!important;
    display:block!important;
    position:static!important;
    width:126px!important;min-width:126px!important;
    margin:0!important;padding:0!important;
  }
  .player-refresh-v765 .player-buttons{
    position:static!important;transform:none!important;
    display:grid!important;
    grid-template-columns:30px 46px 30px!important;
    gap:5px!important;
    align-items:center!important;justify-content:end!important;
    width:100%!important;
  }
  .player-refresh-v765 .player-buttons .player-utility-btn{display:none!important}
  .player-refresh-v765 .player-buttons button{
    display:grid!important;place-items:center!important;
    width:30px!important;height:30px!important;min-width:30px!important;
    padding:0!important;margin:0!important;
    border:0!important;border-radius:50%!important;
    background:transparent!important;color:#f4f5ff!important;
    font-size:14px!important;line-height:1!important;
  }
  .player-refresh-v765 .player-buttons .play{
    width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
    background:linear-gradient(135deg,#7655ff,#ef39cb,#ff4b93)!important;
    color:#fff!important;font-size:17px!important;
    box-shadow:0 0 20px rgba(238,55,210,.28)!important;
  }

  .player-refresh-v765 .player-progress-row{
    display:block!important;
    position:absolute!important;
    left:10px!important;right:10px!important;bottom:3px!important;top:auto!important;
    width:auto!important;height:6px!important;
    padding:0!important;margin:0!important;
  }
  .player-refresh-v765 .player-progress-time{display:none!important}
  .player-refresh-v765 #progress{
    display:block!important;position:static!important;
    width:100%!important;height:3px!important;margin:0!important;padding:0!important;
    accent-color:#ed3cc9!important;
  }
  .player-refresh-v765 .player-right-refresh,.player-refresh-v765 .eq-bars{display:none!important}
}

@media (max-width:380px){
  .v6-player.player-refresh-v765,
  body.subpage-player-open .v6-player.global-floating-player.player-refresh-v765{
    grid-template-columns:minmax(0,1fr) 112px!important;
    padding-left:8px!important;padding-right:8px!important;
  }
  .player-refresh-v765 .player-center-refresh{width:112px!important;min-width:112px!important}
  .player-refresh-v765 .player-buttons{grid-template-columns:27px 42px 27px!important;gap:3px!important}
  .player-refresh-v765 .player-buttons button{width:27px!important;height:27px!important;min-width:27px!important;font-size:12px!important}
  .player-refresh-v765 .player-buttons .play{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;font-size:15px!important}
  .player-refresh-v765 #playerTitle{font-size:12px!important}
  .player-refresh-v765 #playerArtist{font-size:10px!important}
}
