/* Display-only diagrams, scoped to preset reviews, gambits and combo examples. */
:is(.party-preset-dialog, .arena-gambit, .combo-manual-content) .strategy-mark {
  display: inline-block; flex: 0 0 28px; width: 28px; height: 28px;
  object-fit: contain; vertical-align: middle;
}
#party-preset-portal :is(.preset-orb-change h4, .party-preset-shortage h3) {
  display: flex; align-items: center; gap: 8px;
}
#party-preset-portal .preset-orb-changes { display: grid; gap: 8px; }
#party-preset-portal .preset-orb-change { min-width: 0; padding: 8px; border: 1px solid var(--line); }
#party-preset-portal .preset-orb-change h4 { margin: 0 0 8px; }
#party-preset-portal .preset-orb-change.is-lost { border-style: dashed; }
#party-preset-portal :is(.preset-orb-change ul, .preset-missing-orbs, .preset-equipment-list, .preset-slot-list) {
  display: grid; gap: 8px; margin: 0; padding: 0; list-style: none;
}
#party-preset-portal :is(.preset-orb-change li, .preset-missing-orbs li, .preset-equipment-list li, .preset-slot-list li) {
  display: flex; align-items: center; gap: 8px; min-width: 0; overflow-wrap: anywhere;
}
#party-preset-portal .preset-orb-change li > span { flex: 1; min-width: 0; }
#party-preset-portal .preset-orb-change li > strong { flex: 0 0 auto; }
#party-preset-portal .party-preset-person summary .preset-person-heading { display: flex; align-items: center; gap: 8px; min-width: 0; }
#party-preset-portal .party-preset-person > summary { display: flex; align-items: center; gap: 8px; list-style: none; }
#party-preset-portal .party-preset-person > summary::-webkit-details-marker { display: none; }
#party-preset-portal .party-preset-person > summary::after { content: "›"; margin-left: auto; }
#party-preset-portal .party-preset-person[open] > summary::after { content: "⌄"; }
#party-preset-portal .preset-person-heading strong { font-size: var(--ga-font-body); color: var(--text); }
#party-preset-portal .preset-person-heading > span:last-child { min-width: 0; }
#party-preset-portal .preset-person-heading small { display: block; color: var(--muted); font-size: var(--ga-font-note); }
#party-preset-portal .preset-person-portrait { flex: 0 0 40px; width: 40px; height: 48px; overflow: hidden; }
#party-preset-portal .preset-person-portrait :is(img, picture) { width: 100%; height: 100%; object-fit: contain; }
#party-preset-portal .preset-equipment-list > li > img { flex: 0 0 28px; width: 28px; height: 28px; object-fit: contain; }
#party-preset-portal .preset-slot-list li { padding: 4px; border: 1px solid var(--line); }
#party-preset-portal .preset-slot-list b { flex: 0 0 1.5em; text-align: center; color: var(--muted); }
#party-preset-portal .preset-slot-list .is-empty { border-style: dashed; color: var(--muted); }
#party-preset-portal .preset-empty-slot { flex: 0 0 28px; width: 28px; height: 28px; display: grid; place-items: center; border: 1px dashed var(--muted); }
.arena-gambit :is(.arena-gambit-trigger small, .gambit-action-with-icon) { display: flex; align-items: center; gap: 4px; min-width: 0; }
.arena-gambit .arena-gambit-trigger { align-items: flex-start; gap: 4px 8px; }
.arena-gambit .arena-gambit-trigger .strategy-mark { flex-basis: 22px; width: 22px; height: 22px; }
.arena-gambit .gambit-reading-flow {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 8px;
  padding: 8px; margin: 8px 0 12px; border: 1px solid var(--line); font-size: var(--ga-font-note); line-height: 1.6;
}
.arena-gambit :is(.gambit-flow-start, .gambit-flow-outcomes p) { display: flex; align-items: center; gap: 8px; min-width: 0; }
.arena-gambit .gambit-flow-outcomes { display: grid; gap: 4px; }
.arena-gambit .gambit-flow-outcomes p { margin: 0; }
.help-screen .combo-skill-chip { display: flex; align-items: center; gap: 8px; min-width: 0; }
.help-screen .combo-diagram-steps { list-style: none; padding: 0; gap: 24px; }
.help-screen .combo-diagram-steps > li {
  position: relative; display: flex; align-items: flex-start; gap: 8px;
  padding: 12px; border: 1px solid var(--line); background: var(--surface); min-width: 0;
}
.help-screen .combo-diagram-steps > li + li::before { content: "↓"; position: absolute; top: -27px; left: 24px; color: var(--text); }
.help-screen .combo-step-mark { display: grid; justify-items: center; gap: 4px; flex: 0 0 32px; }
.help-screen .combo-step-mark b { font-size: var(--ga-font-caption); line-height: 1.2; color: var(--muted); }
.help-screen .combo-diagram-steps > li > span:last-child { min-width: 0; }
@media (max-width: 420px) {
  .arena-gambit .gambit-reading-flow { grid-template-columns: minmax(0, 1fr); }
  .arena-gambit .gambit-flow-outcomes { margin-left: 8px; padding-left: 8px; border-left: 1px solid var(--line); }
}