#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:3px 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;height:40px;padding:0 1rem;display:flex}#zone-title{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:700;font-family:var(--font-display)}#map-controls{align-items:center;gap:.4rem;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;border-radius:2px;padding:.25rem .6rem;font-size:.75rem;font-weight:600;line-height:1.2;transition:all .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-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:240px;padding:.5rem .75rem;font-size:.75rem;line-height:1.5;display:none;position:fixed;box-shadow:3px 3px 10px #00000026}#map-tooltip strong{color:var(--accent);font-family:var(--font-display);margin-bottom:.2rem;font-size:.8rem;display:block}#map-detail{background:var(--paper-deep);border-left:1px solid var(--ink);flex-direction:column;width:280px;min-width:280px;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:0;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:.8rem;line-height:1.5;font-family:var(--font-body)}#detail-exits h2,#detail-path-section h2{font-size:.65rem;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);border-bottom:1px solid #1a16141a;margin:0 0 .4rem;padding-bottom:.2rem}.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);font-size:.65rem}#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:#1a161426;stroke-width:1.5px;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{width:0;min-width:0;overflow:hidden}#map-sidebar.open{z-index:20;width:80vw;min-width:240px;max-width:300px;height:100%;position:absolute;box-shadow:4px 0 16px #0000002e}#map-detail{border-left:none;border-top:1px solid var(--ink);z-index:20;min-width:0;max-height:0;transition:max-height .25s;position:absolute;bottom:0;left:0;right:0;overflow:hidden;width:100%!important}#map-detail.open:not(.hidden){max-height:60vh;overflow-y:auto}#map-detail.hidden{max-height:0!important}#btn-sidebar{display:block!important}}@media (width<=640px){#map-page{height:calc(100dvh - 9.75rem)}}