/* Wonders Workshop / Orbital Command Academy — Asterion Ring layout v2.16.46
   Desktop image fills map viewport; pin text is shown legibly on interaction.
   Mobile retains full-map overview with all ten coordinates reachable. */
.mx-intro{isolation:isolate}
.mx-intro::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-18px -25px -14px -18px;
  background:linear-gradient(90deg,rgba(1,7,16,.90),rgba(1,7,16,.73) 67%,transparent);
  filter:blur(13px);
  pointer-events:none;
}
@media (min-width:1001px) {
  .mx-pin-name {
    display:none;
    width:max-content;
    max-width:235px;
    min-width:0;
    overflow:visible;
    white-space:normal;
    text-overflow:clip;
    overflow-wrap:normal;
    text-align:left;
    padding:9px 12px;
    font:700 11px/1.4 Arial,sans-serif;
    letter-spacing:.055em;
    border-radius:2px;
  }
  .mx-pin:hover,.mx-pin:focus-visible {z-index:9}
  .mx-pin:hover .mx-pin-name,
  .mx-pin:focus-visible .mx-pin-name,
  .mx-pin.active .mx-pin-name {display:block}
  .mx-pin-layer:has(.mx-pin:hover) .mx-pin.active:not(:hover):not(:focus-visible) .mx-pin-name{display:none}
}
@media (max-width:1000px){
  .mx-pin-name {display:none!important}
}