.noir-map{--nm-bg:#090514;--nm-card:#130b21;--nm-line:#332042;--nm-text:#f4eef8;--nm-dim:#b8aabe;--nm-purple:#8b3fd4;--nm-pink:#ec4899;position:relative;color:var(--nm-text);font:400 15px/1.5 Inter,system-ui,sans-serif;isolation:isolate}
.noir-map *{box-sizing:border-box}
.noir-map button,.noir-map input,.noir-map textarea,.noir-map select{font:inherit}
.noir-map button{cursor:pointer}
.noir-map__hero{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;padding:23px 28px;margin:0 0 22px;background:var(--nm-card);border:1px solid var(--nm-line);border-radius:16px;box-shadow:0 12px 40px #0006}
.noir-map__hero h2{margin:0 0 2px;font:600 clamp(1.7rem,3vw,2.2rem)/1.1 Georgia,serif;color:#fff}
.noir-map__hero h2 span{color:#c084fc}
.noir-map__hero p{margin:0;color:var(--nm-dim);font-size:.9rem}
.noir-map__stats,.noir-map__hero-actions,.noir-map__controls,.noir-map__regions,.noir-map__timeline{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.noir-map__stats span{display:inline-flex;gap:4px;padding:6px 12px;border:1px solid var(--nm-line);border-radius:999px;background:#ffffff0a;color:var(--nm-dim);font-size:.82rem}
.noir-map__stats strong{color:#fff}
.noir-map__hero-actions button,.noir-map__controls button,.noir-map__panel button,.noir-map__dialog button[type=submit]{border:1px solid var(--nm-purple);border-radius:6px;padding:7px 12px;background:#8b3fd433;color:#fff;transition:background .2s,border-color .2s}
.noir-map__hero-actions button:hover,.noir-map__controls button:hover,.noir-map__panel button:hover,.noir-map__dialog button[type=submit]:hover{background:#8b3fd477}
.noir-map__hero-actions button:last-child{border-color:var(--nm-pink);color:#ffc1df;background:#ec489922}
.noir-map__shell{position:relative;overflow:hidden;border:1px solid var(--nm-line);border-radius:16px;background:var(--nm-bg);box-shadow:0 16px 50px #0009,0 0 28px #8b3fd428}
.noir-map__controls,.noir-map__timeline{justify-content:space-between;padding:10px 16px;background:#0c0616;border-color:var(--nm-line);position:relative;z-index:900}
.noir-map__controls{border-bottom:1px solid var(--nm-line)}
.noir-map__controls strong{margin-right:2px;color:var(--nm-dim);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}
.noir-map__controls button{padding:5px 10px;font-size:.8rem;border-color:var(--nm-line);background:#fff1;color:var(--nm-dim)}
.noir-map__controls button.is-active{background:#8b3fd444;color:#fff;border-color:var(--nm-purple)}
.noir-map__controls [data-action=gps]{border-color:#ec489955;color:#f9a8d4}
.noir-map__canvas{width:100%;height:clamp(540px,68vh,780px);background:#080410}
.noir-map--osm-fallback .leaflet-tile-pane{filter:invert(1) hue-rotate(180deg) brightness(.78) contrast(1.15) saturate(.7)}
.noir-map__legend{position:absolute;right:15px;bottom:70px;z-index:800;display:grid;gap:5px;padding:9px 12px;border:1px solid var(--nm-line);border-radius:9px;background:#0d0718eb;font-size:.75rem;color:var(--nm-dim);box-shadow:0 8px 24px #0008}
.noir-map__legend span{display:flex;align-items:center;gap:7px}
.noir-map__dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#a855f7;box-shadow:0 0 7px currentColor}
.noir-map__dot--event{background:#8b3fd4;color:#8b3fd4}.noir-map__dot--shop{background:#ec4899;color:#ec4899}.noir-map__dot--venue{background:#a855f7;color:#a855f7}
.noir-map__timeline{border-top:1px solid var(--nm-line);font-size:.8rem;color:var(--nm-dim)}
.noir-map__timeline label{display:flex;align-items:center;flex:1;gap:16px;text-transform:uppercase;letter-spacing:.04em}
.noir-map__timeline input{min-width:150px;flex:1;accent-color:var(--nm-purple)}
.noir-map__timeline output{min-width:110px;color:#d8b4fe;text-align:right}
.noir-map__marker{background:transparent;border:0}
.noir-map__marker>span{position:relative;display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--marker-color);color:#fff;border:2px solid #fff;border-radius:50%;font-size:12px;box-shadow:0 0 12px var(--marker-color)}
.noir-map__marker b{position:absolute;top:-10px;right:-12px;padding:0 3px;border-radius:9px;background:var(--nm-pink);border:1px solid #fff;font-size:10px;white-space:nowrap}
.noir-map .leaflet-popup-content-wrapper{background:#0d0718f5;color:#fff;border:1px solid var(--nm-purple);border-radius:12px;box-shadow:0 12px 35px #000d,0 0 16px #8b3fd466}
.noir-map .leaflet-popup-tip{background:var(--nm-purple)}
.noir-map .leaflet-popup-content{margin:14px;max-width:340px;font:400 13px/1.45 Inter,system-ui,sans-serif}
.noir-map .leaflet-popup-close-button{color:#fff!important}
.noir-map__popup h3{margin:5px 0;color:#fff;font:700 1.15rem/1.2 Georgia,serif}
.noir-map__popup p{margin:5px 0;color:#d5c9de}
.noir-map__badge{display:inline-block;margin:0 0 3px;padding:2px 7px;border:1px solid var(--nm-purple);border-radius:4px;background:#8b3fd444;color:#dfb9ff;font-size:.72rem;text-transform:uppercase}
.noir-map__logo{display:block;max-height:55px;max-width:100%;margin:0 auto 8px;object-fit:contain}
.noir-map__popup-tags{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}
.noir-map__popup-tags span{padding:1px 6px;border:1px solid #ffffff29;border-radius:999px;color:#d1c7dc;font-size:.7rem}
.noir-map__insider,.noir-map__review-summary,.noir-map__linked-events{margin:8px 0;padding:8px;border:1px solid #ffffff21;border-radius:7px;background:#ffffff0b}
.noir-map__review-summary blockquote{margin:5px 0;padding-left:8px;border-left:2px solid var(--nm-purple);color:#d8cadf}
.noir-map__live{color:#f9a8d4!important}
.noir-map__gallery{display:flex;gap:5px;overflow:auto;margin:9px 0}
.noir-map__gallery button{flex:0 0 58px;width:58px;height:50px;padding:0;border:1px solid var(--nm-line);background:#000}
.noir-map__gallery img{width:100%;height:100%;object-fit:cover}
.noir-map__popup-actions,.noir-map__status-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:8px;padding-top:7px;border-top:1px solid #ffffff21}
.noir-map__popup-actions a,.noir-map__popup-actions button,.noir-map__status-actions button{display:inline-block;padding:4px 7px;border:1px solid var(--nm-line);border-radius:4px;background:#ffffff12;color:#eee;text-decoration:none;font-size:.72rem;line-height:1.3}
.noir-map__popup-actions .noir-map__primary-link{background:var(--nm-purple);border-color:var(--nm-purple);color:#fff}
.noir-map__status-actions strong{flex-basis:100%;color:#e9d5ff;font-size:.75rem}
.noir-map__panel{position:absolute;top:68px;right:0;z-index:1100;width:min(380px,90vw);max-height:calc(100% - 68px);overflow:auto;padding:18px;background:#0c0618;border-left:1px solid var(--nm-purple);box-shadow:-15px 0 50px #000d}
.noir-map__panel[hidden],.noir-map__error[hidden]{display:none}
.noir-map__panel-head{display:flex;justify-content:space-between;align-items:center}
.noir-map__panel h3{margin:0;font:600 1.25rem Georgia,serif}
.noir-map__panel fieldset{margin:15px 0;padding:12px;border:1px solid var(--nm-line);border-radius:8px}
.noir-map__panel legend{padding:0 5px;color:#ddd;font-weight:600}
.noir-map__panel label{display:block;margin:7px 0;color:#ddd}
.noir-map__panel input{accent-color:var(--nm-purple)}
.noir-map__tags{display:flex;flex-wrap:wrap;gap:6px}
.noir-map__tags button{padding:4px 8px;border-radius:999px;font-size:.73rem}
.noir-map__tags button.is-active{background:#8b3fd477}
.noir-map__dialog{width:min(530px,calc(100vw - 24px));max-height:90vh;overflow:auto;margin:auto;padding:22px;border:1px solid var(--nm-purple);border-radius:12px;background:#0c0618;color:#fff;box-shadow:0 20px 60px #000d}
.noir-map__dialog::backdrop{background:#000b}
.noir-map__dialog form{display:grid;gap:9px}
.noir-map__dialog h3{margin:0;font:600 1.4rem Georgia,serif}
.noir-map__dialog p{margin:0;color:#c8bbd0}
.noir-map__dialog label{display:grid;gap:3px;color:#eee}
.noir-map__dialog input:not([type=range]),.noir-map__dialog select,.noir-map__dialog textarea{width:100%;padding:8px;border:1px solid var(--nm-line);border-radius:5px;background:#1a1028;color:#fff}
.noir-map__dialog input[type=range]{accent-color:var(--nm-purple)}
.noir-map__dialog .noir-map__honeypot{position:absolute;left:-9999px;width:1px;height:1px}
.noir-map__dialog .noir-map__close{position:absolute;top:9px;right:12px;border:0;background:transparent;color:#fff;font-size:24px}
.noir-map__dialog button[type=submit]:disabled{opacity:.55;cursor:wait}
.noir-map__lightbox{width:min(900px,calc(100vw - 24px));text-align:center}
.noir-map__lightbox img{max-width:calc(100% - 80px);max-height:75vh;object-fit:contain;vertical-align:middle}
.noir-map__lightbox button{padding:4px 10px;border:0;background:transparent;color:#fff;font-size:24px}
.noir-map__error{margin:8px 0;padding:8px 12px;border:1px solid #ec4899;border-radius:5px;background:#ec489922;color:#ffd4e9}
@media(max-width:700px){.noir-map__hero{padding:17px}.noir-map__controls{gap:8px}.noir-map__regions{gap:4px}.noir-map__controls button{padding:4px 7px}.noir-map__canvas{height:65vh;min-height:500px}.noir-map__legend{right:8px;bottom:67px;font-size:.68rem}.noir-map__timeline{padding:10px}.noir-map__timeline label{flex-wrap:wrap;gap:4px}.noir-map__timeline output{min-width:0}.noir-map .leaflet-popup-content{max-height:60vh;overflow:auto;max-width:calc(100vw - 65px)}}