.legacy-panel,
.legacy-center-board,
.game-role-detail-panel {
  border-radius: 4px;
  border: 1px solid var(--hybrid-border-strong);
  box-shadow: var(--hybrid-shadow-xl);
  overflow: hidden;
  background: var(--hybrid-bg-panel);
  backdrop-filter: var(--hybrid-glass-blur);
}

.legacy-panel-burgundy,
.legacy-center-board {
  /* Sober deep neutral instead of burgundy */
  background: var(--hybrid-bg-panel);
}

/* .legacy-action-card uses ::before for glass effect (see role-panel.css) */
.legacy-action-card {
  background: transparent;
  border: none;
  box-shadow: none;
  backdrop-filter: none;
}

.legacy-panel-parchment,
.legacy-panel-players,
.game-role-detail-panel {
  /* Unified glass panel style */
  background: var(--hybrid-bg-panel);
}

.legacy-panel-header {
  padding: 6px 10px 5px;
  background: rgba(255, 255, 255, 0.03);
  border-bottom: 1px solid var(--hybrid-border-strong);
}

.legacy-panel-header h3 {
  color: var(--hybrid-gold);
  font: 700 0.78rem/1 var(--hybrid-font-ui);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.legacy-panel-body,
.legacy-panel-body-parchment,
.legacy-panel-body-players {
  padding: 8px 10px;
}

.game-role-detail-panel {
  overflow: visible;
}

#game-role-detail-panel .game-role-detail-card-frame {
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}

#game-role-detail-panel .game-role-detail-card-frame.premium-card-frame::before,
#game-role-detail-panel .game-role-detail-card-frame.premium-card-frame::after {
  display: none;
}

#game-role-detail-panel .game-role-detail-card {
  display: block;
}

.game-role-detail-text b {
  font-weight: 600;
}

.legacy-center-board {
  padding: 0;
}

.play-column-right .legacy-panel-header {
  padding: 6px 10px;
  background: rgba(0, 0, 0, 0.18);
  text-align: center;
}

.play-column-right .legacy-panel-header h3 {
  margin: 0;
  font: 700 0.78rem/1 "Montserrat", sans-serif;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.play-column-right .legacy-panel-header-parchment {
  background: rgba(162, 133, 79, 0.72);
}

.play-column-right .legacy-panel-header-players {
  background: rgba(88, 56, 45, 0.72);
}

.play-column-right .legacy-panel-body,
.play-column-right .legacy-panel-body-parchment,
.play-column-right .legacy-panel-body-players {
  padding: 8px 10px;
}

.hybrid-panel-summary {
  margin-top: 6px;
  color: var(--hybrid-muted);
  font: 700 0.75rem/1 var(--hybrid-font-ui);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.legacy-panel-stack-spacer {
  margin-top: 6px;
}

.hybrid-history-hint {
  margin: 10px 16px 16px;
  color: var(--hybrid-muted);
  font-size: 0.92rem;
}

@media (min-width: 1900px) {
  .legacy-panel-header {
    padding: 10px 14px;
  }

  .legacy-panel-header h3 {
    font: 400 1.15rem/1 var(--hybrid-font-title);
    letter-spacing: 0.04em;
    text-transform: none;
  }

  .legacy-panel-body,
  .legacy-panel-body-parchment,
  .legacy-panel-body-players {
    padding: 12px 14px 14px;
  }
}