.bag-composition { aspect-ratio: 1; }
.bag-fallback { display: block; width: 100%; height: auto; }
.bag-snake-canvas { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; }
.bag-composition.snake-ready .bag-fallback { visibility: hidden; }
.bag-composition.snake-ready .bag-snake-canvas { opacity: 1; }
.snake-replay {
  display: flex; align-items: center; min-height: 44px; margin-top: 10px;
  padding: 5px 0; color: var(--scene-ink); background: transparent;
  font: inherit; font-size: 13px; cursor: pointer;
}
.snake-replay[hidden] { display: none; }
@media (prefers-reduced-motion: reduce) {
  .bag-composition.snake-ready .bag-fallback { visibility: visible; }
  .bag-composition.snake-ready .bag-snake-canvas { opacity: 0; }
  .snake-replay { display: none; }
}