/* BitcoinOrbit V16.0.1 — unified black Matrix background and unified footer controls.
   The slider blends from the subtle V15.8.6 look to the stronger V16.0 look. */
html, body {
  background-color: #000 !important;
  background-image: none !important;
  color-scheme: dark;
}
body:not(.legal-page):not(.debt-page), body.legal-page, body.debt-page {
  background: #000 !important;
}
:root {
  --bo-matrix-opacity: .96;
}
#bo-matrix-rain {
  position: fixed;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  opacity: var(--bo-matrix-opacity, .96);
  contain: strict;
  transition: opacity .25s ease;
}
body.bo-matrix-disabled #bo-matrix-rain {
  opacity: 0 !important;
  visibility: hidden;
}
body > header,
body > main,
body > .wrap,
body > footer,
body > .footer {
  position: relative;
  z-index: 1;
}
body #inhalt,
body #inhalt > .v9-home,
body #inhalt > section.section,
body #inhalt > section.section-alt,
body #inhalt > section.strategy-lab-section,
body #inhalt > section.analytics-zone,
body #inhalt > section:target,
body #inhalt > section[data-studio-route],
body #inhalt > .home-stage {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}
body #inhalt .section-alt:not(.surface):not(.card):not(.panel),
body #inhalt .strategy-lab-section:not(.surface):not(.card),
body #inhalt .v9-home:not(.surface):not(.card) {
  background: transparent !important;
  background-image: none !important;
}
body .footer, body footer {
  background: transparent !important;
  background-image: none !important;
}
body .header {
  background: rgba(0, 0, 0, .92) !important;
}
body.legal-page main.legal-main,
body.debt-page main.wrap {
  position: relative;
  z-index: 1;
  background: transparent !important;
  background-image: none !important;
}
body #inhalt > .v9-home .v9-intro,
body #inhalt > section.section > .section-heading,
body .legal-main > :is(h1,h2,p),
body.debt-page > main.wrap > :is(h1,h2,p) {
  text-shadow: 0 1px 4px #000b;
}

.bo-matrix-control-wrap {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
  margin-left: 14px;
  margin-top: 5px;
  padding: 7px 10px;
  min-height: 34px;
  color: #d2f7e1;
  border: 1px solid #317a52;
  border-radius: 10px;
  background: #09110de8;
  font-family: inherit;
  font-size: 11px;
  line-height: 1.2;
}
.bo-matrix-control {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  padding: 0;
  min-height: 28px;
  color: inherit;
  border: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
}
.bo-matrix-control:hover { color:#e6ffef; }
.bo-matrix-control:focus-visible,
.bo-matrix-visibility:focus-visible {
  outline: 2px solid #7fe3a5;
  outline-offset: 3px;
}
.bo-matrix-control[aria-pressed="false"] { opacity:.78; }
.bo-matrix-control-dot { width:6px; height:6px; border-radius:50%; background:#62ff9c; box-shadow:0 0 9px #62ff9cb8; }
.bo-matrix-control[aria-pressed="false"] .bo-matrix-control-dot { background:#8c98a7; box-shadow:none; }
.bo-matrix-slider-wrap {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 250px;
}
.bo-matrix-slider-label {
  color: #a7cbb6;
  white-space: nowrap;
}
.bo-matrix-slider-edge {
  color: #9ac7aa;
  font-size: 10px;
  letter-spacing: .03em;
  text-transform: uppercase;
  white-space: nowrap;
}
.bo-matrix-visibility {
  -webkit-appearance: none;
  appearance: none;
  width: 170px;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(58,221,128,.35), rgba(52,255,122,.95));
  cursor: pointer;
}
.bo-matrix-visibility::-webkit-slider-runnable-track {
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(58,221,128,.35), rgba(52,255,122,.95));
}
.bo-matrix-visibility::-moz-range-track {
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(58,221,128,.35), rgba(52,255,122,.95));
}
.bo-matrix-visibility::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  margin-top: -6px;
  border: 1px solid #d7ffe6;
  border-radius: 50%;
  background: #ecfff4;
  box-shadow: 0 0 0 3px rgba(75, 255, 150, .18), 0 0 12px rgba(75,255,150,.35);
}
.bo-matrix-visibility::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border: 1px solid #d7ffe6;
  border-radius: 50%;
  background: #ecfff4;
  box-shadow: 0 0 0 3px rgba(75, 255, 150, .18), 0 0 12px rgba(75,255,150,.35);
}
.bo-matrix-value {
  min-width: 38px;
  color: #ecfff4;
  font-variant-numeric: tabular-nums;
  text-align: right;
}
@media(max-width:760px) {
  .bo-matrix-control-wrap {
    margin-left: 0;
    min-height: 40px;
    font-size: 12px;
    width: 100%;
  }
  .bo-matrix-slider-wrap {
    width: 100%;
    min-width: 0;
    flex-wrap: wrap;
    gap: 6px 8px;
  }
  .bo-matrix-visibility {
    width: min(100%, 180px);
  }
}
@media(prefers-reduced-motion:reduce) {
  #bo-matrix-rain { transition: none; }
}


/* V16.0.1 — prominent Matrix brightness control adjacent to on/off switch */
.bo-matrix-control-wrap {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 16px;
  width: fit-content;
  max-width: 100%;
  margin: 10px 0 6px;
  padding: 13px 16px;
  background: #0a1710f2;
  border: 1px solid #3d855a;
  border-radius: 12px;
  box-shadow: inset 0 1px 0 #7cffad15, 0 4px 16px #0005;
}
.bo-matrix-control {
  padding: 8px 12px;
  min-height: 40px;
  border: 1px solid #458c60;
  border-radius: 8px;
  background: #142c1d;
  font-size: 12px;
  font-weight: 680;
  transition: background .15s ease;
}
.bo-matrix-control:hover { background: #20412b; }
.bo-matrix-control[aria-pressed="false"] { background: #141e19; }
.bo-matrix-slider-wrap {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 7px;
  width: clamp(190px, 21vw, 270px);
  min-width: 190px;
  max-width: 100%;
}
.bo-matrix-slider-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}
.bo-matrix-slider-label {
  font-size: 12px;
  font-weight: 690;
  color: #c2e7d0;
}
.bo-matrix-value {
  font-size: 13px;
  font-weight: 750;
  color: #95ffbb;
}
.bo-matrix-visibility,
.bo-matrix-visibility::-webkit-slider-runnable-track,
.bo-matrix-visibility::-moz-range-track {
  width: 100%;
}
.bo-matrix-visibility {
  box-sizing: border-box;
  display: block;
  flex: none;
  max-width: 100%;
  margin: 8px 0 4px;
  min-height: 4px;
  touch-action: pan-x;
}
.bo-matrix-slider-ticks {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.bo-matrix-slider-edge {
  color: #9abbaa;
  font-size: 10.5px;
  font-weight: 520;
  text-transform: none;
  letter-spacing: .008em;
}
.bo-matrix-slider-edge.is-current {
  color: #b0ffd0;
  font-weight: 760;
}
.bo-matrix-visibility:disabled { opacity: .42; cursor: not-allowed; }
@media (max-width: 760px) {
  .bo-matrix-control-wrap {
    width: 100%;
    max-width: min(100%, 440px);
    padding: 12px;
    gap: 10px;
  }
  .bo-matrix-control { min-height: 44px; width: 100%; justify-content: center; }
  .bo-matrix-slider-wrap { width: 100%; max-width: 100%; min-width: 0; }
  .bo-matrix-visibility { min-height: 8px; margin: 11px 0 7px; }
}