/* Performance-oriented visual overrides. Keep the blueprint/cyber look while avoiding
   expensive live backdrop blur over a continuously changing WebGL canvas. */

.topbar,
.story-card,
.detail-card,
.control-button,
.metric-strip,
.engineering-toggle,
.engineering-panel,
.eng-head,
.explore-nav {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.topbar {
  background: linear-gradient(180deg, rgba(3,7,9,.96), rgba(3,7,9,.72)) !important;
}

.story-card,
.detail-card {
  background: linear-gradient(145deg, rgba(8,16,20,.96), rgba(5,10,13,.90)) !important;
}

.metric-strip {
  background: rgba(30,46,52,.94) !important;
}
.metric-strip > div {
  background: rgba(5,11,14,.94) !important;
}

.engineering-toggle,
.explore-nav,
.control-button {
  background: rgba(4,10,13,.94) !important;
}

.engineering-panel {
  background: linear-gradient(145deg, rgba(8,16,20,.98), rgba(4,9,12,.96)) !important;
}
.eng-head {
  background: rgba(6,13,16,.985) !important;
}

/* Replace giant blurred circles with gradients that produce a similar ambient glow
   without an expensive filter/compositing pass. */
.ambient {
  width: 52vw !important;
  height: 52vw !important;
  filter: none !important;
  opacity: .23 !important;
  background: transparent !important;
}
.ambient-a {
  background: radial-gradient(circle, rgba(36,214,243,.20) 0%, rgba(36,214,243,.07) 34%, transparent 70%) !important;
}
.ambient-b {
  background: radial-gradient(circle, rgba(120,214,91,.16) 0%, rgba(120,214,91,.05) 36%, transparent 72%) !important;
}

/* The engineering workbench prioritizes geometry readability and responsiveness. */
body.focus-line-a .ambient {
  display: none !important;
}
body.focus-line-a .story-card,
body.focus-line-a .detail-card,
body.focus-line-a .engineering-panel,
body.focus-line-a .engineering-toggle,
body.focus-line-a .explore-nav,
body.focus-line-a .topbar,
body.focus-line-a .metric-strip {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

@media (max-width: 900px) {
  .ambient { opacity: .14 !important; }
}