/* Originals retain layout, approved styling and accessible names. These sibling
   canvases are decorative, with a little transparent room for moving tips. */
.creature-motion-canvas {
  position:absolute;
  display:block;
  box-sizing:border-box;
  max-width:none;
  max-height:none;
  pointer-events:none;
  image-rendering:pixelated;
  user-select:none;
}
.creature-motion-canvas[hidden] { display:none; }
.motion-toggle {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  max-width:100%;
  border:1px solid #526480;
  border-radius:5px;
  padding:10px 14px;
  background:#141e2f;
  color:#d9edff;
  font:600 12px/1.4 system-ui,sans-serif;
  text-align:center;
  cursor:pointer;
}
.motion-toggle:hover { background:#20334a; }
.motion-toggle:focus-visible { outline:3px solid #c2f76c;outline-offset:3px; }
.motion-toggle[aria-pressed=true] { border-color:#75ead7;color:#b9fff3; }
@media(prefers-reduced-motion:reduce) {
  .creature-motion-canvas { display:none!important; }
  img[data-creature-id][data-creature-stage] { opacity:1!important; }
}