/* TBE real interactive map iframe cleanup.
   Removes the duplicate jungle/backdrop layer inside the nested map iframe. */

html,
body {
  background: #020503 !important;
  background-image: none !important;
  overflow: hidden !important;
}

body::before,
body::after,
.gateway-map-app::before,
.gateway-map-app::after,
.map-module-shell::before,
.map-module-shell::after,
#mapViewport::before,
#mapViewport::after {
  display: none !important;
  content: none !important;
}

/* Do not let the inner iframe draw another copy of the website background. */
.gateway-map-app,
.map-module-shell {
  background: #020503 !important;
  background-image: none !important;
}

/* The map viewport should be the only visible chamber. */
#mapViewport {
  background: #020503 !important;
  background-image: none !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}

/* The actual map content remains visible and clipped cleanly. */
#mapContent {
  background: #020503 !important;
}

/* Keep controls readable, but do not blur/show background weirdness behind them. */
.quick-tool,
.map-side-status,
.map-context,
.quick-status,
.quick-resources button,
.zone-intensity-row,
.quick-filter-panel,
.accessibility-panel {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Remove the decorative blood vignette if it creates odd shadow bands. */
.blood-vignette {
  display: none !important;
}