/* Isolierte Erweiterung: bestehende Selektoren und Layouts bleiben unangetastet. */
.dyn-extension{margin-top:80px;border-top:1px solid var(--border);padding-top:48px;--dyn-accent:var(--cyan)}
.dyn-extension .dyn-heading{margin-bottom:30px}.dyn-extension .dyn-heading h3{font-size:clamp(1.85rem,3vw,3rem);letter-spacing:-.045em;line-height:1.2}.dyn-extension .dyn-heading em{font-family:Georgia,serif;color:#c9c7e5;font-weight:400}.dyn-extension>p{max-width:900px;color:var(--muted)}
.dyn-extension h4{font:500 1.3rem/1.35 var(--heading);margin:0 0 15px;letter-spacing:-.02em}.dyn-extension h5{font:500 .85rem/1.5 var(--heading);letter-spacing:.1em;margin:22px 0 10px}.dyn-extension p{font-size:1rem;line-height:1.75}.dyn-extension .dyn-family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:36px 0}.dyn-extension .dyn-character{padding:28px;border:1px solid color-mix(in srgb,var(--dyn-accent) 35%,#252a3a);border-top:2px solid var(--dyn-accent);background:linear-gradient(145deg,color-mix(in srgb,var(--dyn-accent) 6%,#101521),#0b101bec);box-shadow:inset 0 0 30px color-mix(in srgb,var(--dyn-accent) 3%,transparent);transition:transform .25s,border-color .25s}.dyn-extension .dyn-character:hover{transform:translateY(-3px);border-color:var(--dyn-accent)}
.dyn-extension .dyn-fraggle{--dyn-accent:#ef91d5}.dyn-extension .dyn-veluna{--dyn-accent:#a1baff}.dyn-extension .dyn-lyvra{--dyn-accent:#6fe7f3}.dyn-extension .dyn-character-role{display:block;font-size:.8rem;line-height:1.6;color:var(--dyn-accent);min-height:65px}.dyn-extension .dyn-character h4{font-size:1.85rem;letter-spacing:.07em;margin:18px 0 10px}.dyn-extension .dyn-subtitle{color:var(--dyn-accent);margin-bottom:22px}.dyn-extension .dyn-character>p:not(.dyn-subtitle){color:#b4bfd3}.dyn-extension details{border-top:1px solid var(--border);padding-top:19px;margin-top:24px}.dyn-extension summary{display:flex;justify-content:space-between;gap:15px;cursor:pointer;list-style:none;font-size:.95rem;line-height:1.6}.dyn-extension summary::-webkit-details-marker{display:none}.dyn-extension summary span{font-size:1.25rem;color:var(--dyn-accent);transition:transform .2s}.dyn-extension details[open]>summary span{transform:rotate(45deg)}.dyn-extension details p{color:#b5bfd2;margin-top:20px}.dyn-extension .dyn-dna{font-family:var(--heading);font-size:.8rem;line-height:1.85;letter-spacing:.06em;color:var(--dyn-accent)}.dyn-extension .dyn-symbols{font-size:.875rem;color:var(--dyn-accent)}
.dyn-extension .dyn-resonance{border:1px solid #44425e;padding:30px;background:linear-gradient(100deg,#da70b208,#4b70df09,#65d4dd08)}.dyn-extension .dyn-resonance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}.dyn-extension .dyn-resonance-grid>div{border-left:3px solid var(--dyn-accent);padding:8px 0 8px 18px}.dyn-extension .dyn-resonance-grid strong{display:block;color:var(--dyn-accent);font-family:var(--heading);letter-spacing:.08em}.dyn-extension .dyn-resonance-grid span{display:block;color:#b8c1d3;font-size:.9rem;margin-top:10px}.dyn-extension .dyn-union{color:#c8b7f3;text-align:center;padding-top:20px;border-top:1px solid #514564}.dyn-extension .dyn-boundary{color:#e5eafa;text-align:center;margin:0}.dyn-extension .dyn-lineage{padding:22px;border:1px solid var(--border);background:#101625aa;margin-top:28px}.dyn-extension .dyn-lineage-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:24px}.dyn-extension .dyn-lineage-grid h4{color:var(--cyan)}.dyn-extension .dyn-lineage-grid p{margin-top:0}.dyn-extension p.dyn-note{margin-top:30px;font-size:.875rem;color:#aab5ca;border-left:2px solid #6e638d;padding-left:18px;max-width:950px}
.dyn-extension .dyn-capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.dyn-extension .dyn-capability-grid article{border:1px solid #2b3547;background:#111725ce;padding:28px}.dyn-extension .dyn-index{font:500 .8rem var(--heading);color:var(--cyan);letter-spacing:.1em}.dyn-extension .dyn-capability-grid h4{margin:22px 0 15px}.dyn-extension .dyn-capability-grid p{margin:0;color:#aeb9cf}.dyn-extension .dyn-motto{color:#cbb9ef;font-family:var(--heading);letter-spacing:.08em;font-size:.9rem;line-height:1.8;margin-block:25px}.dyn-extension .dyn-genres{display:flex;gap:10px;flex-wrap:wrap;margin-block:24px}.dyn-extension .dyn-genres span{border:1px solid #51425a;padding:7px 12px;color:#d7bedc;font-size:.85rem}.dyn-extension .dyn-group-title{margin-top:40px;margin-bottom:22px}.dyn-extension .dyn-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dyn-extension .dyn-link{display:flex;align-items:flex-start;gap:18px;padding:22px;border:1px solid #354152;background:#0e1523dc;transition:background .2s,border-color .2s;min-width:0}.dyn-extension .dyn-link:hover{border-color:#7cafbf;background:#182537}.dyn-extension .dyn-link-symbol{display:flex;width:42px;height:42px;flex:0 0 42px;align-items:center;justify-content:center;border:1px solid #638797;border-radius:9px;color:var(--cyan);font:500 1rem var(--heading)}.dyn-extension .dyn-link strong{display:block;font:500 1rem/1.55 var(--heading);overflow-wrap:anywhere}.dyn-extension .dyn-link-copy{display:block;font-size:.9rem;line-height:1.65;color:#a9b5ca;margin-top:7px}.dyn-extension .dyn-contact{border-top:1px solid var(--border);margin-top:35px;padding-top:25px}.dyn-extension .dyn-contact a{color:var(--cyan);text-decoration:underline;text-underline-offset:5px}.dyn-extension .dyn-contact p{margin-top:15px;color:var(--muted);font-size:.9rem}
@media(max-width:1000px){.dyn-extension .dyn-family-grid,.dyn-extension .dyn-capability-grid{grid-template-columns:1fr 1fr}.dyn-extension .dyn-character-role{min-height:0}.dyn-extension .dyn-character:last-child{grid-column:1/-1}.dyn-extension .dyn-resonance-grid{gap:12px}}
@media(max-width:700px){.dyn-extension{margin-top:55px;padding-top:35px}.dyn-extension .dyn-family-grid,.dyn-extension .dyn-capability-grid,.dyn-extension .dyn-links,.dyn-extension .dyn-lineage-grid,.dyn-extension .dyn-resonance-grid{grid-template-columns:1fr}.dyn-extension .dyn-character,.dyn-extension .dyn-capability-grid article{padding:25px}.dyn-extension .dyn-resonance{padding:24px}.dyn-extension .dyn-link{padding:20px;gap:14px}.dyn-extension .dyn-link-symbol{width:36px;height:36px;flex-basis:36px}.dyn-extension .dyn-heading h3{font-size:2rem}.dyn-extension .dyn-resonance-grid{gap:24px}}
@media(prefers-reduced-motion:reduce){.dyn-extension *{animation:none!important;transition:none!important}}