/* Keep the pointer in the same warm yellow family as the other fireflies. */
#firefly {
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
  background: radial-gradient(circle, #ffe36fe0 10%, #ffe36f85 48%, #ffe36f00 78%);
  box-shadow: 0 0 12px 5px #ffe36f80, 0 0 30px 10px #eec34138;
  filter: blur(1.2px);
}
#firefly i, #firefly b { background: #ffe36f66; }
#firefly.is-hovered { box-shadow: 0 0 15px 6px #ffe36f99, 0 0 34px 12px #eec34147; }
.firefly-trail {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  pointer-events: none;
}
body:is(:not(.is-ready), .mist-loading, .mist-revealing, .world-open, .door-entering, .dialog-open, .is-still, .pointer-in-field) #firefly,
body:is(:not(.is-ready), .mist-loading, .mist-revealing, .world-open, .door-entering, .dialog-open, .is-still, .pointer-in-field) .firefly-trail { display: none !important; }
body:is(:not(.is-ready), .mist-loading, .mist-revealing, .world-open, .door-entering, .dialog-open).has-pointer .forest { cursor: auto; }
body:is(:not(.is-ready), .mist-loading, .mist-revealing, .world-open, .door-entering, .dialog-open).has-pointer .forest :is(button, a) { cursor: pointer; }
@media (prefers-reduced-motion: reduce), (pointer: coarse), (hover: none) {
  #firefly, .firefly-trail { display: none !important; }
}