.murmuration {
  position: relative;
  width: 100%;
  overflow: hidden;
  /* Shown until the first frame, and as the static fallback: the same dusk sky the shader paints. */
  background: linear-gradient(to bottom, #5d6f8f 0%, #d9a98f 65%, #f0c79a 100%);
}
.murmuration canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.murmuration__note {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 1rem;
  text-align: center;
  font-size: 1rem;
  color: #1c1f2b;
}
.murmuration__controls {
  position: absolute;
  left: 0.75rem;
  right: 0.75rem;
  bottom: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  font-size: 0.875rem;
  color: #1c1f2b;
  pointer-events: none;
}
.murmuration__controls label {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0.625rem;
  border-radius: 0.5rem;
  background: rgba(255, 255, 255, 0.55);
  pointer-events: auto;
}
.murmuration__controls output { min-width: 3.5rem; font-variant-numeric: tabular-nums; }
.murmuration__controls input { width: min(40vw, 12rem); accent-color: #1c1f2b; }
.murmuration__fps {
  padding: 0.25rem 0.625rem;
  border-radius: 0.5rem;
  background: rgba(255, 255, 255, 0.55);
  font-variant-numeric: tabular-nums;
}
.murmuration__right { display: inline-flex; align-items: center; gap: 0.5rem; pointer-events: auto; }
.murmuration.is-expanded {
  position: fixed;
  inset: 0;
  width: auto;
  height: auto !important;
  z-index: 999999;   /* above themes and the WordPress admin bar */
}
.murmuration__btn {
  padding: 0.25rem 0.625rem;
  border: 0;
  border-radius: 0.5rem;
  background: rgba(255, 255, 255, 0.55);
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.murmuration__btn:hover,
.murmuration__btn:focus-visible { background: rgba(255, 255, 255, 0.85); }
.murmuration__btn[hidden] { display: none; }
/* The inline height set by the shortcode must not limit the full-screen view. */
.murmuration:fullscreen { height: 100% !important; }
.murmuration__fps:empty,
.murmuration__fps[hidden] { display: none; }
.murmuration__note[hidden],
.murmuration canvas[hidden] { display: none; }