.pedigree{display:grid;grid-template-columns:220px 220px 220px 220px;gap:40px;min-width:1100px;align-items:center;position:relative;}.generation{display:flex;flex-direction:column;justify-content:space-around;position:relative;}.generation.g1{height:960px;}.generation.g2{height:960px;}.generation.g3{height:960px;}.generation.g4{height:960px;}.horse{position:relative;background:#fff;border:2px solid #d1d5db;border-left:6px solid #2563eb;border-radius:10px;padding:10px;width:180px;box-shadow:0 2px 5px rgba(0,0,0,.1);z-index:2;cursor:pointer;display:flex;align-items:center;gap:8px;transition:transform .15s,box-shadow .15s;}.horse:hover{transform:scale(1.04);box-shadow:0 5px 15px rgba(0,0,0,.15);}.horse-name{font-weight:bold;color:#111827;}.horse-info{font-size:12px;color:#6b7280;margin-top:4px;}.node:hover{transform:scale(1.03);box-shadow:0 5px 15px rgba(0,0,0,.15);}.name{font-weight:bold;color:#111827;}.role{font-size:12px;color:#6b7280;margin-top:5px;}.popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#f5f5f5;width:min(520px,80vw);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.3);padding:20px;z-index:999;display:none;}.popup h2{margin-top:0;margin-bottom:20px;font-size:1.3em;color:#9f512c;font-weight:bold;text-align:center;}.popup-bg{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:998;display:none;}.popup-btn{width:100%;text-align:right;display:flex;justify-content:space-between;}#popupInfo{font-size:.8em;line-height:1.5em;}.close-btn{margin-top:20px;background:#9f512c;color:#fff;border:0;padding:10px 15px;border-radius:6px;cursor:pointer;}.close-btn-inv{background:#f5f5f5;border:solid 1px #9f512c;color:#9f512c;}.linkPopup{color:inherit;text-decoration-line:underline!important;text-decoration-style:dotted!important;text-underline-offset:3px;position:relative;}.pedigree-tree{overflow:auto;padding:20px 10px;text-align:center;}.pedigree-tree ul{list-style:none;margin:0;padding:20px 0 0;display:flex;justify-content:center;position:relative;}.pedigree-tree ul::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:2px;height:20px;background:#9ca3af;}.pedigree-tree>ul{padding-top:0;justify-content:flex-start;}.pedigree-tree>ul::before{display:none;}.pedigree-tree li{display:flex;flex-direction:column;align-items:center;padding:20px 4px 0;position:relative;}.pedigree-tree>ul>li{padding-top:0;}.pedigree-tree li::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:#9ca3af;}.pedigree-tree li:first-child::before{left:50%;}.pedigree-tree li:last-child::before{right:50%;}.pedigree-tree li:only-child::before{display:none;}.pedigree-tree li::after{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:2px;height:20px;background:#9ca3af;}.pedigree-tree li:only-child::after{display:none;}.t-card{background:#f5f5f5;border:2px solid #d1d5db;border-left:6px solid #9f512c;border-radius:10px;padding:8px 12px;cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.1);position:relative;z-index:1;transition:transform .15s,box-shadow .15s;display:flex;align-items:center;gap:8px;}.t-card:hover{transform:scale(1.04);box-shadow:0 5px 15px rgba(0,0,0,.15);}.t-card .t-name{font-weight:bold;color:#111827;font-size:13px;}.t-card .t-info{font-size:11px;color:#6b7280;margin-top:3px;}.card-img{width:36px;height:36px;}.pedigree-tree{display:none;}