#family:empty{display:none}#family{position:fixed;inset:0;z-index:30;overflow:auto;background:#020611;padding:clamp(12px,3vw,36px)}.family-panel{max-width:960px;margin:auto}.family-panel h2{color:#f1d291}.family-panel p{max-width:75ch}.family-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.family-tabs button{padding:10px 13px}.family-cards{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:12px}.family-cards li{background:#0b1d37;border:1px solid #345985;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:9px}.family-cards span{color:#f1d291}.family-cards small{color:#b8c9df}.family-panel progress{display:block;width:100%;max-width:500px;height:24px;margin:20px 0}.family-panel select{background:#10274d;color:#eaf3ff;padding:12px;font:inherit;max-width:100%}


.family-icon{display:block;width:48px;height:48px;flex:none}.family-cards strong{line-height:1.4}.family-tabs button:focus-visible,.family-cards button:focus-visible{outline:3px solid #f1d291;outline-offset:3px}

.family-cards li[hidden]{display:none}