/* CANTAIMY v7.6.71 — FINAL mobile player override.
   Intentionally loaded LAST so legacy mobile CSS cannot override it. */
@media (max-width:820px){
  body.subpage-player-open{padding-bottom:136px!important}
  .standard-view{padding-bottom:146px!important}

  html body .v6-player.player-refresh-v765,
  html body.subpage-player-open .v6-player.global-floating-player.player-refresh-v765{
    position:fixed!important;
    inset:auto 0 0 0!important;
    z-index:50000!important;
    width:100vw!important;
    max-width:100vw!important;
    min-width:100vw!important;
    height:126px!important;
    min-height:126px!important;
    max-height:126px!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:10px 14px calc(9px + env(safe-area-inset-bottom))!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:34px 54px 16px!important;
    grid-template-areas:"meta" "controls" "progress"!important;
    gap:2px!important;
    align-items:center!important;
    justify-items:stretch!important;
    overflow:hidden!important;
    border:0!important;
    border-top:1px solid rgba(125,91,255,.42)!important;
    background:linear-gradient(90deg,rgba(7,5,28,.995),rgba(12,8,47,.995) 52%,rgba(7,8,31,.995))!important;
    box-shadow:0 -14px 38px rgba(0,0,0,.42)!important;
    backdrop-filter:blur(18px)!important;
  }

  html body .player-refresh-v765 .player-left{
    grid-area:meta!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:34px!important;
    padding:0!important;
    margin:0!important;
    align-self:center!important;
  }
  html body .player-refresh-v765 .player-left img,
  html body .player-refresh-v765 .player-favorite-refresh,
  html body .player-refresh-v765 #playerRating,
  html body .player-refresh-v765 .legacy-player-time,
  html body .player-refresh-v765 .player-right-refresh,
  html body .player-refresh-v765 .eq-bars{display:none!important}

  html body .player-refresh-v765 .player-track-meta,
  html body .player-refresh-v765 .player-artist-time-row{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:0!important;
    margin:0!important;
  }
  html body .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.1 Inter,Arial,sans-serif!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    text-align:left!important;
  }
  html body .player-refresh-v765 #playerArtist{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    color:#abb3cf!important;
    font:500 11px/1.1 Inter,Arial,sans-serif!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    text-align:left!important;
  }

  html body .player-refresh-v765 .player-center-refresh{
    grid-area:controls!important;
    display:contents!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  html body .player-refresh-v765 .player-buttons{
    grid-area:controls!important;
    position:static!important;
    inset:auto!important;
    transform:none!important;
    display:grid!important;
    grid-template-columns:30px 34px 56px 34px 30px!important;
    align-items:center!important;
    justify-content:center!important;
    justify-items:center!important;
    column-gap:12px!important;
    width:100%!important;
    height:54px!important;
    margin:0!important;
    padding:0!important;
  }
  html body .player-refresh-v765 .player-buttons button{
    display:grid!important;
    place-items:center!important;
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:transparent!important;
    color:#e9ecff!important;
    font-size:15px!important;
    line-height:1!important;
  }
  html body .player-refresh-v765 .player-buttons .player-utility-btn{
    display:grid!important;
    color:#aab1cf!important;
    font-size:16px!important;
  }
  html body .player-refresh-v765 .player-buttons .player-utility-btn.active{color:#00ddff!important}
  html body .player-refresh-v765 .player-buttons .play{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
    background:linear-gradient(135deg,#7655ff,#ef39cb,#ff4b93)!important;
    color:#fff!important;
    font-size:20px!important;
    box-shadow:0 0 22px rgba(238,55,210,.32)!important;
  }

  html body .player-refresh-v765 .player-progress-row{
    grid-area:progress!important;
    position:static!important;
    inset:auto!important;
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr) 36px!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    height:16px!important;
    margin:0!important;
    padding:0!important;
  }
  html body .player-refresh-v765 .player-progress-time{
    display:block!important;
    color:#aab1cf!important;
    font:600 9px/1 Inter,Arial,sans-serif!important;
    text-align:center!important;
    white-space:nowrap!important;
  }
  html body .player-refresh-v765 #progress{
    display:block!important;
    position:static!important;
    width:100%!important;
    min-width:0!important;
    height:4px!important;
    margin:0!important;
    padding:0!important;
    accent-color:#ef3cc9!important;
  }
}

@media (max-width:420px){
  body.subpage-player-open{padding-bottom:130px!important}
  .standard-view{padding-bottom:140px!important}
  html body .v6-player.player-refresh-v765,
  html body.subpage-player-open .v6-player.global-floating-player.player-refresh-v765{
    height:120px!important;
    min-height:120px!important;
    max-height:120px!important;
    grid-template-rows:32px 50px 16px!important;
    padding:9px 11px calc(8px + env(safe-area-inset-bottom))!important;
  }
  html body .player-refresh-v765 #playerTitle{font-size:13px!important}
  html body .player-refresh-v765 #playerArtist{font-size:10px!important}
  html body .player-refresh-v765 .player-buttons{height:50px!important;grid-template-columns:28px 32px 52px 32px 28px!important;column-gap:8px!important}
  html body .player-refresh-v765 .player-buttons .play{width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important}
}