/* 🎼 Players' versions of a piece in Free Play (2026-09-29): the chip on an
   original's card and the Versions row on its piece page (js/main.js
   versionsChipHtml, paintVersionsRow). A version is listed under its original
   and nowhere else in the catalog. The row borrows .pp-sections' heading
   (ladder.css) so it reads as one of the piece page's own rows. */

.sc-custom.sc-versions { background: rgba(126, 211, 138, .14); border-color: rgba(126, 211, 138, .55); color: #b8f0c0; }
.sc-custom.sc-versions[data-root] { cursor: pointer; }
.sc-custom.sc-versions[data-root]:hover { background: rgba(126, 211, 138, .26); }

.pp-versions { margin-top: 14px; text-align: left; }
.pp-versions.hidden { display: none; }
.pp-versions .ps-h {
  display: flex; align-items: baseline; gap: 8px; margin-bottom: 7px;
  font-size: 10.5px; font-weight: 900; letter-spacing: 2px; color: rgba(255, 255, 255, .45);
}
.pp-versions .ps-h .ps-sum { letter-spacing: .02em; font-size: 11.5px; font-weight: 700; color: var(--cyan); margin-left: auto; }
.ppv-row { display: flex; align-items: center; gap: 10px; padding: 6px 0; border-top: 1px solid rgba(255, 255, 255, .08); }
.ppv-row:first-of-type { border-top: 0; }
.ppv-t {
  flex: 1; min-width: 0; text-align: left; background: none; border: 0; padding: 2px 0; cursor: pointer;
  color: #fff; font: inherit;
}
.ppv-t b { display: block; font-size: 13.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ppv-t span { display: block; font-size: 11.5px; color: rgba(255, 255, 255, .6); }
.ppv-t:hover b { text-decoration: underline; }
.ppv-play { flex: none; }
.ppv-play[disabled] { opacity: .5; cursor: not-allowed; }
.ppv-of { margin: 0 0 8px; font-size: 13px; color: rgba(255, 255, 255, .8); }

html[data-menu="stage"] #piece-page .pp-versions {
  background: var(--st-glass); border: 1px solid var(--st-line); border-radius: 10px; padding: 10px 12px;
}