/* ------------------------------------------------------------------
   piece.css — everything the artwork needs and nothing else.

   Deliberately contains no global selectors: no `*` reset, no rules on
   html/body, no bare `canvas`. All of it is scoped under .pm-stage, so
   dropping this into a page with its own layout, its own reset and its
   own canvases changes none of them. The stage is a normal block
   element — give it a size however you size anything else.
------------------------------------------------------------------- */
.pm-stage{
  position:relative; overflow:hidden;
  background:var(--pm-ground,#0f2830);
  -webkit-tap-highlight-color:transparent;
}
.pm-stage > canvas.pm-view{
  position:absolute; inset:0; width:100%; height:100%; display:block;
  image-rendering:pixelated; image-rendering:crisp-edges;
  opacity:0; transition:opacity .45s ease; cursor:pointer;
}
.pm-stage > canvas.pm-view.ready{ opacity:1 }
/* a stage told to be the page's backdrop */
.pm-stage.pm-fixed{ position:fixed; inset:0; z-index:0 }