/* HUD overrides for the embedded stacks demo at /stacks/ */

:root {
  --surface: rgba(5, 7, 5, 0.72);
  --border: rgba(109, 255, 154, 0.3);
  --border-soft: rgba(109, 255, 154, 0.08);
  --text-dim: var(--hud-dim);
  --pile-line: rgba(109, 255, 154, 0.35);
  --panel: rgba(5, 7, 5, 0.8);
  --backdrop: rgba(4, 7, 4, 0.92);
}

#root {
  background: transparent;
}

.control-bar {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

/* Dialogs float on the darkened backdrop instead of drawing their own box */
.intro-dialog,
.stack-gallery {
  background: transparent;
  border-color: transparent;
}

.stack-gallery-header {
  background: transparent;
}

.intro-dialog h1 {
  font-size: 22px;
  font-weight: 400;
  text-transform: uppercase;
  text-shadow: var(--glow);
}

.pile-sheet {
  background: #050705;
}

.tightness-control input::-webkit-slider-thumb {
  background: var(--hud);
  box-shadow: 0 0 8px var(--hud-dim);
}

.tightness-control input::-moz-range-thumb {
  background: var(--hud);
  box-shadow: 0 0 8px var(--hud-dim);
}

/* The injected site nav replaces the demo's own back link */
:root {
  --demo-nav-inset: 1rem;
}

.back-link {
  display: none;
}