/* AstroLifeMap V102.06.7
   ONLY CHANGE: move the existing N/E/S/W compass from the toolbar
   into the empty upper-right area of the center stage.
   The 3D floor position/scale and all functionality remain unchanged.
*/

.stage-wrap{
  position:relative!important;
}

.stage-wrap > #compass{
  position:absolute!important;
  top:54px!important;
  right:42px!important;
  left:auto!important;
  bottom:auto!important;
  z-index:20!important;

  width:104px!important;
  height:104px!important;
  margin:0!important;

  border:1px solid rgba(215,170,82,.55)!important;
  border-radius:50%!important;
  background:rgba(5,9,8,.88)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.38)!important;
  pointer-events:none!important;
}

/* Compass crosshair resized for the larger circle. */
.stage-wrap > #compass:before{
  height:84px!important;
  left:51px!important;
  top:10px!important;
}
.stage-wrap > #compass:after{
  width:84px!important;
  top:51px!important;
  left:10px!important;
}

/* Large readable direction letters. */
.stage-wrap > #compass span{
  font-size:18px!important;
  font-weight:1000!important;
  line-height:1!important;
  text-shadow:0 1px 4px rgba(0,0,0,.95)!important;
}
.stage-wrap > #compass .n{top:6px!important;left:46px!important}
.stage-wrap > #compass .s{bottom:6px!important;left:46px!important}
.stage-wrap > #compass .e{right:7px!important;top:44px!important}
.stage-wrap > #compass .w{left:7px!important;top:44px!important}

/* Keep it compact on medium screens without touching the floor. */
@media (min-width:761px) and (max-width:1180px){
  .stage-wrap > #compass{
    width:88px!important;
    height:88px!important;
    top:52px!important;
    right:24px!important;
  }
  .stage-wrap > #compass:before{
    height:70px!important;
    left:43px!important;
    top:9px!important;
  }
  .stage-wrap > #compass:after{
    width:70px!important;
    top:43px!important;
    left:9px!important;
  }
  .stage-wrap > #compass span{font-size:16px!important}
  .stage-wrap > #compass .n{top:5px!important;left:38px!important}
  .stage-wrap > #compass .s{bottom:5px!important;left:38px!important}
  .stage-wrap > #compass .e{right:6px!important;top:36px!important}
  .stage-wrap > #compass .w{left:6px!important;top:36px!important}
}