/* Torch container (what you move with top/left) */
.chamber-layer .torch{
  position: absolute;
  width: 240px;
  height: 460px;
  pointer-events: none;
  z-index: 3;
  overflow: visible;
}

/* Position controls */
.chamber-layer .torch-left{
  left: 5.6%;
  top: 29.1%;
}

.chamber-layer .torch-right{
  right: 5.6%;
  top: 29.1%;
}

/* Canvas must fill the torch box */
.chamber-layer .torch-fire{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
}

/* Fire should never block scrolling/clicks (torch rules live in torches.css now) */
#fireCanvas, .fire-canvas,
.fire-overlay, .embers, .flame{
  pointer-events: none !important;
  touch-action: none !important;
}