/* TBE Map iframe background cleanup.
   The outside website already has the jungle background, so the embedded map does not need another full-page background layer. */

html,
body.page-map {
  background: transparent !important;
  overflow: hidden !important;
}

body.page-map::before,
body.page-map::after {
  display: none !important;
}

body.page-map .map-shell,
body.page-map .map-direct-main,
body.page-map .map-live-board,
body.page-map .map-direct-board {
  background: transparent !important;
}

/* Keep the actual map chamber visible, but remove extra backdrop haze. */
body.page-map .map-frame-shell,
body.page-map .real-map-frame,
body.page-map .map-direct-frame {
  margin-top: 0 !important;
  background: rgba(0, 5, 3, 0.78) !important;
}

/* Make sure the embedded map itself fills the cleaned chamber. */
body.page-map .map-frame {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  background: #020503 !important;
}