.map-stage .hotspot{border:1px solid transparent;background:transparent;transition:border-color .22s ease,background-color .22s ease,box-shadow .22s ease;cursor:pointer}
.map-stage.is-map-transitioning .hotspot,.map-stage.is-map-transitioning .navigation-hotspot,.map-stage.is-investigation-busy .hotspot{pointer-events:none}
.map-stage .area-number{display:none}
.map-stage .hotspot:focus-visible,.map-stage .hotspot.proximity-active{border-color:rgba(244,196,48,.72);background:rgba(244,196,48,.055);box-shadow:inset 0 0 18px rgba(244,196,48,.055),0 0 0 1px rgba(10,15,17,.18)}
.map-stage .hotspot:hover:not(.proximity-active):not(:focus-visible){border-color:transparent;background:transparent;box-shadow:none}
.map-stage .hotspot span{top:0;left:50%;padding:6px 10px;transform:translate(-50%,calc(-100% - 7px)) translateY(4px);border:1px solid rgba(244,196,48,.48);border-radius:2px;background:rgba(9,15,17,.72);color:#f4d879;box-shadow:0 5px 15px rgba(0,0,0,.28);backdrop-filter:blur(3px);font-size:10px;font-weight:650;letter-spacing:.04em;opacity:0;transition:opacity .18s ease,transform .22s ease;pointer-events:none}
.map-stage .hotspot span:after{content:"";position:absolute;left:50%;top:100%;width:6px;height:6px;transform:translate(-50%,-3px) rotate(45deg);border-right:1px solid rgba(244,196,48,.48);border-bottom:1px solid rgba(244,196,48,.48);background:rgba(9,15,17,.72)}
.map-stage .hotspot:focus-visible span,.map-stage .hotspot.proximity-active span{opacity:1;transform:translate(-50%,calc(-100% - 7px)) translateY(0)}
.map-stage .hotspot:hover:not(.proximity-active):not(:focus-visible) span{opacity:0;transform:translate(-50%,calc(-100% - 7px)) translateY(4px)}
.map-stage .hotspot.done{border-color:rgba(244,196,48,.26);background:rgba(244,196,48,.025);box-shadow:none}
.map-stage .hotspot.done span{background:rgba(20,25,25,.76);color:#c8b877;border-color:rgba(200,184,119,.35)}
@media(prefers-reduced-motion:reduce){.map-stage .hotspot,.map-stage .hotspot span{transition:none}}