#legend{position:absolute;right:20px;bottom:150px;width:228px;background:rgba(13,23,26,.95);border:1px solid #47585b;border-radius:9px;padding:13px 14px;z-index:2;box-shadow:0 5px 25px #0005}#legend summary{cursor:pointer;font-size:12px;letter-spacing:1.5px;color:#baf375;display:flex;justify-content:space-between}#legend summary::after{content:'−';font-size:16px}#legend:not([open]) summary::after{content:'+'}.legend-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;margin-top:11px}.legend-item{display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.25}.legend-item svg{width:25px;height:25px;flex:0 0 25px}.legend-wide{grid-column:1/-1}.legend-stroke{width:25px;border-top:3px solid #f4e5b7;display:inline-block;flex:0 0 25px}.legend-stroke.traced{border-color:#ecdd82;border-top-style:dashed}.legend-stroke.boundary{height:13px;border:1px dashed #baf375;background:#baf37328}.legend-stroke.vision{height:13px;border:1px solid #ee92f6;background:#ee92f628}.legend-stroke.flow{border-color:#ffba68;border-top-style:dashed}.legend-note{font-size:11px;color:#a7b7ba;margin:10px 0 0;line-height:1.4}#flyover-card{position:absolute;top:112px;left:20px;width:320px;background:rgba(13,23,26,.96);border:1px solid #4b6560;border-radius:10px;z-index:2;overflow:hidden;box-shadow:0 8px 35px #0006;animation:cardin .45s ease}#flyover-card[hidden]{display:none}.flyover-card-content{padding:18px}.flyover-card-content h2{font-size:22px;margin:9px 0}.flyover-card-content p{font-size:14px;line-height:1.6;margin:8px 0}.flyover-photo{height:145px;width:100%;object-fit:cover;display:block}.flyover-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.flyover-tags span{font-size:11px;color:#ee92f6;border:1px solid #72487a;background:#b65bc311;border-radius:4px;padding:3px 6px}.flyover-card-content button{font-size:13px;margin-top:10px;width:100%}.map-legend-symbol{width:27px;height:27px;flex:0 0 27px;display:inline-flex}.map-legend-symbol svg{width:100%;height:100%}.vision-preview{width:100%;border-radius:6px;cursor:zoom-in;margin-top:8px}.vision-observation{padding:10px 0;border-bottom:1px solid #344245}.vision-observation button{background:none;border:0;text-align:left;padding:0;font-size:14px;color:#ee92f6}.vision-observation p{font-size:13px;margin:5px 0;color:#bac9cc}.review-badge{display:inline-block;font-size:12px;color:#ee92f6;border:1px solid #9c67a0;border-radius:4px;padding:3px 7px}.legend-toggle{cursor:pointer}.layer-advanced{display:flex;flex-direction:column;gap:8px;margin:15px 0}.layer-advanced label{display:flex;justify-content:space-between;gap:12px;font-size:13px}.layer-advanced input[type=range]{width:125px;padding:0;accent-color:#baf375}.atlas-hover{font-size:13px;max-width:230px}.atlas-hover strong{display:block}.atlas-hover small{color:#a7b7ba}#vision-status{font-size:12px;color:#a7b7ba}.flyover-callout .maplibregl-popup-content{max-width:235px;border-color:#baf375;font-size:13px;line-height:1.5}.flyover-callout strong{display:block;margin-bottom:4px;font-size:14px}.flyover-callout .maplibregl-popup-tip{border-top-color:#baf375!important}.immersive #flyover-card{display:block}.observation-source{font-size:12px;color:#a7b7ba}#legend[data-detail=true]{max-width:220px;right:375px}.vision-modal{width:min(1100px,95vw)}.vision-modal img{width:100%;height:auto}.vision-modal h2{font-size:20px}#review-mode{font-size:13px;width:100%;margin-top:8px}@keyframes cardin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){#legend{width:195px;right:15px}#legend[data-detail=true]{right:335px}.legend-grid{grid-template-columns:1fr}.legend-wide{grid-column:auto}.legend-item svg{width:21px;height:21px;flex-basis:21px}.legend-note{display:none}#flyover-card{width:285px}}@media(max-width:700px){#legend,#legend[data-detail=true]{top:128px;bottom:auto;left:10px;right:auto;width:178px;padding:8px 10px;max-height:200px;overflow:auto}#legend summary{font-size:11px}.legend-grid{gap:5px;margin-top:7px}.legend-item{font-size:11px}.legend-item svg{width:18px;height:18px;flex-basis:18px}#flyover-card{top:auto;bottom:157px;left:10px;width:calc(100% - 20px);max-height:225px;overflow:auto}.flyover-photo{display:none}.flyover-card-content{padding:12px 15px}.flyover-card-content h2{font-size:19px}.flyover-card-content p{font-size:13px;margin:5px 0}.flyover-tags{margin-top:6px}.flyover-card-content button{margin-top:6px}body:not(.immersive) #flyover-card{display:none}.flyover-callout{display:none}#legend[data-detail=true]{display:none}}