body.dna-atlas-page{overflow:hidden;background:#10160f}.na-app{--na-bg:#10160f;--na-panel:#1a2418;--na-text:#ebe9dd;--na-muted:#bbc1b0;--na-line:#788969;--na-active:#e6d29a;color:var(--na-text);font-family:system-ui,sans-serif;display:flex;flex-direction:column;height:calc(100dvh - 60px);min-height:400px;padding:0 18px 10px;box-sizing:border-box;max-width:none;margin:0;background:var(--na-bg)}.na-app *{box-sizing:border-box}.na-app button,.na-app input{font:inherit}.na-app button{color:var(--na-text);background:#20291c;border:1px solid #4b5842;border-radius:5px;padding:7px 10px;font-size:12px;cursor:pointer}.na-app button:hover{background:#2e3926;border-color:#acae88}.na-app button:disabled{opacity:.45;cursor:default}.na-app :focus-visible{outline:2px solid #efdca5;outline-offset:3px}.na-heading{display:flex;align-items:center;gap:20px;min-height:78px;padding:10px 0;flex-shrink:0}.na-eyebrow{font-size:9px;letter-spacing:1.6px;color:#bec5b0}.na-heading h1{font:24px/1.15 Georgia,serif;margin:4px 0;color:var(--na-text)}.na-heading p{font-size:11px;margin:0;color:var(--na-muted)}.na-search{position:relative;margin-left:auto;width:260px}.na-search input{width:100%;padding:9px 12px;border:1px solid #4b5842;border-radius:5px;background:#192216;color:var(--na-text);font-size:13px}.na-search #na-results{position:absolute;z-index:20;top:42px;right:0;width:360px;max-width:calc(100vw - 30px);max-height:50vh;overflow:auto;padding:8px;border:1px solid #65745b;background:#182216;box-shadow:0 12px 32px #0008}.na-search #na-results button{display:block;text-align:left;width:100%;border:0;padding:9px;background:transparent}.na-search small{display:block;color:var(--na-muted);margin-top:4px}.na-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:7px 0;border-top:1px solid #344030;border-bottom:1px solid #344030;flex-shrink:0}.na-divider{width:1px;height:20px;background:#46513c;margin:0 4px}.na-spacer{flex:1}.na-tools output{font-size:11px;min-width:34px;text-align:center}.na-context{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:11px;min-height:32px;padding:5px 0;color:var(--na-muted);flex-shrink:0}.na-context button{border:0;background:transparent;padding:2px 4px;text-decoration:underline;text-underline-offset:3px;font-size:11px;color:#d4d6be}.na-dot{padding:0 3px}.na-viewport{position:relative;flex:1;min-height:180px;overflow:hidden;touch-action:none;cursor:grab;background:radial-gradient(ellipse at 50% 45%,#182314,#10160f 72%);border:1px solid #34442d;border-radius:8px;isolation:isolate}.na-viewport.is-dragging{cursor:grabbing;user-select:none}.na-world{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}.na-lines{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}.na-route{fill:none;stroke:var(--na-line);stroke-width:1.6;stroke-linecap:butt;stroke-linejoin:miter;vector-effect:non-scaling-stroke;opacity:.8}.na-tone-1{stroke:#a6a37d}.na-tone-2{stroke:#859c79}.na-tone-3{stroke:#969274}.na-route.is-related{stroke:#e6d29a;stroke-width:2;opacity:1}.na-person{position:absolute;width:200px;height:var(--na-card-height,112px);border-radius:7px;background:var(--na-panel);border:1px solid #65715a;display:flex;flex-direction:column;text-align:center;align-items:center;padding:11px 9px 5px;z-index:2;color:var(--na-text)}.na-person.is-selected{border-color:#e6d29a;background:#333923;box-shadow:0 0 0 2px #e6d29a}.na-person.is-related:not(.is-selected){border-color:#b3b28c}.na-person .na-select{position:absolute;inset:0;width:100%;height:100%;padding:0;background:transparent!important;border:0;z-index:0}.na-person .na-name{position:relative;z-index:1;font:15px/1.25 Georgia,serif;min-height:38px;max-width:100%;background:transparent;border:0;padding:0 3px;color:#f1eedf;overflow-wrap:anywhere;cursor:pointer}.na-person .na-name:hover{text-decoration:underline;text-underline-offset:3px}.na-dates{font-size:10px;line-height:1.4;margin:5px 0;color:#bcc6b2;pointer-events:none;position:relative}.na-card-actions{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:auto;width:100%;min-height:20px;border-top:1px solid #414f36;padding-top:4px}.na-person .na-card-actions button{font-size:10px;padding:0 3px;border:0;background:transparent;color:#c9d0b9}.na-card-actions span{font-size:9px;color:#a1ad94}.na-status{display:flex;justify-content:space-between;gap:14px;flex-shrink:0;padding:8px 2px 0;font-size:10px;color:#acb59f}.na-map-wrap{position:absolute;right:12px;bottom:12px;width:182px;height:114px;border:1px solid #69715a;border-radius:5px;background:#111a10e8;box-shadow:0 3px 15px #0004;z-index:6;cursor:crosshair}.na-minimap{width:180px;height:112px;display:block}.na-hover{position:absolute;left:14px;bottom:14px;z-index:8;padding:9px 12px;border:1px solid #99a583;border-radius:4px;background:#172314;color:#eeeede;font-size:14px;pointer-events:none}.na-dialog{background:#182215;color:#e8ecdf;border:1px solid #728362;border-radius:10px;max-width:620px;width:calc(100vw - 32px);max-height:84dvh;padding:28px}.na-dialog::backdrop{background:#000a}.na-close{float:right}.na-detail-content{clear:both;padding-top:12px}.na-detail-content h2{font:30px/1.2 Georgia,serif;margin:12px 0}.na-detail-content h3{font-size:12px;letter-spacing:1px;text-transform:uppercase;margin:24px 0 10px;color:#c9d4b8}.na-detail-content p{font-size:14px;line-height:1.7;color:#d5ddcb}.na-detail-content ul{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}.na-detail-content a{color:#ecd9a7;text-decoration:underline}.na-notice{position:fixed;bottom:48px;left:50%;transform:translateX(-50%);padding:12px 18px;border:1px solid #7a8567;border-radius:6px;background:#26351f;color:#f0f1e5;box-shadow:0 4px 18px #0008;z-index:100;font-size:13px;max-width:90vw}.na-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.na-app [hidden]{display:none!important}@media(max-width:900px){.na-heading{gap:10px}.na-heading h1{font-size:21px}.na-search{width:220px}.na-tools{gap:4px}.na-tools button{padding:7px}.na-tools .na-spacer{display:none}.na-status span:last-child{display:none}}@media(max-width:600px){.na-app{padding:0 8px 8px}.na-heading{flex-wrap:wrap;gap:6px;padding:7px 0}.na-heading>div:first-child{flex:1}.na-heading h1{font-size:19px}.na-search{order:3;width:100%;margin:0}.na-search input{font-size:16px;padding:8px}.na-heading>button{font-size:11px}.na-tools button{min-height:34px;font-size:11px}.na-context{font-size:10px}.na-map-wrap{width:122px;height:76px;right:8px;bottom:8px}.na-minimap{width:120px;height:74px}.na-dialog{padding:18px}.na-status{font-size:9px}}@media(pointer:coarse){.na-tools button,.na-heading>button,.na-context button{min-height:40px}.na-dialog button{min-height:40px}}@media(prefers-reduced-motion:reduce){.na-app *{scroll-behavior:auto!important}}
body.dna-atlas-page .dd-header{height:56px;min-height:56px;padding:0 22px}.na-app{margin-top:56px;height:calc(100dvh - 56px - var(--na-preview,0px))}body.dna-atlas-page>footer{display:none}
.na-dialog input[type=search]{width:100%;background:#121b10;color:#edf0e4;border:1px solid #69785e;padding:10px;font:16px system-ui;border-radius:5px;margin-top:8px}.na-directory-results{display:block!important}.na-directory-results li{display:flex;align-items:center;border-bottom:1px solid #34422b;padding:5px 0}.na-directory-results li>button:first-child{text-align:left;flex:1;background:transparent;border:0}.na-directory-results small{display:block;font-size:11px;color:#abb89c;padding-top:4px}.na-directory-paging{display:flex;justify-content:space-between;gap:12px}.na-dialog label{font-size:12px;color:#cbd4bf}

.na-viewport{overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.na-app button{touch-action:manipulation}.na-viewport button{touch-action:none}.na-context button{min-height:28px}@media(pointer:coarse){.na-person .na-name{min-height:44px}.na-person .na-card-actions{min-height:44px;padding-top:0;gap:4px}.na-person .na-card-actions button{min-height:44px;padding:0 8px;font-size:11px}.na-viewport{min-height:160px}}

.na-context .na-frame-parents{margin-left:6px;padding:4px 8px;border:1px solid #637255;border-radius:4px;text-decoration:none;background:#20291c;white-space:nowrap}

@media(max-width:600px){.na-status span:last-child{display:block;font-size:0}.na-status span:last-child:after{content:"Drag · Pinch to zoom";font-size:9px}.na-map-wrap{width:98px;height:62px}.na-minimap{width:96px;height:60px}}