#map-page{background:var(--paper);height:calc(100dvh - 7.75rem);color:var(--ink);font-family:var(--font-mono);display:flex;overflow:hidden}#map-sidebar{background:var(--paper-deep);border-right:1px solid var(--ink);flex-direction:column;width:240px;min-width:240px;display:flex;overflow:hidden}#map-sidebar-top{border-bottom:1px solid var(--ink);flex-direction:column;gap:.5rem;padding:.75rem;display:flex}#zone-search,#room-search{background:var(--paper);border:1px solid var(--ink);width:100%;color:var(--ink);font-family:var(--font-mono);border-radius:2px;outline:none;padding:.4rem .6rem;font-size:.75rem}#zone-search:focus,#room-search:focus{border-color:var(--accent)}#zone-search::placeholder,#room-search::placeholder{color:var(--ink-muted)}#room-search-section{border-top:1px solid var(--ink);padding:.75rem}#zone-index-link{border-top:1px solid var(--ink);padding:.6rem .75rem;font-size:.7rem}#zone-index-link a{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;text-decoration:none}#zone-index-link a:hover{text-decoration:underline}#room-search-results{max-height:180px;margin-top:.5rem;display:none;overflow-y:auto}.room-result{cursor:pointer;color:var(--ink-muted);border-radius:2px;padding:.35rem .5rem;font-size:.7rem;line-height:1.4}.room-result:hover{background:var(--paper);color:var(--accent)}.room-result-zone{color:var(--accent);font-size:.6rem}#zone-list{flex:1;padding:.25rem 0;overflow-y:auto}#zone-list::-webkit-scrollbar{width:4px}#zone-list::-webkit-scrollbar-track{background:0 0}#zone-list::-webkit-scrollbar-thumb{background:var(--ink-muted);border-radius:2px}.zone-item{cursor:pointer;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);justify-content:space-between;align-items:center;padding:.4rem .75rem;font-size:.75rem;font-weight:500;line-height:1.3;transition:background .1s,color .1s;display:flex}.zone-item:hover{background:var(--paper);color:var(--accent)}.zone-item.active{background:var(--paper);color:var(--accent);border-left:2px solid var(--accent);font-weight:700}.zone-record-link{color:var(--ink-muted);flex-shrink:0;margin-left:auto;padding:0 .35rem;font-size:.65rem;text-decoration:none}.zone-record-link:hover,.zone-item:hover .zone-record-link,.zone-item.active .zone-record-link{color:var(--accent)}.zone-item .zone-count{margin-left:.35rem}.zone-count{color:var(--ink-muted);flex-shrink:0;margin-left:.5rem;font-size:.65rem}.zone-item.active .zone-count{color:var(--accent)}#map-main{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}#map-header{background:var(--paper-deep);border-bottom:1px solid var(--ink);flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;min-height:42px;padding:0 .75rem;display:flex}#zone-title{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:700;font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}#map-controls{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.map-btn{background:var(--paper);border:1px solid var(--ink);color:var(--ink);cursor:pointer;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:2px;padding:.25rem .55rem;font-size:.75rem;font-weight:600;line-height:1.2;transition:background-color .1s,color .1s,border-color .1s}.map-btn:hover{background:var(--accent);color:var(--paper);border-color:var(--accent)}.map-btn.active{background:var(--accent);border-color:var(--accent);color:var(--paper)}.map-view-switch{display:inline-flex}.map-view-switch .map-btn{border-radius:0;margin-left:-1px}.map-view-switch .map-btn:first-child{border-radius:2px 0 0 2px;margin-left:0}.map-view-switch .map-btn:last-child{border-radius:0 2px 2px 0}#map-graph-hud{z-index:8;pointer-events:auto;align-items:center;gap:.5rem;display:flex;position:absolute;top:.75rem;left:.75rem}#map-graph-hud[hidden]{display:none!important}.graph-dim-switch{background:#100e0ce0;border:1px solid #efe7d659;border-radius:2px;display:inline-flex;overflow:hidden}.graph-dim-btn{appearance:none;color:#efe7d6c7;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-right:1px solid #efe7d640;padding:.3rem .6rem;font-size:.7rem;font-weight:600}.graph-dim-btn:last-child{border-right:none}.graph-dim-btn:hover{color:#efe7d6;background:#cf4b4247}.graph-dim-btn.active{color:#efe7d6;background:#cf4b42}#graph-hud-hint{color:#efe7d6b8;font-family:var(--font-mono);pointer-events:none;background:#100e0cd1;border:1px solid #efe7d638;border-radius:2px;padding:.28rem .55rem;font-size:.68rem}#map-view-wrap{touch-action:none;flex:1;position:relative;overflow:hidden}#map-svg-wrap{touch-action:none;position:absolute;inset:0;overflow:hidden}#map-svg{cursor:grab;width:100%;height:100%;display:block}#map-svg:active{cursor:grabbing}#map-loading{color:var(--ink-muted);font-size:.8rem;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;pointer-events:none;z-index:10;background:#efe7d6cc;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex;position:absolute;inset:0}#map-empty{color:var(--ink-muted);font-size:.8rem;font-family:var(--font-display);text-transform:uppercase;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex;position:absolute;inset:0}#map-tooltip{background:var(--paper-deep);border:1px solid var(--ink);color:var(--ink);pointer-events:none;z-index:100;border-radius:2px;max-width:260px;padding:.5rem .75rem;font-size:.75rem;line-height:1.45;display:none;position:fixed;box-shadow:3px 3px 10px #0000002e}#map-tooltip strong{color:var(--accent);font-family:var(--font-display);margin-bottom:.15rem;font-size:.8rem;display:block}#map-detail{background:var(--paper-deep);border-left:1px solid var(--ink);flex-direction:column;width:300px;min-width:300px;transition:margin-right .2s;display:flex;overflow:hidden}#map-detail.hidden{display:none}#detail-header{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.75rem;display:flex}#detail-room-name{color:var(--accent);font-size:.9rem;font-family:var(--font-display);text-transform:uppercase;margin:0;font-weight:700;line-height:1.3}#detail-vnum{color:var(--ink-muted);font-size:.7rem;font-family:var(--font-mono);margin-top:.2rem}#detail-close{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:.15rem;font-size:1rem;line-height:1}#detail-close:hover{color:var(--accent)}#detail-body{flex-direction:column;flex:1;gap:.75rem;padding:.75rem;display:flex;overflow-y:auto}#detail-body::-webkit-scrollbar{width:4px}#detail-body::-webkit-scrollbar-track{background:0 0}#detail-body::-webkit-scrollbar-thumb{background:var(--ink-muted);border-radius:2px}#detail-desc{color:var(--ink);font-size:.9rem;line-height:1.55;font-family:var(--font-body)}#detail-desc p{margin:0}#detail-desc p+p{margin-top:.65em}#detail-desc pre{font-family:var(--font-mono);margin:0;font-size:.72rem;line-height:1.3;overflow-x:auto}#detail-exits h2,#detail-exits h4,#detail-mobs h4,#detail-path-section h2{font-size:.75rem;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);border-bottom:1px solid var(--rule);margin:0 0 .4rem;padding-bottom:.2rem}.inhabitant-item{border-bottom:1px solid var(--rule);color:var(--ink);flex-direction:column;gap:.1rem;padding:.35rem 0;text-decoration:none;display:flex}.inhabitant-item:last-child{border-bottom:none}.inhabitant-item:hover .inhabitant-name{color:var(--accent);text-decoration:underline}.inhabitant-name{font-family:var(--font-body);color:var(--ink);font-size:.875rem;font-weight:600;line-height:1.25}.inhabitant-meta{font-family:var(--font-mono);color:var(--ink-muted);font-size:.72rem}.exit-item{font-size:.75rem;font-family:var(--font-mono);color:var(--ink);cursor:pointer;border-radius:2px;align-items:center;gap:.5rem;padding:.3rem 0;display:flex}.exit-item:hover{color:var(--accent)}.exit-dir{text-align:center;width:1rem;color:var(--accent);text-transform:uppercase;font-size:.65rem;font-weight:700}.exit-dest{color:var(--ink-muted);margin-left:auto;font-size:.65rem}#detail-mobs{flex-direction:column;gap:.75rem;display:flex}#detail-mobs:empty{display:none}#detail-path-section{border-top:1px solid var(--ink);padding-top:.75rem}#path-status{color:var(--ink-muted);margin-bottom:.5rem;font-size:.7rem}.path-btn{background:var(--paper);border:1px solid var(--ink);color:var(--ink);cursor:pointer;font-family:var(--font-display);text-transform:uppercase;border-radius:2px;width:100%;padding:.35rem .6rem;font-size:.75rem;font-weight:600}.path-btn:hover{background:var(--accent);color:var(--paper);border-color:var(--accent)}.path-btn.start,.path-btn.clear{border-color:var(--accent);color:var(--accent)}.exit-line{stroke:#1a161438;stroke-width:1.6px;fill:none;pointer-events:none}.exit-line.highlighted{stroke:var(--accent);stroke-width:3.5px}.exit-line.in-path{stroke:var(--accent);stroke-width:3px}.room-node{cursor:pointer;stroke:var(--ink);stroke-width:1.2px}.room-node.selected,.room-node.path-node{stroke:var(--accent)!important;stroke-width:3px!important}.room-node.path-start{fill:var(--accent)!important;stroke:var(--ink)!important;stroke-width:2px!important}#map-legend{border:1px solid var(--ink);color:var(--ink);pointer-events:none;background:#e5dac1f2;border-radius:2px;padding:.5rem .75rem;font-size:.7rem;display:none;position:absolute;bottom:.75rem;right:.75rem;box-shadow:2px 2px 8px #0000001a}#map-legend.visible{display:block}.legend-item{font-family:var(--font-display);text-transform:uppercase;align-items:center;gap:.4rem;margin-bottom:.25rem;font-size:.65rem;display:flex}.legend-dot{width:8px;height:8px;stroke:var(--ink);stroke-width:.8px;border-radius:50%;flex-shrink:0}#map-canvas-wrap{touch-action:none;position:absolute;inset:0;overflow:hidden}#map-canvas{cursor:grab;width:100%;height:100%;display:block}#map-canvas:active{cursor:grabbing}#btn-sidebar{display:none}@media (width<=768px){#map-sidebar{border-right:none;width:0;min-width:0;overflow:hidden}#map-sidebar.open{z-index:25;border-right:1px solid var(--ink);width:82vw;min-width:240px;max-width:300px;height:100%;position:absolute;box-shadow:4px 0 16px #00000040}#map-header{flex-wrap:wrap;gap:.3rem .5rem;min-height:auto;padding:.35rem .6rem}#zone-title{width:100%;font-size:.72rem;line-height:1.25}#map-controls{justify-content:space-between;gap:.25rem;width:100%}.map-btn{padding:.24rem .45rem;font-size:.68rem}#graph-hud-hint{display:none}#map-legend{display:none!important}#map-detail{border-left:none;border-top:2px solid var(--ink);z-index:22;min-width:0;max-height:0;transition:max-height .25s;position:absolute;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -4px 18px #00000038;width:100%!important}#map-detail.open:not(.hidden){max-height:58vh;overflow-y:auto}#map-detail.hidden{max-height:0!important}#btn-sidebar{align-items:center;display:inline-flex!important}}@media (width<=640px){#map-page{height:calc(100dvh - 8.5rem)}}