/* ============================================================
   BOOM TRAINER OS // WORLD MAP CONTROLS V2
   ============================================================ */


/* ------------------------------------------------------------
   REMOVE OLD BLUE "BOOM WORLD // LIVE MAP"
   ------------------------------------------------------------ */

.boom-world #game-frame::before {
  content: none !important;
  display: none !important;
}


/* ------------------------------------------------------------
   REMOVE DECORATIVE CORNER LINES
   ------------------------------------------------------------ */

.boom-world .world-map-frame::before,
.boom-world .world-map-frame::after {
  content: none !important;
  display: none !important;
}


/* ------------------------------------------------------------
   HIDE COORDINATES
   Engine can continue updating them internally.
   ------------------------------------------------------------ */

.boom-world .wmf-coords,
.boom-world #world-map-coords {
  display: none !important;
}


/* ------------------------------------------------------------
   KEEP LIVE WORLD
   ------------------------------------------------------------ */

.boom-world .wmf-live {
  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: auto !important;

  color: #ff7474 !important;

  border:
    1px solid
    rgba(255,82,107,.28) !important;

  background:
    rgba(6,11,18,.90) !important;

  box-shadow:
    0 5px 16px rgba(0,0,0,.30),
    0 0 14px rgba(255,82,107,.06) !important;

  backdrop-filter:
    blur(9px) !important;
}


/* ============================================================
   REAL MAP BUTTON
   ============================================================ */

.boom-world #boom-map-mini-button {
  position: absolute !important;

  top: 12px !important;
  right: 12px !important;

  z-index: 40 !important;

  width: auto !important;
  min-width: 86px !important;

  height: 36px !important;
  min-height: 36px !important;

  padding:
    0 16px 0 36px !important;

  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  overflow: hidden !important;

  border:
    1px solid
    rgba(82,234,255,.38) !important;

  border-radius:
    11px !important;

  color:
    #dffaff !important;

  background:
    radial-gradient(
      circle at 22% 0%,
      rgba(82,234,255,.13),
      transparent 55%
    ),
    linear-gradient(
      180deg,
      rgba(12,27,34,.96),
      rgba(5,14,21,.97)
    ) !important;

  font-family:
    'Orbitron',
    'Rajdhani',
    system-ui,
    sans-serif !important;

  font-size:
    9px !important;

  font-weight:
    900 !important;

  line-height:
    1 !important;

  letter-spacing:
    .12em !important;

  text-transform:
    uppercase !important;

  box-shadow:
    inset 0 1px 0
      rgba(255,255,255,.035),
    0 7px 20px
      rgba(0,0,0,.34),
    0 0 17px
      rgba(82,234,255,.07) !important;

  backdrop-filter:
    blur(10px) !important;

  cursor:
    pointer !important;

  transition:
    transform .16s ease,
    border-color .16s ease,
    background .16s ease,
    box-shadow .16s ease !important;
}


/* Trainer OS map diamond */

.boom-world #boom-map-mini-button::before {
  content: "";

  position: absolute;

  left: 14px;
  top: 50%;

  width: 9px;
  height: 9px;

  transform:
    translateY(-50%)
    rotate(45deg);

  border:
    1px solid
    #62e7f0;

  border-radius:
    2px;

  background:
    rgba(82,234,255,.10);

  box-shadow:
    0 0 10px
    rgba(82,234,255,.28);

  pointer-events:
    none;
}


.boom-world #boom-map-mini-button:hover {
  transform:
    translateY(-1px) !important;

  border-color:
    rgba(104,241,250,.72) !important;

  background:
    linear-gradient(
      180deg,
      rgba(17,38,45,.98),
      rgba(6,20,27,.99)
    ) !important;

  color:
    #fff !important;

  box-shadow:
    0 9px 24px
      rgba(0,0,0,.38),
    0 0 22px
      rgba(82,234,255,.11) !important;
}


.boom-world #boom-map-mini-button:active {
  transform:
    translateY(1px) !important;
}


/*
 * Old fly status inside button is no longer displayed.
 * MAP should remain clean.
 */

.boom-world #boom-map-mini-button
.fly-mini-status {
  display: none !important;
}


/* ------------------------------------------------------------
   MOBILE
   ------------------------------------------------------------ */

@media (max-width: 700px) {

  .boom-world #boom-map-mini-button {
    top: 8px !important;
    right: 8px !important;

    min-width: 72px !important;

    height: 32px !important;
    min-height: 32px !important;

    padding:
      0 12px 0 30px !important;

    font-size:
      8px !important;
  }


  .boom-world #boom-map-mini-button::before {
    left: 11px;

    width: 8px;
    height: 8px;
  }

}