/* === starfield base === */
:root{
  --bg: linear-gradient(to bottom,#150e26 0%,#1e1440 60%,#241a49 100%);
}

/* === topbar overlay === */
.md-header, .md-tabs { background: transparent !important; }

.md-header,
.md-header--shadow,
.md-header[data-md-state="shadow"],
.md-tabs { box-shadow: none !important; border: 0 !important; }
.md-header::before, .md-header::after,
.md-tabs::before,  .md-tabs::after { display: none !important; }

.md-tabs { position: relative; z-index: 2; }

#starfield-topbar{
  position: fixed;
  top: 0; left: 0; right: 0;
  height: 0;                /* JS updates */
  background: var(--bg);
  pointer-events: none;
  z-index: 1;               /* below bars, above page */
  overflow: hidden;
  will-change: height;
}

/* particles canvas stays at a fixed size and position - container clips it */
#starfield-topbar > canvas{
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  /* Size is set by JS to a fixed value - don't override */
  display: block;
}

/* per-page gate */
body[data-starfield="true"]  #starfield-topbar { display: block; }
body[data-starfield="false"] #starfield-topbar { display: none;  }