.map-explorer{--mx-bg:var(--bg,#08080b);--mx-panel:var(--bg-2,#111116);--mx-line:var(--line,#35343e);--mx-text:var(--fg,#e8e5e1);--mx-dim:var(--fg-dim,#aaa6b3);--mx-accent:var(--de-green-lt,#c4a0ed);display:flex;flex-direction:column;min-height:0;flex:1;color:var(--mx-text);background:var(--mx-bg);font:13px/1.45 system-ui,sans-serif}.map-explorer *{box-sizing:border-box}.map-explorer button,.map-explorer select,.map-explorer input{font:inherit;color:var(--mx-text);background:var(--mx-panel);border:1px solid var(--mx-line);border-radius:4px;padding:7px 10px;min-height:34px}.map-explorer button{cursor:pointer}.map-explorer button:hover,.map-explorer button[aria-current=true]{border-color:var(--mx-accent);background:var(--bg-3,#251d30)}.map-explorer button:disabled{opacity:.4;cursor:default}.map-explorer :focus-visible{outline:2px solid var(--mx-accent);outline-offset:2px}.mx-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:10px;border-bottom:1px solid var(--mx-line)}.mx-crumb{flex:1;min-width:140px;color:var(--mx-dim)}.mx-floor-tools{display:flex;gap:4px}.mx-body{display:grid;grid-template-columns:220px minmax(0,1fr) 275px;flex:1;min-height:0}.mx-browser{display:flex;flex-direction:column;gap:8px;min-height:0;min-width:0;padding:10px;border-right:1px solid var(--mx-line);background:var(--mx-panel)}.mx-browser input,.mx-browser select{width:100%;min-width:0}.mx-list{overflow:auto;min-height:0;display:flex;flex-direction:column;gap:3px}.map-explorer .mx-area-option{text-align:left;border-color:transparent;background:transparent}.mx-area-option small{display:block;color:var(--mx-dim);font-size:11px;margin-top:3px}.map-explorer .mx-room-option{text-align:left;margin-left:10px;color:var(--mx-accent)}.mx-main{min-width:0;min-height:0;display:flex;flex-direction:column}.mx-title{padding:10px 14px;border-bottom:1px solid var(--mx-line)}.mx-title h2{color:var(--mx-text);font:500 20px/1.2 Georgia,serif;margin:0 0 4px}.mx-title p{margin:0;color:var(--mx-dim);font-size:12px}.mx-viewport{position:relative;flex:1;min-height:280px;overflow:auto;background:#000;overscroll-behavior:contain}.mx-canvas{position:sticky;left:0;top:0;display:block;width:100%;height:100%;min-height:280px;touch-action:none;z-index:1}.mx-spacer{position:absolute;left:0;top:0;pointer-events:none}.map-explorer [hidden]{display:none!important}.mx-details{padding:14px;min-width:0;overflow:auto;border-left:1px solid var(--mx-line);background:var(--mx-panel)}.mx-details h3{margin:12px 0 8px;font:500 19px/1.3 Georgia,serif;color:var(--mx-text)}.mx-details h4{font-size:12px;text-transform:uppercase;letter-spacing:.07em;margin:20px 0 8px;color:var(--mx-dim)}.mx-details p{margin:8px 0;overflow-wrap:anywhere}.mx-details button{display:block;text-align:left;width:100%;margin:5px 0;overflow-wrap:anywhere}.mx-badges,.mx-id{color:var(--mx-dim);font-size:12px}.mx-footer{display:flex;gap:15px;flex-wrap:wrap;justify-content:space-between;padding:8px 12px;border-top:1px solid var(--mx-line);font-size:11px;color:var(--mx-dim)}.mx-legend{max-width:560px}.mx-legend summary,.mx-reference summary,.mx-room-list summary{cursor:pointer;color:var(--mx-accent)}.mx-reference{padding:8px 12px;border-top:1px solid var(--mx-line);max-height:35%;overflow:auto}.mx-reference details{margin:10px 0}.mx-reference pre{overflow:auto;line-height:1.2;font-size:12px;background:#000;padding:14px}.mx-reference .mx-reference-available{cursor:pointer}.mx-reference .mx-reference-available:hover{background:#251d30}.modal.map-modal.mx-modal{width:min(1650px,97vw);height:min(1100px,94vh);max-height:94vh;padding:0}.mx-modal .modal-head{padding:8px 12px}.mx-modal .map-explorer{overflow:hidden}.atlas-page{margin:0;display:flex;flex-direction:column;min-height:100vh;background:#08080b;color:#e8e5e1}.atlas-page main{width:100%;max-width:none;padding:0;flex:1;display:flex;min-height:640px;height:calc(100vh - 100px)}.atlas-page .map-explorer{--mx-bg:#08080b;--mx-panel:#111116;--mx-line:#35343e;--mx-text:#e8e5e1;--mx-dim:#aaa6b3;--mx-accent:#c4a0ed}@media (max-width:1100px){.mx-body{grid-template-columns:180px minmax(0,1fr)}.mx-details{grid-column:1/-1;border-left:0;border-top:1px solid var(--mx-line);max-height:200px}.mx-details h3{margin-top:8px}.mx-main{min-height:320px}}@media (max-width:650px){.mx-body{grid-template-columns:minmax(0,1fr);overflow:auto}.mx-browser{max-height:180px;border-right:0;border-bottom:1px solid var(--mx-line);display:grid;grid-template-columns:1fr 1fr}.mx-list{grid-column:1/-1;max-height:100px}.mx-main{height:420px;flex:none}.mx-details{max-height:none}.mx-crumb{flex-basis:100%;order:-1}.mx-toolbar{gap:4px;padding:7px}.map-explorer button{min-height:40px}.mx-reference{max-height:25%}.atlas-page main{height:auto;min-height:900px}.atlas-page .mx-body{overflow:visible}.mx-footer{font-size:12px}}.mx-list>*{flex-shrink:0}.mx-terrain-legend{display:flex;flex-wrap:wrap;gap:8px 14px;margin:10px 0}.mx-terrain-legend span{display:inline-flex;align-items:center;gap:6px}.mx-terrain-legend i{display:inline-block;width:10px;height:10px;border:1px solid #aaa}.map-explorer .mx-notes textarea{display:block;width:100%;box-sizing:border-box;resize:vertical;margin-top:.4rem;background:var(--mx-panel);color:var(--mx-text);border:1px solid var(--mx-line);border-radius:4px;padding:.6rem;font:inherit}.map-explorer .mx-note-status{font-size:.8rem;color:var(--mx-dim)}.map-explorer .mx-note-tooltip{position:absolute;z-index:3;pointer-events:none;background:var(--mx-panel);border:1px solid var(--mx-accent);border-radius:4px;color:var(--mx-text);padding:8px 10px;max-width:min(340px,calc(100% - 16px));max-height:45%;overflow:hidden;box-shadow:0 3px 14px #000b;white-space:pre-line;overflow-wrap:anywhere}.map-explorer .mx-selected-area{margin:0 0 6px;color:var(--mx-dim)}.map-explorer .mx-open-area{display:block;width:100%;border-color:var(--mx-accent);margin-bottom:12px;font-weight:600}@media (max-width:650px){.mx-body{grid-auto-rows:max-content;align-content:start}.mx-details{overflow:visible}}
