/* Roberto Sound V16 — complete Top 50 cover shelf. Loaded last to override the older 12-card grid. */
.spotify-chart-artwork{min-width:0!important;overflow:hidden!important}
.spotify-chart-art-head-v16{align-items:flex-end!important;gap:1rem!important}
.spotify-chart-art-head-v16>div:first-child{min-width:0;display:grid;gap:.2rem}
.spotify-chart-art-head-v16 small{display:block!important;max-width:72ch!important;text-align:left!important;color:#8e8993!important}
.spotify-chart-art-actions-v16{display:flex!important;align-items:center;justify-content:flex-end;gap:.45rem;flex-wrap:wrap}
.spotify-chart-open-v16,.spotify-chart-art-actions-v16 button{min-height:38px;border:1px solid rgba(255,255,255,.18);background:#141217;color:#fff!important;border-radius:999px;padding:.55rem .8rem;font:900 .58rem/1 Inter,system-ui,sans-serif;letter-spacing:.05em;text-decoration:none!important;cursor:pointer}
.spotify-chart-open-v16{background:#f4f1f5!important;color:#0b0a0d!important;border-color:#f4f1f5!important}
.spotify-chart-art-actions-v16 button{width:38px;padding:0;display:grid;place-items:center;font-size:.9rem}
.spotify-chart-art-actions-v16 button:hover,.spotify-chart-open-v16:hover{transform:translateY(-1px)}
.spotify-chart-art-grid{
  display:grid!important;
  grid-template-columns:none!important;
  grid-template-rows:repeat(2,minmax(0,auto))!important;
  grid-auto-flow:column!important;
  grid-auto-columns:clamp(150px,15.5vw,220px)!important;
  gap:.72rem!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x proximity;
  scrollbar-gutter:stable;
  padding:.12rem .12rem .8rem!important;
  -webkit-overflow-scrolling:touch;
}
.spotify-chart-art-grid::-webkit-scrollbar{height:10px}
.spotify-chart-art-grid::-webkit-scrollbar-track{background:#111014;border-radius:999px}
.spotify-chart-art-grid::-webkit-scrollbar-thumb{background:#4d4853;border:2px solid #111014;border-radius:999px}
.spotify-chart-art-card{scroll-snap-align:start;min-width:0!important}
.spotify-chart-art-media{background:#17151b!important;isolation:isolate}
.spotify-chart-art-media img{opacity:1!important;visibility:visible!important;display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;background:#17151b}
.spotify-chart-art-card .spotify-chart-art-placeholder{display:none!important}
.spotify-chart-art-fallback-v16{object-fit:contain!important;padding:22%!important;background:radial-gradient(circle at 50% 35%,#22202a,#0d0c10 72%)!important}
.spotify-chart-rank{z-index:3!important}
.spotify-chart-art-copy strong{font-size:.76rem!important}
.spotify-chart-art-copy span{font-size:.6rem!important}
.spotify-chart-art-copy small{font-size:.56rem!important}
.spotify-iframe-host{min-height:620px!important}
.spotify-iframe-host iframe{min-height:620px!important;height:620px!important}
@media(max-width:900px){
  .spotify-chart-art-head-v16{align-items:flex-start!important;flex-direction:column!important}
  .spotify-chart-art-actions-v16{justify-content:flex-start!important}
  .spotify-chart-art-grid{grid-auto-columns:clamp(145px,30vw,200px)!important}
  .spotify-iframe-host,.spotify-iframe-host iframe{min-height:540px!important;height:540px!important}
}
@media(max-width:560px){
  .spotify-chart-art-grid{grid-template-rows:repeat(2,minmax(0,auto))!important;grid-auto-columns:minmax(142px,44vw)!important;gap:.58rem!important}
  .spotify-chart-art-actions-v16{width:100%;display:grid!important;grid-template-columns:1fr 38px 38px!important}
  .spotify-chart-open-v16{text-align:center}
  .spotify-iframe-host,.spotify-iframe-host iframe{min-height:470px!important;height:470px!important}
}

/* V18 — real artwork hydration and clearer playback affordance. */
.spotify-chart-art-card{position:relative}
.spotify-chart-art-card.is-art-loading .spotify-chart-art-media::before{content:'MEMUAT COVER';position:absolute;inset:auto .55rem .55rem .55rem;z-index:4;padding:.42rem .5rem;border:1px solid rgba(255,255,255,.18);background:rgba(8,7,10,.76);backdrop-filter:blur(8px);color:#d8d2dc;font:850 .46rem/1 system-ui;letter-spacing:.12em;text-align:center;pointer-events:none}
.spotify-chart-art-card.is-art-ready .spotify-chart-art-media{box-shadow:0 14px 34px rgba(0,0,0,.24)}
.spotify-chart-art-card.is-art-ready .spotify-chart-art-media img{filter:saturate(1.03) contrast(1.015)}
.spotify-chart-art-card.is-art-missing .spotify-chart-art-media{background:radial-gradient(circle at 50% 45%,#211f27,#0b0a0d 76%)}
.spotify-chart-card-actions-v17 [data-apple-link][hidden]{display:none!important}
.spotify-chart-art-media:focus-visible{outline:2px solid #fff;outline-offset:3px}
.spotify-chart-art-media:hover img{transform:scale(1.018)}
.spotify-chart-art-media img{transition:opacity .28s ease,transform .34s cubic-bezier(.16,1,.3,1),filter .3s ease!important}


/* V19 — never present Spotify-logo placeholders as album art. */
.spotify-chart-art-media{position:relative;overflow:hidden}
.spotify-chart-art-media::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,#17151b 22%,#26222b 38%,#17151b 54%);background-size:220% 100%;animation:rsArtShimmer 1.3s linear infinite;z-index:0}
.spotify-chart-art-card.is-art-ready .spotify-chart-art-media::before{opacity:0;animation:none}
.spotify-chart-art-media img{position:relative;z-index:1;transition:opacity .25s ease,transform .3s ease}
.spotify-chart-art-card.is-art-loading .spotify-chart-art-media img{opacity:.72!important}
.spotify-chart-art-card.is-art-ready .spotify-chart-art-media img{opacity:1!important}
.spotify-chart-art-card[data-artwork-source="video"] .spotify-chart-art-media img{object-fit:cover!important}
.spotify-chart-art-card.is-art-missing .spotify-chart-art-media img{object-fit:cover!important;padding:0!important}
@keyframes rsArtShimmer{to{background-position:-220% 0}}
