/* Experimental badge UI — linked directly from index.html with ?v= cache bust.
   Nested @import CSS (cards-premium.css) can stay stale on CDN due to immutable /css/* headers. */

.songCardTopBadge--experimental{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  height:23px;
  min-height:23px;
  min-width:23px;
  padding:0 7px;
  border-color:rgba(232, 178, 76, 0.4);
  background:linear-gradient(155deg, rgba(38, 26, 8, 0.9), rgba(22, 14, 4, 0.84));
  color:rgba(255, 236, 186, 0.96);
  --badge-glow-color:rgba(232, 178, 76, 0.36);
  font-family:inherit;
  font-size:8px;
  font-weight:800;
  letter-spacing:0.08em;
  line-height:1;
  text-transform:none;
  animation:none;
  -webkit-font-smoothing:antialiased;
}
.songCardTopBadge--experimental::after{
  bottom:calc(100% + 7px);
  font-family:inherit;
  text-transform:none;
  white-space:pre-line;
  box-sizing:border-box;
  width:232px;
  max-width:min(240px, calc(100vw - 32px));
  min-width:0;
  text-align:center;
  font-size:11px;
  font-weight:600;
  letter-spacing:0.01em;
  line-height:1.25;
  padding:4px 8px;
  border-radius:8px;
  color:rgba(240, 245, 255, 0.96);
  box-shadow:0 6px 14px rgba(0, 0, 0, 0.32);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.songCardTopBadge--experimental::before{
  bottom:calc(100% + 2px);
  width:6px;
  height:6px;
}
.songExperimentalBadge--list{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:20px;
  min-height:20px;
  min-width:0;
  padding:0 6px;
  font-family:inherit;
  font-size:7px;
  font-weight:800;
  letter-spacing:0.08em;
  line-height:1;
}
#songList.view-list .songListV2TitleRow{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
  max-width:100%;
}