/* Stable, native disclosure controls: live lobby updates do not rebuild them. */
.campaignSetupCard, .campaignAdvanced {
  border: 1px solid var(--line, #414636);
  border-radius: 8px;
  padding: 12px;
  background: rgba(17, 23, 17, .65);
  min-width: 0;
}
.campaignSetupCard p { margin: 6px 0; font-size: .9rem; line-height: 1.45; }
.campaignSetupCard button { width: 100%; margin: 8px 0; }
.campaignSetupCard dl { margin: 10px 0; display: grid; grid-template-columns: minmax(0, 5.5rem) minmax(0, 1fr); gap: 10px; font-size: .85rem; }
.campaignSetupCard dt { font-weight: 700; color: var(--accent, #d7b536); }
.campaignSetupCard dd { margin: 2px 0 0; overflow-wrap: anywhere; line-height: 1.4; }
.campaignAdvanced > summary { cursor: pointer; font-weight: 700; padding: 8px 0; min-height: 40px; }
.campaignAdvanced > .campaignAdvancedBody { display: grid; gap: 12px; padding-top: 10px; }
.campaignAdvanced summary:focus-visible { outline: 2px solid var(--accent, #d7b536); outline-offset: 3px; }
.campaignSetupActions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; position: sticky; top: 0; z-index: 3; background: #151b15; padding: 8px 0; }
.campaignSetupActions #startButton { grid-column: 1 / -1; }
.campaignSetupActions button { min-height: 44px; }
.roomLobbyControls .helpLabel, #campaignAdvanced, #campaignSetupSummary { scroll-margin-top: 125px; }