/* Fullscreen calming visuals overlay */
#calm-visuals {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  background: #000;
  display: none; /* hidden by default */
  align-items: center;
  justify-content: center;
  z-index: 999999; /* above everything */
}

/* visible state */
#calm-visuals.show { display: flex; }

#calm-visuals video {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  background: #000;
}

#calm-visuals .controls {
  position: absolute;
  top: 12px;
  right: 12px;
}

#calm-visuals .btn-close {
  font: 600 16px/1.2 ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(0,0,0,.5);
  color: #fff;
  border: 1px solid rgba(255,255,255,.25);
  /* If your editor warns on backdrop-filter, keep it off (purely cosmetic): */
  /* backdrop-filter: blur(8px); */
  cursor: pointer;
}