@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&family=Noto+Serif+KR:wght@400;500;600;700&display=swap');
:root{--bg:#101b23;--panel:#192933;--ink:#e8e8dd;--muted:#91a4ac;--gold:#d6b575;--line:#344a55;--teal:#79b6af;--red:#c98578;--serif:'Noto Serif KR',serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:13px 'Noto Sans KR',sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit;color:inherit;background:transparent;border:1px solid var(--line);border-radius:4px}button:hover{border-color:var(--gold);color:var(--gold)}button:focus-visible,a:focus-visible,#viewport:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}a{color:var(--gold);text-decoration:none}header{height:72px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;font:23px var(--serif);letter-spacing:2px;color:var(--ink);gap:12px}.brand>span{background:#97483e;padding:2px 8px;color:#efddc5}.brand small{font:9px sans-serif;letter-spacing:2px;color:var(--muted);margin-left:10px}.scope{color:var(--gold);font-size:11px;letter-spacing:1px}.scope i{display:inline-block;height:1px;width:18px;background:var(--line);vertical-align:middle;margin:0 9px}header>button{border:0;color:var(--muted);font-size:11px}.workspace-head{display:flex;align-items:center;justify-content:space-between;padding:19px 32px;gap:20px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--gold)}h1{font:500 24px var(--serif);margin:5px 0 0}.layer-controls{display:flex;gap:6px;flex-wrap:wrap}.layer-controls button{font-size:10px;padding:8px 11px;color:var(--muted)}.layer-controls button[aria-pressed=true]{background:#ffffff05;color:var(--ink)}.layer-controls button[aria-pressed=false]{opacity:.45}.layer-controls i{display:inline-block;width:15px;height:2px;vertical-align:middle;margin-right:6px}.family-key{background:#98a7ac}.crown-key{background:var(--gold)}.politics-key{background:var(--red)}.works-key{background:var(--teal)}.canvas-shell{position:relative;margin:0 20px}#viewport{height:calc(100dvh - 298px);min-height:440px;max-height:1000px;border:1px solid var(--line);border-radius:6px;overflow:hidden;position:relative;touch-action:none;cursor:grab;background:radial-gradient(ellipse at 40% 50%,#31505b1c,transparent 70%),radial-gradient(#b9cdcf16 .8px,transparent .8px);background-size:auto,24px 24px;box-shadow:inset 0 0 120px #0002}#viewport.dragging{cursor:grabbing}#world{position:absolute;left:0;top:0;width:2500px;height:1400px;transform-origin:0 0;will-change:transform}#world.animate{transition:transform .65s cubic-bezier(.22,.7,.2,1)}#edges{position:absolute;inset:0;overflow:visible;pointer-events:none}.edge path{fill:none;stroke:#81979f;stroke-width:1.7;opacity:.36}.edge text{font-size:11px;fill:#a2b5bd;paint-order:stroke;stroke:var(--bg);stroke-width:6px;stroke-linejoin:round}.edge.mother path{stroke-dasharray:3 6;opacity:.2}.edge.marriage path{stroke:#aeb6b0;stroke-dasharray:5 3;opacity:.6}.edge.succession path{stroke:var(--gold);stroke-width:3;opacity:.7}.edge.succession text{fill:var(--gold)}.edge.conflict path{stroke:var(--red);stroke-dasharray:7 5;opacity:.55}.edge.conflict text{fill:var(--red)}.edge.alliance path,.edge.work path{stroke:var(--teal);stroke-dasharray:4 6;opacity:.45}.edge.alliance text,.edge.work text{fill:var(--teal)}.edge.relevant path{opacity:.95;stroke-width:3}.edge.relevant.succession path{stroke-dasharray:10 5;animation:flow 12s linear infinite}.edge.dim{opacity:.14}.person-node{position:absolute;width:220px;z-index:2;animation:appear .5s both}.person-main{display:grid;width:220px;height:110px;grid-template-columns:46px minmax(0,1fr);gap:11px;text-align:left;padding:15px 14px;background:linear-gradient(135deg,#223640,#15252f);border:1px solid #4c626d;box-shadow:0 12px 26px #0002;border-radius:5px;color:var(--ink)}.person-node.king .person-main{border-color:#9d845454;background:linear-gradient(125deg,#3f382724,#20313a)}.person-node.selected .person-main{border-color:var(--gold);box-shadow:0 0 0 3px #d6b57517,0 15px 40px #0004}.person-node.relevant .person-main{border-color:#d6b57588}.han{font:22px var(--serif);color:var(--gold);border:1px solid #b3a17d44;display:grid;place-items:center;grid-row:1/4;width:46px;height:68px;background:#d6b57508}.node-copy{min-width:0}.person-main b{font:600 18px var(--serif);display:block;white-space:nowrap;letter-spacing:-.4px}.person-main small{color:var(--muted);font-size:9px;display:block;margin-top:7px;line-height:1.5}.person-main .life{font:10px Georgia,serif;color:#b7c4c8;letter-spacing:1px;margin-top:7px}.expand-branch{display:block;margin:7px auto 0;padding:5px 11px;background:#172b36;box-shadow:0 4px 18px #0003;color:var(--gold);border-color:#6c664854;font-size:10px;min-height:28px}.expand-branch[aria-expanded=true]{border-style:dashed;color:var(--muted)}.work-node{position:absolute;z-index:2;animation:appear .6s both}.poster-button{display:block;width:100%;height:100%;position:relative;overflow:hidden;padding:0;text-align:left;border:1px solid #79b6af80;background:#0b151b;box-shadow:0 15px 40px #0005;border-radius:4px;transition:transform .3s,box-shadow .3s}.poster-button img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.7)}.poster-button:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 50%,#071117ed)}.poster-button:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0008}.poster-caption{position:absolute;bottom:12px;left:13px;right:10px;z-index:1}.poster-caption small{color:var(--teal);font-size:9px;display:block}.poster-caption b{font:600 20px var(--serif);display:block;margin-top:5px;color:#f1e7d4}.work-node.relevant .poster-button{border-color:var(--teal);box-shadow:0 0 0 4px #79b6af13,0 15px 40px #0004}.muted-node{opacity:.42}.world-label{position:absolute;font:11px var(--serif);color:var(--gold);letter-spacing:5px;opacity:.5;pointer-events:none}.canvas-title{position:absolute;left:23px;top:21px;pointer-events:none;display:flex;flex-direction:column;gap:8px;padding:0 20px 16px 0;background:linear-gradient(100deg,#101b23e0,transparent)}.canvas-title>span{color:var(--gold);font-size:8px;letter-spacing:2px}.canvas-title b{font:20px var(--serif)}.canvas-title small{font-size:10px;color:var(--muted)}.map-controls{position:absolute;bottom:17px;left:18px;display:flex;align-items:center;padding:5px;background:#12232eeb;border:1px solid var(--line);border-radius:5px;gap:4px;box-shadow:0 10px 30px #0003}.map-controls button{padding:6px 11px;font-size:11px;border:0}.map-controls button:first-child,.map-controls #zoomOut{font-size:18px}.map-controls>span{font-size:9px;color:var(--muted);min-width:36px;text-align:center}.canvas-hint{position:absolute;left:23px;bottom:74px;font-size:9px;color:var(--muted);pointer-events:none;background:#101b2399;padding:4px 0}.minimap{position:absolute;right:18px;bottom:17px;background:#111e28e8;padding:8px;border:1px solid var(--line);border-radius:4px;width:155px;pointer-events:none}.minimap svg{width:100%;height:75px;display:block}.minimap span{display:block;text-align:center;color:var(--muted);font-size:8px;margin-top:5px}#status{position:absolute;top:20px;right:20px;font-size:10px;color:var(--gold);pointer-events:none;background:#13242dcf;padding:6px 10px;border-radius:4px}#status:empty{display:none}#inspector{position:absolute;top:12px;right:12px;width:310px;max-height:calc(100% - 24px);overflow:auto;z-index:5;padding:28px 23px;background:#182a35f5;backdrop-filter:blur(20px);border:1px solid #5d727c;border-radius:5px;box-shadow:-20px 10px 80px #0005;animation:appear .3s both}#closeInspector{position:absolute;right:10px;top:9px;border:0;padding:5px;font-size:17px}.inspector-kicker{font-size:9px;color:var(--gold);letter-spacing:2px}.inspector-name{font:25px var(--serif);margin:13px 0 8px}.inspector-meta{font-size:10px;color:var(--muted);line-height:1.9}.inspector-text{font-size:12px;color:#b6c5cc;line-height:1.95}.inspector-actions{display:flex;gap:6px;flex-wrap:wrap;margin:15px 0}.inspector-actions button{padding:7px 10px;font-size:10px;border-color:#5b6c64;color:var(--gold)}.inspector-subhead{font-size:10px;color:var(--gold);margin:22px 0 10px;letter-spacing:1px}.connection-list{display:flex;flex-direction:column;gap:7px}.connection-list button{font-size:11px;text-align:left;padding:8px 10px;display:flex;justify-content:space-between;gap:10px;background:#ffffff03}.connection-list small{color:var(--muted);font-size:9px}.inspector-source{font-size:10px;display:inline-block;margin-top:18px}.inspector-poster{width:100%;max-height:240px;object-fit:contain;background:#0c161f;margin:12px 0}.notice{font-size:10px;color:var(--muted);line-height:1.9;padding:11px;border:1px solid var(--line);margin-top:13px}.inspector-thumbs{display:flex;gap:8px}.inspector-thumbs button{width:72px;padding:0;overflow:hidden;font-size:9px}.inspector-thumbs img{display:block;width:100%;height:78px;object-fit:cover}.inspector-thumbs span{display:block;padding:6px 3px}.time-bar{display:flex;align-items:center;gap:16px;margin:19px 32px 10px}.time-bar>button{border:0;color:var(--gold);font-size:20px;padding:8px}.time-heading{width:145px;flex-shrink:0}.time-heading>span{font-size:8px;color:var(--muted);letter-spacing:1px;display:block}.time-heading b{font:30px Georgia,serif;color:var(--gold);display:block;margin:3px 0}.time-heading small{font-size:10px;display:block}.timeline-wrap{flex:1;min-width:0}#eventTicks{display:flex;justify-content:space-between;gap:4px;margin-bottom:9px}#eventTicks button{border:0;padding:2px 3px;text-align:center;font-size:9px;color:var(--muted);line-height:1.6}#eventTicks button span{display:block;font-size:8px}#eventTicks button[aria-pressed=true]{color:var(--gold)}input[type=range]{width:100%;accent-color:var(--gold);height:3px;cursor:ew-resize;display:block}.range-ends{display:flex;justify-content:space-between;color:var(--muted);font-size:8px;margin-top:10px}.footnote{display:flex;justify-content:space-between;gap:20px;padding:8px 32px 12px;font-size:8px;color:var(--muted)}.footnote button{border:0;font-size:9px;flex-shrink:0;color:var(--muted)}#helpText{font-size:11px;line-height:1.9;color:var(--muted);padding:12px 32px;border-top:1px solid var(--line);background:var(--panel)}#helpText b{color:var(--ink);margin-right:15px}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}[hidden]{display:none!important}.zoom-far .person-main small,.zoom-far .person-main .life{display:none}.zoom-far .person-main b{font-size:22px}.zoom-far .person-main{align-items:center}.zoom-far .han{height:60px}.zoom-far .edge text{font-size:14px}@keyframes flow{to{stroke-dashoffset:-120}}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){header{padding:0 20px}.brand small{display:none}.workspace-head{padding:15px 20px;align-items:flex-start}h1{font-size:21px}.layer-controls{max-width:310px;justify-content:flex-end}.layer-controls button{padding:6px 8px;font-size:9px}.canvas-shell{margin:0 12px}#viewport{height:calc(100dvh - 295px)}.time-bar{margin:16px 16px 8px;gap:6px}.time-heading{width:110px}.footnote{padding:6px 20px 12px}.minimap{width:125px}.scope{font-size:9px}}@media(max-width:600px){header{height:60px;padding:0 15px;gap:8px}.brand{font-size:20px;gap:9px}.scope{font-size:8px;letter-spacing:0}.scope i{display:none}.scope{max-width:90px;text-align:center;line-height:1.7}header>button{font-size:9px;max-width:56px}.workspace-head{padding:13px 15px;display:block}.eyebrow{font-size:8px}h1{font-size:22px}.layer-controls{max-width:none;justify-content:flex-start;gap:4px;margin-top:12px}.layer-controls button{font-size:9px;padding:6px 7px}.layer-controls i{width:10px;margin-right:4px}.canvas-shell{margin:0 8px}#viewport{height:calc(100dvh - 345px);min-height:390px}.canvas-title{left:14px;top:14px;gap:6px}.canvas-title b{font-size:16px}.canvas-title small{font-size:8px}.canvas-title>span{font-size:7px;letter-spacing:1px}.canvas-hint{display:none}.map-controls{left:8px;bottom:8px;gap:0;padding:3px}.map-controls button{padding:6px 8px;font-size:9px}.map-controls>span{min-width:30px;font-size:8px}.map-controls button:first-child,.map-controls #zoomOut{font-size:16px}.minimap{right:8px;bottom:57px;width:89px;padding:4px}.minimap svg{height:43px}.minimap span{font-size:6px}#status{top:auto;right:12px;bottom:111px;font-size:8px;max-width:210px}.time-bar{margin:13px 9px 9px;gap:5px}.time-bar>button{padding:5px;font-size:16px}.time-heading{width:75px}.time-heading b{font-size:25px}.time-heading small{font-size:8px}#eventTicks{overflow:auto;justify-content:flex-start;gap:10px;margin-bottom:11px;padding:0 0 3px}#eventTicks button{white-space:nowrap;font-size:8px;flex-shrink:0}#eventTicks button span{font-size:7px}.range-ends{font-size:7px}.footnote{padding:6px 15px 12px;display:block;font-size:7px;line-height:1.8}.footnote button{margin-top:5px;padding:0;font-size:8px}#inspector{top:9px;right:9px;width:calc(100% - 18px);max-height:60%;padding:25px 20px;box-shadow:0 25px 60px #0008}#helpText{padding:12px 15px;font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:600px){#eventTicks{scrollbar-width:none}#eventTicks::-webkit-scrollbar{display:none}}

/* Map gestures must never select text or initiate native image dragging. */
#viewport,#viewport *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#viewport img{-webkit-user-drag:none}#viewport::selection,#viewport *::selection{background:transparent}#inspectorContent{-webkit-user-select:text;user-select:text}.minimap{width:100px}.minimap svg{height:110px}@media(max-width:600px){.minimap{width:62px}.minimap svg{height:70px}}
#viewport{overflow:clip}

/* A vertical reading layout, rather than a rotated family tree. */
#viewport{background:#111f28;background-image:linear-gradient(90deg,#0c171f55,transparent 28%,transparent 72%,#0c171f55);box-shadow:none}
#world{isolation:isolate}.reign-spine{position:absolute;width:2px;background:linear-gradient(transparent,#d6b57544 5%,#d6b57544 90%,transparent);z-index:-1;pointer-events:none}
.map-column-label{position:absolute;color:#7e969f;font-size:11px;letter-spacing:2px;pointer-events:none}.map-column-label:nth-child(2){color:var(--gold)}
.person-main{background:#1b303d;border-color:#395562;box-shadow:0 8px 24px #0002;border-radius:8px}
.person-main b{font-size:16px;letter-spacing:-.5px}.person-main small{font-size:10px;color:#afc0c8}.person-main .life{font-size:10px;color:#afc0c8}
.person-node.king{width:260px}.person-node.king .person-main{width:260px;height:140px;padding:24px 18px;grid-template-columns:49px minmax(0,1fr);gap:14px;background:linear-gradient(120deg,#2c3e40,#20323c);border:1px solid #9e8b615e;box-shadow:0 14px 40px #0003}
.person-node.king .person-main b{font-size:23px;letter-spacing:-.7px}.person-node.king .person-main small{font-size:11px;line-height:1.7;color:#c5ccc4}.person-node.king .person-main .life{color:#c1b28e;font-size:10px}
.person-node.king .han{height:86px;width:49px;display:flex;flex-direction:column;justify-content:center;font-size:23px;border:0;background:transparent;gap:7px}
.person-node.king .han>small{margin:0;font:12px Georgia,serif;letter-spacing:2px;color:var(--gold)}.han{font-size:18px;width:42px;height:63px;border:0;background:#d6b57509;border-radius:3px}
.expand-branch{margin-top:9px;background:#1a3038;border:1px solid #476266;border-radius:20px;padding:6px 13px;font-size:11px;min-height:31px}
.edge path{opacity:.3;stroke-width:1.4}.edge.succession path{opacity:.85;stroke-width:2.5}.edge.relevant path{stroke-width:2;opacity:.8}.edge text{font-size:12px;stroke-width:7px}.edge.succession text{font-size:11px;fill:#c5b183}.edge.work path{stroke-dasharray:3 5;opacity:.4}
.event-marker{position:absolute;width:180px;padding:12px 10px;border-radius:30px;border:1px solid #59634e;background:#192b31;text-align:center;font-size:11px;z-index:2;color:#d7d6c6;box-shadow:0 0 0 12px #111f28}.event-marker small{display:block;color:var(--gold);font:12px Georgia,serif;margin-bottom:5px;letter-spacing:1px}
.poster-button{border-radius:7px;border-color:#526765;box-shadow:0 12px 30px #0004}.poster-button img{filter:saturate(.85)}.poster-caption{bottom:13px}.poster-caption b{font-size:21px}.poster-caption small{font-size:10px;color:#bed6ce}
.canvas-title{left:18px;top:14px;display:flex;flex-direction:row;align-items:center;gap:12px;padding:10px 14px;background:#152730e8;border:1px solid #3c535c;border-radius:30px}.canvas-title>span{font-size:7px;letter-spacing:1px;color:#84999f}.canvas-title b{font:12px 'Noto Sans KR',sans-serif}.canvas-title small{display:none}
#status{max-width:280px;line-height:1.8;font-size:10px;top:68px;right:17px;background:#152730f0;border:1px solid #3c535c;padding:9px 13px}
.workspace-head{padding-top:16px;padding-bottom:16px}h1{font-size:23px}.workspace-head .eyebrow{color:#98acae;font-size:9px}
.minimap{background:#12232ce8;border-color:#3c535c}.minimap span{font-size:7px}.map-controls{border-color:#3c535c;background:#152730ee}.map-controls button{padding:8px 11px}.canvas-hint{color:#a0b2b9}
#inspector{background:#1a2c36f8;border-color:#526976;border-radius:9px}.inspector-name{font-size:27px}.inspector-text{color:#d0dadd;font-size:13px;line-height:2}.inspector-meta{font-size:11px;color:#aabfc8}
@media(max-width:600px){.workspace-head{padding:12px 15px}h1{font-size:21px}.canvas-title{left:9px;right:9px;top:9px;padding:9px 12px;justify-content:space-between}.canvas-title>span{font-size:6px}.canvas-title b{font-size:10px}#status{top:54px;bottom:auto;max-width:180px;font-size:8px;right:9px;padding:6px 9px}.map-controls button{padding:7px 8px}.person-node.king .person-main b{font-size:23px}.minimap{opacity:.75}.footnote{font-size:7px}}

#viewport:focus-visible{outline:none}#viewport.keyboard-focus{outline:2px solid var(--gold);outline-offset:3px}

.canvas-title{display:none}@media(max-width:600px){.person-main b{font-size:19px}.person-main small{font-size:12px}}

/* Keep the complete network visible; use weight and emphasis instead of hiding edges. */
.edge path{stroke-width:1.6;opacity:.48}.edge.mother path{stroke-dasharray:3 6;opacity:.34}.edge.family path{stroke:#93aab5;opacity:.46}.edge.marriage path{stroke:#b6c4bd;opacity:.7}.edge.succession path{stroke-width:3;opacity:.95}.edge.conflict path{stroke:#d9968a;stroke-width:1.8;opacity:.64}.edge.alliance path{opacity:.6}.edge.work path{stroke:var(--teal);opacity:.4;stroke-width:1.5}.edge.dim{opacity:.35}.edge.relevant path{opacity:.95;stroke-width:2.5}.edge.succession.relevant path{stroke-width:3}.edge .quiet-label{display:none}.edge.hover-relevant{opacity:1!important}.edge.hover-relevant path{opacity:1;stroke-width:3}.edge.hover-relevant .quiet-label{display:block}.edge.hover-relevant text{font-size:12px}.edge text{stroke-width:8px}.edge.hover-relevant.succession path{stroke-width:3.5}