.genetics-section{margin-block:24px;padding-top:18px;border-top:1px solid var(--line,#35444c)}
.genetics-section h3,.genetics-section h4{margin-top:0}
.genetics-empty{padding:16px;background:#0d171f;border:1px solid #35444c;border-radius:12px;line-height:1.6}
.genetics-colors,.genetics-traits{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.genetics-color,.genetics-trait{min-width:0;padding:16px;border:1px solid #35444c;border-radius:14px;background:#0d171f;overflow-wrap:anywhere}
.genetics-color{display:flex;gap:12px;align-items:flex-start}
.genetics-color p{margin:6px 0}.genetics-color small{display:block;line-height:1.6;color:#c1ced7}
.genetics-swatch{flex:0 0 44px;height:44px;border:2px solid #9cabb5;border-radius:10px;box-shadow:inset 0 0 0 1px #17242a}
.swatch-unknown{background:repeating-linear-gradient(45deg,#192a35 0 6px,#3b505f 6px 12px)}
.region-unused{border-style:dashed}.genetics-trait{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.genetics-trait code,.genetics-trait small{flex-basis:100%;white-space:normal;overflow-wrap:anywhere;color:#c1ced7}
.family-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin-bottom:18px}.family-controls[hidden]{display:none}
.family-controls label{display:grid;gap:6px;flex:1;min-width:160px}
.family-controls button,.family-actions button,.family-native-pair button{min-height:44px}
.family-tree,.family-parents{list-style:none;margin:0;padding:0}
.family-tree li{min-width:0}.family-parents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;padding:16px 0 0 10px;border-top:2px solid #617887;border-left:2px solid #617887}
.family-card{background:#0d171f;border:1px solid #35444c;border-radius:14px;padding:14px;overflow-wrap:anywhere;min-width:0}
.family-card>small{display:block;color:#c1ced7;line-height:1.6;margin-bottom:10px}
.family-identity{display:flex;gap:10px;align-items:center;min-width:0}.family-identity>div{min-width:0}.family-identity p{margin:5px 0 10px}
.family-identity .creature-portrait{flex:0 0 48px;width:48px;height:48px;min-height:48px}.family-identity img{width:48px;height:48px;object-fit:contain}
.family-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.family-actions button{flex:1;white-space:normal}
.family-parents .family-parents{grid-template-columns:1fr}.family-card details{margin-top:10px}.family-card details p{font-size:14px;line-height:1.5}
.family-children,.family-legacy{margin-top:24px}.family-descendants{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.family-native-pair{display:flex;flex-wrap:wrap;gap:10px;padding:14px 0;border-bottom:1px solid #35444c}.family-native-pair>strong{flex-basis:100%}
.detail-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.detail-tab{white-space:normal;min-height:44px}
@media(max-width:600px){.genetics-colors,.genetics-traits,.family-parents,.family-descendants{grid-template-columns:1fr}.family-controls>button{flex:1}.family-controls label{flex-basis:100%}.family-parents{padding-left:10px}.family-card{padding:12px}.detail-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}