/* Billboard the active card's type after 3D composition so it stays legible. */
.v6-sharp-label { display: none; }
.v6[data-style="blackstage"][data-stage-view="stele"] .v6-tile[data-selected="true"] .v6-tile-info > * {
  visibility: hidden;
}
.v6[data-style="blackstage"][data-stage-view="stele"] .v6-tile:is([data-v6-slot="-1"], [data-v6-slot="off"]) .v6-tile-info > * {
  visibility: hidden;
}
.v6[data-style="blackstage"][data-moving="true"][data-stage-view="stele"] .v6-tile[data-selected="true"] .v6-tile-info > * {
  visibility: visible;
}
.v6[data-style="blackstage"][data-stage-view="stele"] .v6-sharp-label {
  position: absolute;
  z-index: 100;
  top: calc(52% - 238px);
  left: calc(26% - 202px);
  display: flex;
  flex-direction: column;
  width: 355px;
  overflow: hidden;
  color: #f2f4f4;
  opacity: 1;
  pointer-events: none;
  transition: opacity .18s ease;
}
.v6[data-style="blackstage"][data-moving="true"] .v6-sharp-label { opacity: 0; }
.v6-sharp-label-top { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.v6-sharp-label-top span { color: #c8d3d5; font-size: 19px; font-weight: 800; letter-spacing: .13em; }
.v6-sharp-label-top em { color: #aab6b8; font-size: 10px; font-weight: 760; font-style: normal; letter-spacing: .1em; }
.v6-sharp-label strong {
  overflow: hidden;
  margin-top: 8px;
  font-size: var(--v6-sharp-size, 26px);
  font-weight: 680;
  line-height: 1.1;
  letter-spacing: -.025em;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.v6-sharp-label > span { overflow: hidden; margin-top: 7px; color: #aeb8ba; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; }
@media (max-width: 900px) {
  .v6[data-style="blackstage"][data-stage-view="stele"] .v6-sharp-label {
    top: calc(52% - 196px);
    left: calc(26% - 140px);
    width: 280px;
  }
  .v6-sharp-label strong { font-size: min(var(--v6-sharp-size, 24px), 22px); }
  .v6-sharp-label > span { font-size: 14px; }
}
@media (max-width: 620px) {
  .v6[data-style="blackstage"][data-stage-view="stele"] .v6-sharp-label {
    top: calc(52% - 139px);
    left: calc(26% - 104px);
    width: 205px;
  }
  .v6-sharp-label-top span { font-size: 11px; }
  .v6-sharp-label-top em { font-size: 7px; }
  .v6-sharp-label strong { margin-top: 5px; font-size: 14px; }
  .v6-sharp-label > span { margin-top: 4px; font-size: 10px; }
}
