/* Three camera-facing treatments of the same black-stage project path. */
.v6[data-style="blackstage"] .v6-stage-switch {
  display: flex;
  align-items: center;
  gap: 3px;
  padding: 4px;
  border: 1px solid var(--v6-line);
  border-radius: 100px;
  background: rgba(14, 17, 18, .88);
}
.v6[data-style="blackstage"] .v6-stage-switch button {
  min-width: 55px;
  padding: 8px 10px;
  border: 0;
  border-radius: 100px;
  background: transparent;
  color: #aeb9bc;
  font-size: .67rem;
  font-weight: 740;
  cursor: pointer;
}
.v6[data-style="blackstage"] .v6-stage-switch button[aria-pressed="true"] {
  background: #2b3235;
  color: #f4fbfc;
  box-shadow: inset 0 1px rgba(255, 255, 255, .1);
}
.v6[data-style="blackstage"] .v6-stage-switch button:hover,
.v6[data-style="blackstage"] .v6-stage-switch button:focus-visible {
  color: white;
  outline-color: #bdced1;
}

.v6[data-style="blackstage"]:is([data-stage-view="deck"], [data-stage-view="flight"]) .v6-map {
  perspective: none;
  container-type: size;
}
.v6[data-style="blackstage"]:is([data-stage-view="deck"], [data-stage-view="flight"]) .v6-tile {
  left: 0;
  top: 0;
  transform-origin: center bottom;
  will-change: auto;
  transition: transform .72s cubic-bezier(.4,0,.2,1), opacity .55s ease, box-shadow .25s ease;
}
.v6[data-style="blackstage"][data-v6-ready="false"] .v6-tile { transition: none !important; }
.v6[data-style="blackstage"][data-stage-view="deck"] .v6-tile {
  transform: translate3d(var(--v6-tx), var(--v6-ty), 0) translate(-50%, -100%)
    scale(var(--v6-scale)) perspective(100000px) rotateY(var(--v6-tilt));
}
.v6[data-style="blackstage"][data-stage-view="deck"] .v6-tile:is([data-selected="true"], [data-v6-slot="-1"]) {
  transform: translate(var(--v6-tx), var(--v6-ty)) translate(-50%, -100%);
  transform: translate(round(nearest, var(--v6-tx), 1px), round(nearest, var(--v6-ty), 1px))
    translate(-50%, -100%);
}
.v6[data-style="blackstage"][data-stage-view="flight"] .v6-tile {
  --v6-rail-angle: var(--v6-track-angle, -13deg);
  --v6-yaw: 26deg;
  transform-origin: center bottom;
  transform: translate3d(var(--v6-tx), var(--v6-ty), 0) translate(-50%, -100%)
    scale(var(--v6-scale)) skewY(var(--v6-rail-angle))
    perspective(700px) rotateY(var(--v6-yaw));
}
.v6[data-style="blackstage"][data-stage-view="flight"] .v6-tile[data-v6-slot="-1"] {
  --v6-rail-angle: 0deg;
  --v6-yaw: 0deg;
}
.v6[data-style="blackstage"][data-stage-view="flight"] .v6-tile[data-selected="true"] {
  --v6-rail-angle: 0deg;
  --v6-yaw: 0deg;
}
.v6[data-style="blackstage"][data-stage-view="flight"] .v6-tile:is([data-selected="true"], [data-v6-slot="-1"]) {
  transform: translate(var(--v6-tx), var(--v6-ty)) translate(-50%, -100%) scale(var(--v6-scale));
  transform: translate(round(nearest, var(--v6-tx), 1px), round(nearest, var(--v6-ty), 1px))
    translate(-50%, -100%) scale(var(--v6-scale));
}
.v6[data-style="blackstage"]:is([data-stage-view="deck"], [data-stage-view="flight"]) .v6-stage-symbol {
  filter: none;
}
.v6[data-style="blackstage"][data-stage-view="stele"] .v6-tile[data-selected="true"] {
  width: 760px;
  height: 1200px;
  border-width: 2px;
}
.v6[data-style="blackstage"][data-stage-view="stele"] .v6-tile[data-selected="true"] .v6-tile-info {
  gap: 18px;
  padding: 52px 52px 38px;
}
.v6[data-style="blackstage"][data-stage-view="stele"] .v6-tile[data-selected="true"] .v6-tile-top small { font-size: 43px; }
.v6[data-style="blackstage"][data-stage-view="stele"] .v6-tile[data-selected="true"] .v6-tile-info strong { font-size: calc(var(--v6-title-size) * 4.3); }
.v6[data-style="blackstage"][data-stage-view="stele"] .v6-tile[data-selected="true"] .v6-tile-subtitle { font-size: 43px; }
.v6[data-style="blackstage"][data-stage-view="stele"] .v6-tile[data-selected="true"] .v6-tile-info em {
  top: 59px;
  right: 52px;
  font-size: 26px;
}
.v6[data-style="blackstage"][data-stage-view="flight"] .v6-tile[data-selected="true"] {
  border-color: rgba(219, 238, 240, .62);
  box-shadow: -10px 11px 22px rgba(0, 0, 0, .54), inset 2px 0 rgba(220, 247, 249, .2);
}
@media (min-width: 1151px) {
  .v6[data-style="blackstage"][data-stage-view="flight"] .v6-current-copy {
    left: 75%;
    width: min(400px, 28vw);
  }
}

.v6[data-style="blackstage"][data-stage-view="stele"] .v6-tile {
  background: linear-gradient(100deg, #262d30, #171c1e 43%, #101314);
  border-color: rgba(197, 220, 223, .33);
  box-shadow: -14px 12px 27px rgba(0, 0, 0, .63), inset 4px 0 rgba(215, 240, 243, .1);
}
.v6[data-style="blackstage"][data-stage-view="stele"] .v6-tile[data-selected="true"] {
  border-color: rgba(212, 241, 245, .65);
  box-shadow: -20px 15px 30px rgba(0, 0, 0, .68), inset 5px 0 rgba(215, 245, 248, .16);
}
.v6[data-style="blackstage"][data-stage-view="stele"] .v6-tile-spine {
  position: absolute;
  top: -1px;
  left: 0;
  z-index: 4;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 22px;
  width: 76px;
  height: calc(100% + 2px);
  padding: 26px 15px;
  border: 1px solid rgba(224, 244, 246, .44);
  border-radius: 3px 0 0 3px;
  background: linear-gradient(90deg, #192023, #2c3639 42%, #111619);
  box-shadow: inset -2px 0 rgba(225, 248, 250, .19), -2px 6px 11px rgba(0,0,0,.4);
  color: #effbfd;
  text-shadow: none;
  transform-origin: right center;
  transform: translateX(-100%) skewY(-3deg);
}
.v6[data-style="blackstage"][data-stage-view="stele"] .v6-tile-spine small {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .13em;
  writing-mode: vertical-rl;
}
.v6[data-style="blackstage"][data-stage-view="stele"] .v6-tile-spine strong {
  overflow: hidden;
  max-height: 78%;
  font-size: 17px;
  font-weight: 720;
  line-height: 1.1;
  white-space: nowrap;
  text-overflow: ellipsis;
  writing-mode: vertical-rl;
}
.v6[data-style="blackstage"][data-stage-view="stele"] .v6-tile[data-selected="true"] .v6-tile-spine {
  width: 110px;
  padding: 45px 20px;
  gap: 42px;
}
.v6[data-style="blackstage"][data-stage-view="stele"] .v6-tile[data-selected="true"] .v6-tile-spine small { font-size: 30px; }
.v6[data-style="blackstage"][data-stage-view="stele"] .v6-tile[data-selected="true"] .v6-tile-spine strong { font-size: 43px; }
.v6[data-style="blackstage"][data-stage-view="stele"] .v6-tile-art {
  color: #c0d4d8;
  background: radial-gradient(circle at 40% 47%, rgba(120, 153, 160, .26), transparent 50%),
    linear-gradient(100deg, rgba(191, 227, 232, .07), transparent 45%);
}
.v6[data-style="blackstage"][data-stage-view="stele"] .v6-stage-symbol {
  filter: drop-shadow(0 0 6px rgba(179, 228, 235, .43));
}

@media (max-width: 1150px) {
  .v6[data-style="blackstage"] .v6-stage-switch {
    position: fixed;
    top: 115px;
    right: 22px;
  }
}
@media (max-width: 900px) {
  .v6[data-style="blackstage"][data-stage-view="stele"] .v6-tile[data-selected="true"] {
    width: 608px;
    height: 960px;
  }
}
@media (max-width: 620px) {
  .v6[data-style="blackstage"] .v6-stage-switch {
    top: 233px;
    left: 16px;
    right: 16px;
    justify-content: center;
  }
  .v6[data-style="blackstage"] .v6-map { top: 34%; height: 49%; }
  .v6[data-style="blackstage"][data-stage-view="stele"] .v6-tile[data-selected="true"] {
    width: 437px;
    height: 690px;
  }
  .v6[data-style="blackstage"][data-stage-view="stele"] .v6-tile[data-selected="true"] .v6-tile-info {
    gap: 10px;
    padding: 25px 30px;
  }
  .v6[data-style="blackstage"][data-stage-view="stele"] .v6-tile[data-selected="true"] .v6-tile-top small,
  .v6[data-style="blackstage"][data-stage-view="stele"] .v6-tile[data-selected="true"] .v6-tile-subtitle { font-size: 28px; }
  .v6[data-style="blackstage"][data-stage-view="stele"] .v6-tile[data-selected="true"] .v6-tile-info strong { font-size: calc(var(--v6-title-size) * 2.5); }
  .v6[data-style="blackstage"][data-stage-view="stele"] .v6-tile[data-selected="true"] .v6-tile-info em {
    top: 28px;
    right: 25px;
    font-size: 18px;
  }
  .v6[data-style="blackstage"][data-stage-view="stele"] .v6-tile[data-selected="true"] .v6-tile-spine { width: 110px; }
}