@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300&family=Amiri:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;600&family=Amiri:wght@400;700&display=swap";.family-tree-root[data-v-bd03121e]{background:#050510;width:100vw;height:100vh;font-family:Cormorant Garamond,Georgia,serif;position:fixed;inset:0;overflow:hidden}.canvas-container[data-v-bd03121e]{position:absolute;inset:0}.loading-overlay[data-v-bd03121e]{z-index:100;background:#050510;justify-content:center;align-items:center;transition:opacity 2s,visibility 2s;display:flex;position:absolute;inset:0}.loading-overlay.fade-out[data-v-bd03121e]{opacity:0;visibility:hidden;pointer-events:none}.loading-content[data-v-bd03121e]{text-align:center}.loading-emblem[data-v-bd03121e]{filter:drop-shadow(0 0 14px #d4af3766);background:url(/patterns/Emblem.png) 50%/contain no-repeat;width:96px;height:96px;margin:0 auto 1.4rem;animation:1s both fadeUp-bd03121e}.loading-arabic[data-v-bd03121e]{color:#d4af37;letter-spacing:.05em;font-family:Amiri,serif;font-size:3.5rem;animation:1s .2s both fadeUp-bd03121e}.loading-line[data-v-bd03121e]{background:linear-gradient(90deg,#0000,#d4af37,#0000);width:80px;height:1px;margin:1.2rem auto;animation:1s .5s both fadeUp-bd03121e}.loading-english[data-v-bd03121e]{color:#8b7328;letter-spacing:.3em;text-transform:uppercase;font-size:1.2rem;font-weight:300;animation:1s .8s both fadeUp-bd03121e}.loading-sub[data-v-bd03121e]{color:#d4af3766;letter-spacing:.2em;text-transform:uppercase;margin-top:.8rem;font-size:.85rem;animation:1s 1.1s both fadeUp-bd03121e}@keyframes fadeUp-bd03121e{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stage-text[data-v-bd03121e]{z-index:10;color:#fff8e6f2;letter-spacing:.3em;text-transform:uppercase;text-align:center;pointer-events:none;white-space:nowrap;text-shadow:0 0 40px #000000e6,0 0 80px #000000b3,0 2px 4px #000c,0 0 12px #d4af374d;background:radial-gradient(#0505108c 0%,#0000 75%);border-radius:8px;padding:1rem 2.5rem;font-family:Cormorant Garamond,serif;font-size:1.6rem;font-weight:300;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stage-enter-active[data-v-bd03121e],.stage-leave-active[data-v-bd03121e]{transition:all .8s}.stage-enter-from[data-v-bd03121e]{opacity:0;transform:translate(-50%,-40%)}.stage-leave-to[data-v-bd03121e]{opacity:0;transform:translate(-50%,-60%)}.scroll-prompt[data-v-bd03121e]{z-index:10;color:#fff8e6cc;letter-spacing:.25em;text-transform:uppercase;text-shadow:0 2px 8px #000c,0 0 20px #0009;flex-direction:column;align-items:center;gap:.8rem;font-size:.75rem;display:flex;position:absolute;bottom:3rem;left:50%;transform:translate(-50%)}.scroll-chevron[data-v-bd03121e]{border-bottom:1px solid #d4af3766;border-right:1px solid #d4af3766;width:20px;height:20px;animation:2s ease-in-out infinite scrollBounce-bd03121e;transform:rotate(45deg)}@keyframes scrollBounce-bd03121e{0%,to{transform:rotate(45deg)translateY(0)}50%{transform:rotate(45deg)translateY(6px)}}.scroll-track[data-v-bd03121e]{z-index:10;background:#d4af371a;border-radius:2px;width:2px;height:40vh;position:absolute;top:50%;right:2rem;transform:translateY(-50%)}.scroll-fill[data-v-bd03121e]{background:linear-gradient(#d4af37,#8b7328);border-radius:2px;width:100%;transition:height .1s;position:absolute;top:0;left:0;box-shadow:0 0 8px #d4af374d}.scroll-phases[data-v-bd03121e]{letter-spacing:.15em;text-transform:uppercase;flex-direction:column;justify-content:space-between;height:100%;font-size:.55rem;display:flex;position:absolute;top:0;right:14px}.scroll-phases span[data-v-bd03121e]{color:#d4af3733;white-space:nowrap;transition:color .5s}.scroll-phases span.active[data-v-bd03121e]{color:#d4af37cc}.header-overlay[data-v-bd03121e]{z-index:10;opacity:0;background:linear-gradient(#050510e6 0%,#0000 100%);justify-content:space-between;align-items:center;padding:1.8rem 2.5rem;transition:opacity .8s,transform .8s;display:flex;position:absolute;top:0;left:0;right:0;transform:translateY(-10px)}.header-overlay.visible[data-v-bd03121e]{opacity:1;transform:translateY(0)}.header-left[data-v-bd03121e]{direction:rtl;align-items:center;gap:1rem;display:flex}.header-emblem[data-v-bd03121e]{filter:drop-shadow(0 0 6px #d4af3759);background:url(/patterns/Emblem.png) 50%/contain no-repeat;width:34px;height:34px}.header-arabic[data-v-bd03121e]{color:#d4af37;font-family:Amiri,serif;font-size:1.5rem}.header-divider[data-v-bd03121e]{background:#d4af374d;width:1px;height:24px}.header-english[data-v-bd03121e]{color:#8b7328;letter-spacing:.25em;text-transform:uppercase;font-size:.85rem;font-weight:300}.header-right[data-v-bd03121e]{align-items:center;display:flex}.btn-back[data-v-bd03121e]{color:#d4af37;letter-spacing:.1em;cursor:pointer;background:#d4af371a;border:1px solid #d4af374d;border-radius:100px;align-items:center;gap:.5rem;padding:.5rem 1.2rem;font-family:Cormorant Garamond,serif;font-size:.9rem;transition:all .3s;display:flex}.btn-back[data-v-bd03121e]:hover{background:#d4af3733;border-color:#d4af3780}.growth-indicator[data-v-bd03121e]{z-index:10;text-align:center;position:absolute;top:5rem;left:50%;transform:translate(-50%)}.growth-bar[data-v-bd03121e]{background:#d4af3726;border-radius:2px;width:200px;height:2px;margin-bottom:.5rem;overflow:hidden}.growth-fill[data-v-bd03121e]{background:linear-gradient(90deg,#d4af37,#f5e6b8);border-radius:2px;height:100%;transition:width .3s;box-shadow:0 0 10px #d4af3780}.growth-label[data-v-bd03121e]{color:#fff8e6b3;letter-spacing:.2em;text-transform:uppercase;text-shadow:0 2px 8px #000c;font-size:.7rem}.fade-enter-active[data-v-bd03121e],.fade-leave-active[data-v-bd03121e]{transition:opacity .8s}.fade-enter-from[data-v-bd03121e],.fade-leave-to[data-v-bd03121e]{opacity:0}.detail-panel[data-v-bd03121e]{z-index:10;direction:rtl;background:linear-gradient(135deg,#d4af3773,#d4af3714,#d4af3759);border-radius:18px;min-width:300px;max-width:360px;padding:2px;position:absolute;bottom:4rem;left:2.5rem}.detail-panel.ruler[data-v-bd03121e]{background:linear-gradient(135deg,#f2d27acc,#f2d27a26,#f2d27a99)}.detail-panel.female[data-v-bd03121e]{background:linear-gradient(135deg,#c77d968c,#c77d961a,#c77d9666)}.detail-glow[data-v-bd03121e]{pointer-events:none;background:radial-gradient(#d4af371a,#0000 70%);position:absolute;inset:-30px}.detail-content[data-v-bd03121e]{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#162b4b;border-radius:16px;padding:1.8rem 2rem 1.5rem;position:relative;overflow:hidden}.detail-content[data-v-bd03121e]:before{content:"";pointer-events:none;opacity:1;background-color:#96b6e280;position:absolute;inset:0;-webkit-mask:url(/patterns/pattern-NEW.svg) 50%/900px;mask:url(/patterns/pattern-NEW.svg) 50%/900px}.detail-panel.female .detail-content[data-v-bd03121e]:before{background-color:#d6a0ba75}.detail-emblem[data-v-bd03121e]{filter:drop-shadow(0 0 10px #d4af3759);background:url(/patterns/Emblem.png) 50%/contain no-repeat;width:64px;height:64px;margin:0 auto .8rem;position:relative}.detail-arabic[data-v-bd03121e]{color:#f2d27a;text-align:center;margin-bottom:.3rem;font-family:Amiri,serif;font-size:1.9rem;position:relative}.detail-title[data-v-bd03121e]{color:#e9d9a8;letter-spacing:.04em;text-align:center;margin-top:.4rem;font-family:Amiri,serif;font-size:.95rem;position:relative}.detail-kind[data-v-bd03121e]{color:#e8e0d0b3;justify-content:center;align-items:center;gap:.45rem;margin-top:.7rem;font-family:Amiri,serif;font-size:.8rem;display:flex;position:relative}.detail-kind-dot[data-v-bd03121e]{background:#6f93c9;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #6f93c980}.detail-panel.female .detail-kind-dot[data-v-bd03121e]{background:#c77d96;box-shadow:0 0 8px #c77d9680}.detail-panel.ruler .detail-kind-dot[data-v-bd03121e]{background:#f2d27a;box-shadow:0 0 8px #f2d27a80}.detail-divider[data-v-bd03121e]{background:linear-gradient(90deg,#0000,#d4af3766,#0000);width:60px;height:1px;margin:1rem auto;position:relative}.detail-children[data-v-bd03121e]{color:#d4af37cc;text-align:center;font-family:Amiri,serif;font-size:.8rem;position:relative}.detail-children-count[data-v-bd03121e]{color:#f2d27a;vertical-align:baseline;margin-left:.3rem;font-size:1.2rem;font-weight:700}.detail-children-list[data-v-bd03121e]{flex-wrap:wrap;justify-content:center;gap:.4rem;max-height:140px;margin-top:.7rem;display:flex;position:relative;overflow-y:auto}.detail-child-tag[data-v-bd03121e]{color:#d4af37d9;background:#d4af370d;border:1px solid #d4af3738;border-radius:20px;padding:.22rem .7rem;font-family:Amiri,serif;font-size:.85rem}.detail-child-tag.female[data-v-bd03121e]{color:#f0cdd8;background:#c77d960f;border-color:#c77d9659}.detail-child-tag.ruler[data-v-bd03121e]{color:#f7e6b0;background:#f2d27a14;border-color:#f2d27a99}.detail-child-tag.more[data-v-bd03121e]{color:#e8e0d080}.panel-enter-active[data-v-bd03121e],.panel-leave-active[data-v-bd03121e]{transition:all .5s cubic-bezier(.16,1,.3,1)}.panel-enter-from[data-v-bd03121e],.panel-leave-to[data-v-bd03121e]{opacity:0;transform:translateY(20px)scale(.95)}.gen-legend[data-v-bd03121e]{z-index:10;opacity:0;flex-direction:column;gap:.6rem;transition:opacity .8s,transform .8s;display:flex;position:absolute;bottom:4rem;right:2.5rem;transform:translate(10px)}.gen-legend.visible[data-v-bd03121e]{opacity:1;transform:translate(0)}.gen-item[data-v-bd03121e]{color:#e8e0d080;letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:.7rem;font-size:.75rem;display:flex}.gen-dot[data-v-bd03121e]{border-radius:50%;width:8px;height:8px}.breadcrumb[data-v-bd03121e]{z-index:11;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);direction:rtl;background:#080c1a99;border:1px solid #d4af372e;border-radius:22px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.3rem;max-width:80vw;padding:.4rem .9rem;display:flex;position:absolute;top:5.2rem;left:50%;transform:translate(-50%)}.crumb[data-v-bd03121e]{color:#e8e0d0a6;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.1rem .35rem;font-family:Amiri,serif;font-size:.92rem;transition:color .2s,background .2s}.crumb[data-v-bd03121e]:hover{color:#f2d27a;background:#d4af371a}.crumb.ruler[data-v-bd03121e]{color:#e9c97a}.crumb.current[data-v-bd03121e]{color:#f9edc2;pointer-events:none;font-weight:700}.crumb-sep[data-v-bd03121e]{color:#d4af3766;font-size:.8rem}.controls-hint[data-v-bd03121e]{z-index:10;color:#e8e0d040;letter-spacing:.2em;text-transform:uppercase;opacity:0;font-size:.7rem;transition:opacity .8s,transform .8s;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)translateY(10px)}.controls-hint.visible[data-v-bd03121e]{opacity:1;transform:translate(-50%)translateY(0)}.family-card{text-align:center;cursor:pointer;direction:rtl;position:relative;pointer-events:auto!important}.card-frame{box-sizing:border-box;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#162b4b;border:1px solid #d4af3757;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:108px;min-height:64px;padding:.55rem .6rem;transition:border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000080,inset 0 0 14px #d4af370f}.card-frame:before{content:"";pointer-events:none;opacity:1;background-color:#96b6e28c;position:absolute;inset:0;-webkit-mask:url(/patterns/pattern-NEW.svg) 50%/900px;mask:url(/patterns/pattern-NEW.svg) 50%/900px}.family-card.female .card-frame:before{background-color:#d6a0ba80}.card-emblem{opacity:.9;filter:drop-shadow(0 0 4px #d4af3759);background:url(/patterns/Emblem.png) 50%/contain no-repeat;flex:none;width:22px;height:22px;margin:0 auto .2rem;position:relative}.card-arabic{color:#e9d9a8;word-break:break-word;font-family:Amiri,serif;font-size:.95rem;line-height:1.2;position:relative}.card-title{color:#f2d27aeb;letter-spacing:.04em;margin-top:.12rem;font-family:Amiri,serif;font-size:.6rem;position:relative}.card-kids{color:#d4af37b3;letter-spacing:.05em;margin-top:.18rem;font-family:Cormorant Garamond,serif;font-size:.58rem;position:relative}.family-card.female .card-frame{border-color:#c77d9673}.family-card.female .card-arabic{color:#f0cdd8}.family-card.ruler .card-frame,.family-card.patriarch .card-frame{border-color:#f2d27abf;box-shadow:0 4px 20px #00000080,0 0 18px #f2d27a40,inset 0 0 16px #f2d27a12}.family-card.ruler .card-arabic,.family-card.patriarch .card-arabic{color:#f7e6b0}.family-card.role-parent{opacity:.82}.family-card.role-parent .card-frame:after{content:"↑ السلف";top:3px;color:#d4af3799;font-family:Amiri,serif;font-size:.5rem;position:absolute;inset-inline-start:6px}.family-card.role-focus .card-frame{border-color:#f2d27af2;box-shadow:0 6px 26px #0009,0 0 26px #f2d27a73}.family-card.role-grandchild{opacity:.9}.family-card:hover .card-frame{border-color:#f2d27a;box-shadow:0 6px 24px #0009,0 0 24px #f2d27a8c}