/* 6ee14ef chair artwork, adapted to the deployed command-deck SeatMatrix. */
.parity-lobby .parity-command-deck .parity-seat-matrix {
  width: 100%;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .45rem .12rem;
  padding: 4.2rem 0 .65rem;
  perspective: 700px;
}
.parity-lobby .parity-command-deck .parity-seat-matrix > li {
  isolation: isolate;
  min-height: 0;
  aspect-ratio: .62;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  color: #bad0e4;
  transform-origin: center bottom;
}
.parity-lobby .parity-command-deck .parity-seat-matrix > li::before {
  z-index: -1;
  inset: 0 0 1rem;
  border: 0;
  border-radius: 0;
  background: url('/assets/parity-image2/elements/arena-chair-3d-v2.webp') center / contain no-repeat;
  filter: saturate(.65) brightness(.78);
  pointer-events: none;
  transition: filter .25s ease;
}
.parity-lobby .parity-command-deck .parity-seat-matrix > li:nth-child(-n+5) {
  z-index: 1;
  transform: translateY(.3rem) scale(.9);
}
.parity-lobby .parity-command-deck .parity-seat-matrix > li:nth-child(n+6) {
  z-index: 2;
  transform: scale(1.02);
}
.parity-lobby .parity-command-deck .parity-seat-matrix__number {
  position: absolute;
  top: 25%;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: clamp(.68rem, 2.9vw, .88rem);
  line-height: 1;
  text-shadow: 0 1px 4px #00152b, 0 0 7px rgba(70,182,255,.65);
}
.parity-lobby .parity-command-deck .parity-seat-matrix > li small {
  position: absolute;
  top: 45%;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: clamp(.52rem, 2.2vw, .67rem);
  line-height: 1;
  text-shadow: 0 1px 4px #00152b;
}
.parity-lobby .parity-command-deck .parity-seat-matrix > li i {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #94aec6;
  font-size: .55rem;
  line-height: 1.2;
  text-align: center;
  opacity: 1;
}
.parity-lobby .parity-command-deck .parity-seat-matrix > li.is-occupied {
  color: #effbff;
}
.parity-lobby .parity-command-deck .parity-seat-matrix > li.is-occupied::before {
  filter: saturate(1.12) brightness(1.08) drop-shadow(0 0 6px rgba(38,154,255,.75));
}
.parity-lobby .parity-command-deck .parity-seat-matrix > li.is-occupied i {
  color: #78dfff;
}
.parity-lobby .parity-command-deck .parity-seat-matrix > li.is-trigger {
  color: #ffd477;
}
.parity-lobby .parity-command-deck .parity-seat-matrix > li.is-trigger::before {
  filter: sepia(.9) saturate(1.8) brightness(.95) drop-shadow(0 0 5px rgba(255,181,56,.4));
}
.parity-lobby .parity-command-deck .parity-seat-matrix > li.is-trigger.is-occupied::before {
  filter: sepia(.9) saturate(2) brightness(1.12) drop-shadow(0 0 9px rgba(255,187,56,.8));
}
@media (max-width: 359px) {
  .parity-lobby .parity-command-deck .parity-seat-matrix { gap: .3rem .05rem; }
}
@media (prefers-reduced-motion: reduce) {
  .parity-lobby .parity-command-deck .parity-seat-matrix > li::before { transition: none; }
}