:root{color-scheme:dark;--ink:#f7f3eb;--muted:#b9b1a4;--gold:#a99274;--line:#423d35;--surface:#222221;--paper:#f7f3eb}*{box-sizing:border-box}body{margin:0;background:#191918;color:var(--ink);font:14px/1.6 'Helvetica Neue',Arial,sans-serif}a{color:inherit;text-underline-offset:5px}button,input,select{font:inherit}button,.load-button,.build-link{min-height:44px;border:1px solid #5c5346;background:transparent;color:var(--ink);padding:9px 13px;cursor:pointer;border-radius:2px;text-decoration:none}button:hover,.load-button:hover{background:#35312b}button[aria-pressed=true]{background:#d2b58b;color:#211f1b;border-color:#d2b58b}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid #e6c9a3;outline-offset:4px}.skip{position:fixed;top:-100px;left:16px;z-index:10;background:#fff;color:#222;padding:12px}.skip:focus{top:12px}.map-header{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 3vw;gap:20px}.wordmark{font:24px Georgia,serif;text-decoration:none}.wordmark span{color:var(--gold)}.edition,.eyebrow,.map-caption{font:10px/1.5 'Courier New',monospace;letter-spacing:.14em}.edition{color:var(--muted)}main{padding:32px 3vw 18px}.intro{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px}.eyebrow{color:var(--gold);margin:0 0 8px}h1{font:clamp(30px,3vw,46px)/1.1 Georgia,serif;font-weight:400;margin:0 0 12px;letter-spacing:-.025em}#map-description{color:var(--muted);margin:0;max-width:650px}.file-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:300px}.file-actions small{color:var(--muted);font-size:11px}.load-button{position:relative;overflow:hidden}.load-button input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.load-button:focus-within{outline:2px solid var(--gold);outline-offset:3px}.draft-status{font-size:12px;color:#d4c6b1;border-top:1px solid var(--line);padding:12px 0;margin:0}.draft-status strong{color:var(--ink);font-weight:500}#file-status:empty{display:none}#file-status{padding:12px;background:#35312b;margin:0 0 14px}.atlas{display:grid;grid-template-columns:230px minmax(0,1fr) 310px;border:1px solid var(--line);min-height:650px}.library{background:#1e1e1c;padding:18px 16px;border-right:1px solid var(--line);min-width:0}.library summary{font:18px Georgia,serif;cursor:pointer;margin-bottom:18px}.views{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:18px}.views button{font-size:11px;padding:8px 4px}.library label{display:block;color:var(--muted);font-size:11px;margin:12px 0 5px}.library input,.library select{width:100%;min-height:44px;background:#252522;border:1px solid #5c5346;color:var(--ink);padding:8px;font-size:12px}.library #result-count{margin-top:20px}#node-list{max-height:475px;overflow:auto;scrollbar-width:thin;scrollbar-color:#645748 transparent}.node-row,.record-row{display:flex;gap:10px;width:100%;text-align:left;border:0;border-bottom:1px solid #36342f;padding:12px 6px;line-height:1.5;font-size:12px}.node-row.active,.record-row.active{background:#393228}.node-row .number{font:12px/1.7 'Courier New',monospace;color:#d2b58b;min-width:18px}.node-row small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.map-stage{min-width:0;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#2c2923 0%,#1b1b19 67%);display:flex;flex-direction:column;min-height:650px}.map-caption{display:flex;justify-content:space-between;gap:15px;margin:20px 20px 0;color:#c8bba6;z-index:1}#map-canvas{display:block;width:100%;height:475px;flex:1;min-height:320px;touch-action:pan-y;cursor:grab}#map-canvas:active{cursor:grabbing}.map-key{display:flex;gap:13px;justify-content:center;flex-wrap:wrap;font-size:10px;color:var(--muted);padding:0 12px 12px}.map-key span{display:inline-flex;align-items:center;gap:5px}.map-key i{display:inline-block;width:7px;height:7px;border-radius:50%}.core{background:#eedabb}.second{background:#b79a73}.third{background:#807363}.map-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;padding:0 12px}.map-controls button{font-size:11px;padding:6px 11px}.gesture-hint,.spatial-note{font-size:10px;text-align:center;color:var(--muted);padding:0 12px;margin:12px 0 0}.spatial-note{font-size:9px;margin:2px 0 18px;color:#b1a491}#map-hover{pointer-events:none;position:absolute;top:65px;left:20px;right:20px;text-align:center;font:16px/1.4 Georgia,serif;color:#f1dcc0;margin:0}.inspector{background:var(--paper);color:#292824;padding:26px 24px;min-width:0;max-height:790px;overflow:auto;scrollbar-width:thin}.inspector .eyebrow{color:#766045}.inspector h2{font:27px/1.2 Georgia,serif;font-weight:400;letter-spacing:-.02em;margin:14px 0 18px;overflow-wrap:anywhere}.inspector h3{font:17px/1.4 Georgia,serif;margin:23px 0 8px}.inspector p{font-size:12px;line-height:1.8}.inspector .metadata{display:flex;flex-wrap:wrap;gap:5px}.metadata span{border:1px solid #c8c0b3;padding:3px 7px;font-size:10px}.inspector .warning{color:#6b5032;border-block:1px solid #d3c8b7;padding:10px 0;font-size:11px}.inspector button{color:#3f382d;border:0;border-bottom:1px solid #cfc6b8;width:100%;text-align:left;padding:10px 0;font-size:12px}.inspector button:hover{background:#e8dfd2}.inspector button:focus-visible{outline-color:#69523a}.inspector blockquote{margin:18px 0;border:0;font:18px/1.5 Georgia,serif}.inspector ul{padding-left:18px;font-size:12px}.inspector li{margin-bottom:9px}.map-footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:var(--muted);font-size:10px;padding-top:18px}.empty{font-size:12px;color:var(--muted)}[hidden]{display:none!important}body.embedded{overflow:hidden}body.embedded main{padding:0}body.embedded .map-header,body.embedded .intro,body.embedded .draft-status,body.embedded .map-footer,body.embedded .library,body.embedded .inspector{display:none}body.embedded .atlas{display:block;border:0;min-height:100vh}body.embedded .map-stage{height:100vh;min-height:0}body.embedded #map-canvas{min-height:100px}body.embedded .map-caption{margin-top:12px}body.embedded .spatial-note{margin-bottom:8px}body.embedded .gesture-hint{margin-top:6px}@media(min-width:1700px){.atlas{grid-template-columns:260px minmax(0,1fr) 350px}.map-stage{min-height:740px}}@media(max-width:1150px){.atlas{grid-template-columns:200px minmax(0,1fr)}.inspector{grid-column:1/-1;max-height:none;columns:2;column-gap:40px}.inspector>*{break-inside:avoid}.map-stage{min-height:610px}.edition{display:none}}@media(max-width:650px){.map-header{height:68px;padding:0 18px}.wordmark{font-size:20px}.build-link{font-size:11px;padding:8px}.intro{display:block}.file-actions{justify-content:flex-start;max-width:none;margin-top:20px}.file-actions small{width:100%}main{padding:24px 16px 16px}.atlas{display:flex;flex-direction:column}.library{order:2;border-right:0;border-top:1px solid var(--line)}.map-stage{order:1;min-height:490px;height:490px;flex-shrink:0}.inspector{order:3;columns:auto;padding:24px}.map-caption{font-size:9px}.map-controls button{padding:6px 10px}#node-list{max-height:330px}.library summary{margin-bottom:10px}h1{font-size:33px}.draft-status{font-size:11px}body.embedded .map-stage{height:100vh;min-height:0}body.embedded .map-key,body.embedded .spatial-note{display:none}.map-footer{display:block}.map-footer>*{display:block;margin-bottom:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Selection stays readable; pressed colors belong to view toggles. */
.library button.node-row.active, .library button.record-row.active { color: #f7f3eb; background: #393228; border-color: #62513d; }
body .skip:not(:focus) { clip-path: inset(50%); width: 1px; height: 1px; overflow: hidden; padding: 0; }
@media(min-width:1151px) { .atlas .map-stage { height: 700px; min-height: 700px; } .atlas .inspector { max-height: 700px; } .atlas .library { max-height: 700px; } }
/* A phone-sized laptop is a preview, not a compressed desktop console. */
@media(max-height:360px) {
  body.embedded .map-caption, body.embedded .gesture-hint, body.embedded .map-key, body.embedded .spatial-note,
  body.embedded #zoom-in, body.embedded #zoom-out, body.embedded #flat { display: none; }
  body.embedded #map-canvas { height: 0; min-height: 0; }
  body.embedded .map-controls { padding: 0 8px 4px; flex-shrink: 0; }
  body.embedded #map-hover { top: 6px; left: 8px; right: 8px; font-size: 11px; }
}
@media(min-width:651px) {
  .atlas .library { overflow: hidden; }
  .library details[open] { display: flex; flex-direction: column; height: 100%; min-height: 0; }
  .library details > :not(#node-list) { flex-shrink: 0; }
  .library #node-list { min-height: 0; max-height: 300px; }
}
@media(min-width:651px) and (max-width:1150px) { .library #node-list { max-height: 230px; } }