/* SHOP presentation only. Existing navigation and purchase handlers stay in the player. */
body.music-standalone #musicShopDialog{
  --music-shop-window-height:min(94vh,calc(94vw * 16 / 9),768px);
  --music-shop-window-height:min(94dvh,calc(94vw * 16 / 9),768px);
  box-sizing:border-box;
  width:calc(var(--music-shop-window-height) * 9 / 16);
  height:var(--music-shop-window-height);
  max-width:none;
  max-height:none;
  margin:auto;
  padding:12px;
  overflow:hidden;
  container-name:music-shop-window;
  container-type:inline-size;
}
body.music-standalone #musicShopDialog[open]{display:flex;flex-direction:column}
body.music-standalone #musicShopDialog>header{flex:none;min-width:0}
body.music-standalone #musicShopDialog>.music-project-wallet-stack{flex:none;margin:8px 0}
body.music-standalone #musicShopDialog #musicShopList{
  flex:1;
  min-width:0;
  min-height:0;
  margin-top:8px;
  padding:0 2px 2px;
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
}
body.music-standalone #musicShopDialog #musicShopList:has(>.music-shop-artist-grid){
  display:grid;
  grid-template-rows:max-content max-content minmax(304px,1fr);
  gap:8px;
}
body.music-standalone #musicShopDialog .music-shop-artist-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:repeat(3,minmax(96px,1fr));
  gap:8px;
  min-width:0;
  min-height:304px;
}
body.music-standalone #musicShopDialog .music-shop-artist-card{
  display:grid;
  grid-template-rows:minmax(0,1fr) max-content;
  min-height:0;
  padding:6px;
}
body.music-standalone #musicShopDialog .music-shop-artist-card img{
  width:100%;
  height:100%;
  min-height:0;
  aspect-ratio:auto;
  object-fit:contain;
}
body.music-standalone #musicShopDialog .music-shop-artist-card span{padding:5px 2px 0;line-height:1.25}
/* Five real artists occupy five cells; the sixth cell stays empty and noninteractive. */
body.music-standalone #musicShopDialog .music-shop-artist-grid:has(>.music-shop-artist-card:nth-child(5):last-child)::after{
  content:"";
  border:2px solid rgba(255,255,255,.96);
  border-radius:24px;
  background:#fff;
  pointer-events:none;
}
body.music-standalone #musicShopDialog .music-shop-production-card img,
body.music-standalone #musicShopDialog .music-shop-artist-head img{object-fit:contain}
@container music-shop-window (max-width:240px){
  body.music-standalone #musicShopDialog .music-shop-row{flex-direction:column;align-items:stretch}
  body.music-standalone #musicShopDialog .music-shop-row button{min-width:0!important;width:100%}
  body.music-standalone #musicShopDialog .music-shop-artist-head{flex-direction:column;align-items:flex-start}
}