.period-navigation{padding:10px 20px 12px;background:#efe9dbbd;border-bottom:1px solid #cfc3aa}#eraNav{display:flex;gap:5px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:thin}#eraNav button{flex:1;min-width:104px;white-space:nowrap;padding:8px 9px;font-size:12px;border:1px solid #c8c5af;background:#faf6eb;color:#5b634e;border-radius:3px}#eraNav small{display:block;font-size:9px;letter-spacing:.5px;color:#8e7a57;margin-bottom:4px}#eraNav button[aria-pressed=true]{background:#405a47;color:#fff9e8;border-color:#405a47}#eraNav button[aria-pressed=true] small{color:#dfd6b5}.history-jumps{display:flex;gap:8px;margin-top:6px}.history-jumps label{flex:1}.history-jumps select{width:100%;padding:8px 30px 8px 10px;font:12px 'Noto Sans KR',sans-serif;color:#536046;background:#fbf8ed;border:1px solid #c9c2ac;border-radius:3px;min-height:37px}
body[data-design=tree] .dynasty-overview .map-name.overview-person{font:600 11px/1.2 'Noto Sans KR',sans-serif;white-space:nowrap;padding:3px 5px}body[data-design=tree] .dynasty-overview .overview-person small{display:none}body[data-design=tree] .dynasty-overview .person-main{opacity:.25}body[data-design=tree] .edge.adoption path{stroke:#8a6ca4;stroke-dasharray:8 6;opacity:.8}body[data-design=tree] .edge.descent path{stroke:#6c8095;stroke-dasharray:2 8;opacity:.7}body[data-design=tree] .edge.kinship path{stroke:#87986f;stroke-dasharray:6 5}.map-relation.adoption{color:#77548c;background:#f5ecf9}.map-relation.descent{color:#516b83}.edge.adoption text{fill:#77548c}.edge.descent text{fill:#516b83}.history-art figcaption{font-family:'Noto Sans KR',sans-serif}
body[data-design=tree] .scope{font-size:10px}body[data-design=tree] .zoom-far .event-marker{visibility:visible;font-size:max(15px,calc(10px / var(--map-zoom,1)));padding:15px;width:210px;min-height:100px}body[data-design=tree] .dynasty-overview .event-marker{visibility:hidden}body[data-design=tree] .poster-caption small{font-size:10px}.poster-button img{object-fit:cover}.work-node .poster-caption{background:linear-gradient(transparent,#263b2de8)}.route-summary>div>div{max-height:170px;overflow:auto}.route-summary .blood-route:after{content:'보라 점선: 양계 · 점으로 이어진 후손선: 중간 세대 생략';display:block;font-size:10px;line-height:1.7;color:#7c6982;margin-top:8px}
@media(max-width:600px){.period-navigation{padding:8px}#eraNav button{font-size:11px;min-width:98px;min-height:48px}#eraNav small{font-size:9px}.history-jumps select{font-size:11px;min-height:40px}.scope{max-width:120px!important}.scope i{display:none}.workspace-head{min-height:140px!important}#displayOptions{margin-top:7px}.history-jumps{gap:5px}}

body[data-design=tree] .zoom-far .event-marker{visibility:hidden}.map-event{position:absolute;transform:translate(-50%,-50%);width:98px;pointer-events:auto;border:1px solid #b7a27a88;background:#f8f1e3ed;border-radius:3px;padding:5px 6px;color:#6d5b38;box-shadow:0 2px 5px #735c2912;font:11px/1.35 'Noto Sans KR',sans-serif}.map-event small{font:10px Georgia,serif;display:block;color:#9a7541;margin-bottom:2px}.map-event b{font-weight:500;display:block}#status{top:auto;right:auto;left:12px;bottom:65px;max-width:calc(100% - 140px);font-size:10px;line-height:1.5;padding:6px 10px;pointer-events:none;opacity:.85}

.global-king{position:absolute;transform:translate(-50%,-50%);width:142px;display:grid;grid-template-columns:20px 1fr 34px;gap:5px;align-items:center;padding:3px 6px;border:1px solid #a99a7b85;border-radius:3px;background:#fff9ecf5;pointer-events:auto;color:#4b573e;font:11px/1.3 'Noto Sans KR',sans-serif;box-shadow:0 1px 4px #63513615}.global-king small{font:10px Georgia,serif;color:#9a6e37}.global-king b{font-weight:600}.global-king em{font:10px Georgia,serif;color:#8d7753}.global-leaders{position:absolute;inset:0;pointer-events:none;overflow:visible}.global-leaders path{fill:none;stroke:#8d8b6a;stroke-width:.7;opacity:.45}body[data-design=tree] .dynasty-overview .edge:not(.succession) path{opacity:.16;stroke-width:calc(.6px / var(--map-zoom,1))}@media(max-width:600px){.global-king{width:126px;font-size:10px;grid-template-columns:18px 1fr 28px;gap:2px}.global-king em{font-size:9px}}
#world{will-change:auto}#world.animate{transition:none}body[data-design=tree] .ordered-lane{background:transparent!important;border:0}body[data-design=tree] .dynasty-overview .ordered-row,body[data-design=tree] .dynasty-overview .ordered-lane{visibility:hidden}

.global-king{height:20px;padding:2px 6px}

.history-jumps label{min-width:0}@media(max-width:600px){.history-jumps{flex-wrap:wrap}.history-jumps label{flex:1 1 40%}.history-jumps label:last-child{flex-basis:100%}}