/* Sky and petals share the background layer; the later petal canvas paints over clouds. */
bloom-atmosphere {
  display: contents;
  pointer-events: none;
  user-select: none;
}
bloom-atmosphere > canvas {
  display: block;
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
bloom-atmosphere > .sky-layer {
  z-index: 0;
  background: linear-gradient(#f5bdd3, #f9d6e4 43%, #fce5e9 77%, #fff0df);
}
bloom-atmosphere > .petal-layer {
  z-index: 0;
}