.modal.encounter-brief { width: min(900px, 96vw); display: flex; flex-direction: column; overflow: hidden; }
.encounter-brief .encounter-body { min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
.modal.encounter-brief > .modal-actions { position: static; flex-shrink: 0; margin: 14px 0 0; padding: 12px 0 0; }
.encounter-brief .encounter-kicker { color: var(--paper-dim); text-transform: uppercase; font-size: .72rem; letter-spacing: .13em; margin-bottom: .5rem; }
.encounter-brief h2 { margin-top: 0; }
.encounter-brief .encounter-lineup { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(190px, 100%), 1fr)); gap: .75rem; margin: 1.2rem 0; }
.encounter-brief .encounter-enemy { padding: 1rem; border: 1px solid var(--line); border-radius: 5px; background: rgba(255,255,255,.035); }
.encounter-brief .encounter-enemy strong { display: block; }
.encounter-brief .encounter-role { display: block; color: var(--paper-dim); font-size: .75rem; margin: .4rem 0 .65rem; }
.encounter-brief .encounter-enemy p { margin: 0; font-size: .84rem; line-height: 1.55; }
.encounter-brief .encounter-reward { border-left: 3px solid var(--gold); padding: .8rem 1rem; background: rgba(216,166,87,.07); }
.encounter-brief .encounter-reward p { margin: .35rem 0; }
.encounter-brief .encounter-cost { font-size: .82rem; line-height: 1.5; }
@media (max-width: 600px) {
  .encounter-brief .encounter-lineup { grid-template-columns: 1fr; gap: .4rem; }
  .encounter-brief .encounter-enemy { padding: .7rem; }
  .modal.encounter-brief > .modal-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .encounter-brief .modal-actions .cmd { min-width: 0; text-align: center; }
}