/* CANTAIMY v7.6.70 — mobile player two-row layout */
@media (max-width:820px){
  body.subpage-player-open{padding-bottom:108px!important}
  .standard-view{padding-bottom:118px!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;
    width:100%!important;
    height:100px!important; min-height:100px!important; max-height:100px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:34px 42px 10px!important;
    grid-template-areas:"meta" "controls" "progress"!important;
    row-gap:4px!important;
    align-items:center!important;
    padding:8px 12px calc(8px + env(safe-area-inset-bottom))!important;
    margin:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    border-top:1px solid rgba(119,86,255,.48)!important;
    background:
      radial-gradient(circle at 50% -10%,rgba(239,57,203,.16),transparent 36%),
      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 2px!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,
  .player-refresh-v765 .player-right-refresh,
  .player-refresh-v765 .eq-bars{display:none!important}

  .player-refresh-v765 .player-track-meta,
  .player-refresh-v765 .player-artist-time-row{
    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 3px!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 #playerArtist{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    color:#aeb6d4!important;
    font:500 11px/1.1 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:grid!important;
    grid-template-rows:42px 0!important;
    align-items:center!important;
    justify-items:center!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }

  .player-refresh-v765 .player-buttons{
    position:static!important;
    transform:none!important;
    display:grid!important;
    grid-template-columns:34px 50px 34px!important;
    justify-content:center!important;
    align-items:center!important;
    gap:14px!important;
    width:auto!important;
    margin:0 auto!important;
  }

  .player-refresh-v765 .player-buttons .player-utility-btn{display:none!important}

  .player-refresh-v765 .player-buttons button{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    border:0!important;
    border-radius:50%!important;
    background:transparent!important;
    color:#eef0ff!important;
    font-size:15px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
  }

  .player-refresh-v765 .player-buttons .play{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    background:linear-gradient(135deg,#7655ff,#ef39cb,#ff4b93)!important;
    color:#fff!important;
    font-size:18px!important;
    box-shadow:0 0 20px rgba(238,55,210,.28)!important;
  }

  .player-refresh-v765 .player-progress-row{
    grid-area:progress!important;
    position:static!important;
    left:auto!important; right:auto!important; bottom:auto!important;
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr) 34px!important;
    align-items:center!important;
    gap:6px!important;
    width:100%!important;
    padding:0!important;
    margin:0!important;
  }

  .player-refresh-v765 .player-progress-time{
    display:block!important;
    font:600 8px/1 Inter,Arial,sans-serif!important;
    color:#8f98b7!important;
    text-align:center!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;
  }
}

@media (max-width:420px){
  body.subpage-player-open{padding-bottom:104px!important}
  .standard-view{padding-bottom:114px!important}

  .v6-player.player-refresh-v765,
  body.subpage-player-open .v6-player.global-floating-player.player-refresh-v765{
    height:96px!important;
    min-height:96px!important;
    max-height:96px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }

  .player-refresh-v765 #playerTitle{font-size:13px!important}
  .player-refresh-v765 #playerArtist{font-size:10px!important}
  .player-refresh-v765 .player-buttons{gap:12px!important}
  .player-refresh-v765 .player-buttons button{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important}
  .player-refresh-v765 .player-buttons .play{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;font-size:16px!important}
}