*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--panel-w: 320px}html,body{width:100%;height:100%;background:var(--dt-bg, #0c0202);color:var(--text, #e8d5a3);font-family:var(--body-font, "Cinzel", serif);overflow:hidden}.side-panel{background:var(--panel-bg);border:1px solid var(--header-btn-border);border-radius:var(--win-radius, 0);backdrop-filter:blur(6px);padding:10px 12px}.side-panel.collapsed .side-panel-body{display:none}.side-panel.collapsed .side-panel-toggle{margin-bottom:0}.side-panel .btn-header{background:rgba(0,0,0,0);border-color:var(--panel-sep);color:var(--text-muted);backdrop-filter:none}.side-panel .btn-header:hover{color:var(--text)}.side-panel-toggle{font-family:var(--body-font, "Cinzel", serif);font-size:10px;letter-spacing:.12em;color:var(--header-text);cursor:pointer;margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;background:none;border:none;padding:0;width:100%;transition:color .2s}.side-panel-toggle .arrow{font-size:7px;color:var(--text-muted);transition:color .2s}.side-panel-body{display:flex;flex-direction:column;gap:6px}.item-row{display:flex;cursor:pointer;padding:6px 10px;border-radius:var(--win-radius, 0);transition:background .15s,border-color .15s}.item-name{font-size:11px;color:var(--text);line-height:1.3}.item-sub{font-size:8.5px;color:var(--text-muted)}#header{position:fixed;top:0;left:0;right:0;z-index:300;display:flex;align-items:flex-start;justify-content:space-between;padding:14px 16px;background:linear-gradient(to bottom, var(--dt-bg, rgb(8, 0, 0)) 0%, color-mix(in srgb, var(--dt-bg, rgba(8, 0, 0, 0.8)) 80%, transparent) 65%, transparent 100%);pointer-events:none}#header>*{pointer-events:auto}#header h1{font-size:clamp(18px,3vw,40px);letter-spacing:.12em;text-align:center;line-height:1.1;color:var(--text, #e8d5a3)}#header h1 span{color:var(--nav-active, #c0392b);display:block;font-size:.44em;letter-spacing:.35em}#header-center{position:absolute;left:50%;top:14px;transform:translateX(-50%);display:flex;align-items:center;pointer-events:none}.sigil{width:44px;height:44px;margin:0 20px;flex-shrink:0;opacity:.9}#top-bar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}#site-logo{text-decoration:none;flex-shrink:0}#panel{width:var(--panel-w)}#panel-avatar{position:relative;width:100%;aspect-ratio:1/1;border-radius:var(--win-radius, 0);margin-bottom:20px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:hsla(0,0%,100%,.9);flex-shrink:0;overflow:hidden;background-position:center top;background-size:cover;background-repeat:no-repeat}#panel-sigil{position:absolute;top:10px;right:10px;width:52px;height:52px;object-fit:contain;pointer-events:none;display:none}#panel-era{font-size:8.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted, rgba(122, 98, 72, 0.6));margin-bottom:8px}#panel-name{font-size:18px;font-weight:700;color:var(--text, #e8d5a3);line-height:1.2;margin-bottom:5px}#panel-title{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--nav-active, #c0392b);margin-bottom:22px;line-height:1.6}#panel-dragon{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--nav-active, #c0392b);opacity:.85;margin-bottom:16px}#panel-dragon::before{content:"✦ "}#panel-desc{font-size:13px;line-height:1.85;color:var(--text-muted, rgba(232, 213, 163, 0.55))}#panel-reign{font-size:10px;letter-spacing:.13em;color:var(--text, #e8d5a3);opacity:.6;margin-top:4px;margin-bottom:18px}#panel-7k{margin-top:14px}#panel-7k a{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--nav-active, rgba(192, 57, 43, 0.8));text-decoration:none;border-bottom:1px solid var(--panel-sep, rgba(192, 57, 43, 0.3));padding-bottom:1px;transition:color .15s,border-color .15s}.panel-relations{display:flex;flex-direction:column;gap:6px}.rel-item{align-items:center;gap:10px}.rel-dot{width:26px;height:26px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:hsla(0,0%,100%,.8)}.rel-info{display:flex;flex-direction:column}#sidebar{position:fixed;top:80px;right:16px;z-index:90;width:192px;display:flex;flex-direction:column;gap:8px}#sidebar-toggle-btn{display:none}#legend{font-size:10px;line-height:2;color:var(--text-muted)}.leg-row{display:flex;align-items:center;gap:8px}.leg-line{width:26px;height:2px;flex-shrink:0}.l-married{background:var(--rel-married, #27ae60)}.l-sibling{background:var(--rel-sibling, #e74c3c)}.l-cousin{background:var(--rel-cousin, #c77a1a)}.l-uncle{background:var(--rel-uncle, #c01878)}.l-bastard{background:var(--rel-bastard, #6a5040);border-top:1px dashed var(--rel-bastard, #6a5040)}#minimap{width:100%;height:120px;box-sizing:border-box;background:var(--dt-bg);border:1px solid var(--panel-sep);border-radius:var(--win-radius, 0);overflow:hidden;cursor:pointer}#minimap svg{display:block;width:100%;height:100%}#minimap .mm-node{fill:var(--header-text);opacity:.6}#minimap .mm-node.royal{fill:var(--nav-active);opacity:.9}#minimap .mm-viewport{fill:var(--nav-active);fill-opacity:.15;stroke:var(--nav-active);stroke-width:1.2;pointer-events:none}#filters{font-size:10px;color:var(--text-muted);letter-spacing:.08em}#filters .side-panel-body{gap:10px}.filter-section label{display:block;font-size:8.5px;margin-bottom:5px;color:var(--text-muted)}.filter-houses{display:flex;flex-wrap:wrap;gap:4px}.btn-header--filter{font-size:7.5px;padding:3px 6px;letter-spacing:.05em;line-height:1}.btn-header--filter.active{background:var(--nav-active);color:#fff;border-color:var(--nav-active)}#gen-range{display:flex;flex-direction:column;gap:4px}#gen-range .gr-row{display:flex;align-items:center;gap:6px}#gen-range .gr-row span{font-size:7.5px;letter-spacing:.1em;width:22px;color:var(--text-muted);text-transform:uppercase}#gen-range input[type=range]{flex:1 1 0;min-width:0;accent-color:var(--nav-active, #c0392b)}#gen-range-label{font-size:8.5px;color:var(--header-text);text-align:right;margin-top:2px}#home-btn{width:100%;font-size:8px}#filters-clear{margin-top:4px;font-size:8px}.sr-item{align-items:center}.sr-item .item-name{font-size:13px}.sr-item .item-sub{font-size:9px;letter-spacing:.12em;text-transform:uppercase}#theme-switcher{position:fixed;bottom:20px;left:16px;z-index:300;margin-left:0;background:var(--header-btn-bg, rgba(6, 0, 0, 0.88));border:1px solid var(--header-btn-border, rgba(192, 57, 43, 0.25));border-radius:var(--win-radius, 0);padding:6px 8px;backdrop-filter:blur(8px)}#theme-switcher .btn-header{padding:3px 7px;letter-spacing:.04em;background:rgba(0,0,0,0);color:var(--header-btn-text)}#theme-switcher .btn-header.active{background:var(--btn-active-bg);color:var(--btn-active-fg);border-color:var(--btn-active-fg)}#reset-btn{color:var(--text-muted)}#copy-btn{color:var(--header-text)}#copy-btn.copied{border-color:var(--header-text, #c9a84c);color:var(--text, #e8d5a3)}#edit-badge{position:fixed;bottom:20px;right:20px;z-index:150;font-size:9px;letter-spacing:.22em;color:var(--text-muted, rgba(201, 168, 76, 0.35));pointer-events:none;text-transform:uppercase}.node.dragging{cursor:grabbing}.node:not(.dragging){cursor:pointer}#hint{position:fixed;bottom:66px;left:16px;z-index:50;font-size:10px;color:var(--text-muted, rgba(122, 98, 72, 0.4));letter-spacing:.07em;transition:opacity .4s}#hint.hidden{opacity:0;pointer-events:none}#canvas-wrap{position:fixed;top:0;left:0;right:0;bottom:0;cursor:grab;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}#canvas-wrap:active{cursor:grabbing}#canvas-wrap svg{touch-action:none}#gK stop:first-child{stop-color:var(--gK-c1);transition:stop-color .2s}#gK stop:last-child{stop-color:var(--gK-c2);transition:stop-color .2s}#gQ stop:first-child{stop-color:var(--gQ-c1);transition:stop-color .2s}#gQ stop:last-child{stop-color:var(--gQ-c2);transition:stop-color .2s}#gP stop:first-child{stop-color:var(--gP-c1);transition:stop-color .2s}#gP stop:last-child{stop-color:var(--gP-c2);transition:stop-color .2s}#gO stop:first-child{stop-color:var(--gO-c1);transition:stop-color .2s}#gO stop:last-child{stop-color:var(--gO-c2);transition:stop-color .2s}#gB stop:first-child{stop-color:var(--gB-c1);transition:stop-color .2s}#gB stop:last-child{stop-color:var(--gB-c2);transition:stop-color .2s}.namelabel{fill:var(--label-color);font-family:var(--body-font, "Cinzel", serif);transition:fill .2s}.node text[dominant-baseline=central]{fill:var(--letter-color);font-family:var(--body-font, "Cinzel", serif);transition:fill .2s}.era-labels text{fill:var(--era-color);font-family:var(--body-font, "Cinzel", serif);transition:fill .2s}.sigil path:first-child{fill:var(--nav-active);opacity:.7}.sigil path:last-of-type{fill:var(--nav-active)}.sigil circle{fill:var(--header-text)}html[data-style=win95] .btn-header{border:2px solid;border-radius:0;border-top-color:var(--btn-lt, #dfdfdf);border-left-color:var(--btn-lt, #dfdfdf);border-right-color:var(--btn-dk, #404040);border-bottom-color:var(--btn-dk, #404040);backdrop-filter:none;padding:2px 8px;font-size:10px;letter-spacing:0}html[data-style=win95] .btn-header:hover{border:2px solid;border-radius:0;border-top-color:var(--btn-lt, #dfdfdf);border-left-color:var(--btn-lt, #dfdfdf);border-right-color:var(--btn-dk, #404040);border-bottom-color:var(--btn-dk, #404040);color:var(--nav-active)}html[data-style=win95] .btn-header:active{border:2px solid;border-radius:0;border-top-color:var(--btn-dk, #404040);border-left-color:var(--btn-dk, #404040);border-right-color:var(--btn-lt, #dfdfdf);border-bottom-color:var(--btn-lt, #dfdfdf)}html[data-style=win95] .side-panel{border:2px solid;border-radius:0;border-top-color:var(--btn-lt, #dfdfdf);border-left-color:var(--btn-lt, #dfdfdf);border-right-color:var(--btn-dk, #404040);border-bottom-color:var(--btn-dk, #404040)}html[data-style=modern] #theme-switcher .btn-header.active{box-shadow:0 2px 8px rgba(107,92,231,.3)}.side-panel-toggle:focus-visible,.item-row:focus-visible{outline:2px solid var(--nav-active);outline-offset:2px}@media(hover: hover)and (pointer: fine){.side-panel-toggle:hover{color:var(--text)}.side-panel-toggle:hover .arrow{color:var(--text)}.item-row:hover{background:var(--hover-bg)}.item-row:hover .item-name{color:var(--hover-fg)}.item-row:hover .item-sub{color:var(--hover-fg);opacity:.7}#panel-7k a:hover{color:var(--text);border-color:var(--text-muted)}}@media(max-width: 900px){#sidebar{display:none;position:fixed;top:56px;right:10px;left:auto;bottom:auto;width:240px;z-index:450}#sidebar.open{display:flex}#sidebar-toggle-btn{display:inline-flex}}@media(max-width: 600px){#panel{width:100%}#header{padding:10px}#header-center{display:none}#top-bar-right{gap:5px}#theme-switcher{bottom:12px;padding:4px 6px}#hint{bottom:58px;left:10px;font-size:9px}}