/* Championship charts open in one roomy native dialog per breed section. */
.pedigree-actions { align-items: flex-end; flex-wrap: wrap; gap: 12px; justify-content: space-between; }
.pedigree-actions > apex-character-avatar { margin-left: auto; flex: none; }
.pedigree-open { flex: 1 0 120px; max-width: 180px; min-height: 44px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 8px; background: #1b1e24; color: var(--cream); cursor: pointer; font: 600 13px/18px var(--font-body); text-align: left; }
.pedigree-open:hover { border-color: #c3b180; background: #282c33; }
.pedigree-open:focus-visible, .pedigree-close:focus-visible { outline: 2px solid #e2c16e; outline-offset: 3px; }
.championship-dialog { width: min(900px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); box-sizing: border-box; padding: clamp(18px, 3vw, 32px); border: 1px solid var(--line); border-radius: 16px; background: #202329; color: var(--cream); box-shadow: 0 24px 80px #0009; }
.championship-dialog::backdrop { background: #000b; }
.championship-dialog > h3 { margin: 12px 0 20px; font: 600 24px/1.3 var(--font-heading); }
.pedigree-close { display: block; margin-left: auto; min-height: 44px; padding: 8px 16px; border: 1px solid var(--line); border-radius: 8px; background: #15171c; color: var(--cream); cursor: pointer; font: 600 14px var(--font-body); }
.championship-dialog > apex-pedigree-tree { display: block; height: min(62dvh, 680px); }
.gsd-pedigree { display: grid; grid-template-rows: auto minmax(0, 1fr); height: min(62dvh, 680px); margin: 0; min-width: 0; }
.gsd-pedigree h4 { margin: 0 0 4px; font: 600 16px/22px var(--font-body); }
.gsd-pedigree p { margin: 0 0 6px; font: 500 14px/20px var(--font-body); color: var(--copy); }
.gsd-pedigree picture { display: block; min-height: 0; }
.gsd-pedigree img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: left center; }
.gsd-pedigree-key { display: flex; flex-wrap: wrap; gap: 2px 8px; }
.gsd-pedigree-key > span { display: inline-flex; align-items: center; gap: 4px; }
.gsd-pedigree-key b { font-size: 18px; }
.gsd-pedigree-key [data-title-kind="champion"], .gsd-pedigree-key [data-title-kind="junior"] { color: #e2c16e; }
.gsd-pedigree-key [data-title-kind="companion"] { color: #91c4ec; }
.gsd-pedigree-key [data-title-kind="working"] { color: #92d0b9; }
.gsd-pedigree-key [data-title-kind="working"] b { transform: rotate(180deg); }
.gsd-pedigree-key [data-title-kind="tracking"] { color: #ceaff1; }