.navigation-hotspot{
  position:absolute;
  z-index:6;
  inset:0;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  background:transparent;
  color:#e2e3dd;
  cursor:pointer;
  transition:background-color .16s,filter .16s;
}
.map-stage>.hotspot{z-index:7}
.navigation-hotspot>span{position:absolute;left:var(--label-x);top:var(--label-y);display:grid;min-width:102px;gap:3px;padding:9px 12px;transform:translate(-50%,-50%);border:1px solid rgba(220,222,215,.64);background:rgba(9,14,15,.88);color:#e5e4dd;text-align:center;opacity:0;transition:opacity .16s,transform .18s;pointer-events:none}
.navigation-hotspot strong{font:400 12px/1.25 "Continuity Galmuri UI",sans-serif;white-space:nowrap}
.navigation-hotspot small{color:#9fa7a3;font:400 8px/1.2 "Continuity Galmuri System",monospace}
.navigation-hotspot:hover,.navigation-hotspot:focus-visible{background:rgba(210,216,211,.13);filter:drop-shadow(0 0 1px rgba(245,246,240,.95)) drop-shadow(0 0 7px rgba(188,197,191,.38));outline:0}
.navigation-hotspot:hover>span,.navigation-hotspot:focus-visible>span{opacity:1;transform:translate(-50%,-55%)}
.navigation-hotspot:active{background:rgba(230,232,225,.2)}
.navigation-hotspot.is-locked:hover,.navigation-hotspot.is-locked:focus-visible{background:rgba(177,72,48,.16);filter:drop-shadow(0 0 1px rgba(255,183,145,.92)) drop-shadow(0 0 10px rgba(151,48,34,.48))}
.navigation-hotspot.is-locked>span{border-color:rgba(190,92,67,.78);background:rgba(25,10,9,.92)}
.navigation-hotspot.is-locked>span small{color:#df8069}
.hub-map-active .navigation-hotspot.is-visited{background:rgba(210,216,211,.1);filter:drop-shadow(0 0 1px rgba(245,246,240,.72)) drop-shadow(0 0 5px rgba(188,197,191,.24))}
.hub-map-active .navigation-hotspot.is-visited>span{opacity:.78;transform:translate(-50%,-50%)}
.hub-map-active .navigation-hotspot.is-visited:hover>span,.hub-map-active .navigation-hotspot.is-visited:focus-visible>span{opacity:1;transform:translate(-50%,-55%)}

.command-ui .clue-inventory[hidden]{display:none!important}

.map-stage>.map-transition-layer{z-index:2;object-fit:cover;pointer-events:none;will-change:transform,opacity,filter}
.map-stage>.hotspot[hidden]{display:none!important}
.map-stage{transform-origin:0 0}
.scene.map-focus-active .map-stage{will-change:transform}

.modal.map-clue-focus .modal-backdrop{
  background:linear-gradient(90deg,rgba(1,4,5,.18),rgba(1,4,5,.38) 56%,rgba(1,4,5,.68));
  backdrop-filter:none;
}
.modal.map-clue-focus .modal-panel{
  left:auto;
  right:clamp(72px,6vw,116px);
  width:min(38vw,650px,calc(82vh * 1.3333));
  transform:translateY(-50%);
  animation:map-clue-panel-enter .46s cubic-bezier(.2,.72,.2,1) both;
}
@keyframes map-clue-panel-enter{
  from{opacity:0;transform:translate(24px,-50%)}
  to{opacity:1;transform:translate(0,-50%)}
}
.location-box.location-changing strong{animation:location-name-settle .42s cubic-bezier(.16,.8,.24,1)}

@keyframes location-name-settle{
  0%{opacity:.18;transform:translateY(5px);filter:blur(2px)}
  100%{opacity:1;transform:translateY(0);filter:blur(0)}
}

@media(prefers-reduced-motion:reduce){
  .navigation-hotspot,.navigation-hotspot>span,.location-box.location-changing strong,.modal.map-clue-focus .modal-panel{transition:none;animation:none}
}