/* City Pixels Step 158B — final live interaction and profile expansion layer */

/* The compatibility target is intentionally present but never visible. */
#spotlightGrid[hidden]{
  display:none!important;
}

body.city-profile-expanded{
  overflow:hidden!important;
}

/* Use greater specificity than every earlier profile positioning rule. */
html body #map.city-pixel-stage.profile-expanded .stage-live-profile{
  display:block!important;
  position:fixed!important;
  top:92px!important;
  right:24px!important;
  bottom:24px!important;
  left:auto!important;
  width:min(760px,calc(100vw - 48px))!important;
  height:auto!important;
  min-height:0!important;
  max-height:calc(100vh - 116px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  z-index:1201!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
  border-color:rgba(212,107,255,.68)!important;
  box-shadow:
    0 32px 100px rgba(0,0,0,.76),
    0 0 48px rgba(41,231,255,.26),
    0 0 34px rgba(255,95,210,.22)!important;
}

html body #map.city-pixel-stage.profile-expanded::after{
  content:""!important;
  display:block!important;
  position:fixed!important;
  inset:0!important;
  z-index:1198!important;
  background:rgba(1,4,12,.80)!important;
  backdrop-filter:blur(5px)!important;
  pointer-events:auto!important;
}

html body #map.city-pixel-stage.profile-expanded .stage-live-profile,
html body #map.city-pixel-stage.profile-expanded .stage-live-profile *{
  pointer-events:auto!important;
}

@media(max-width:780px){
  html body #map.city-pixel-stage.profile-expanded .stage-live-profile{
    top:78px!important;
    right:10px!important;
    bottom:10px!important;
    left:10px!important;
    width:auto!important;
    max-height:calc(100vh - 88px)!important;
    border-radius:18px!important;
  }
}

/* Step 158D — use the original sign painted into the stage background only. */
html body #map.city-pixel-stage .stage-left-sign{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* Logged-out account invitation on the live map navigation. */
.site-header nav a.nav-join-free{
  border-color:rgba(41,231,255,.55);
}