/* Rippable sheet overlay — covers the viewport until torn open. */

.rip-sheet {
  position: fixed;
  inset: 0;
  z-index: 99999;
  pointer-events: auto;
  background: transparent;
  cursor: crosshair;
  touch-action: none;
}

.rip-sheet__canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  filter: drop-shadow(0 6px 18px rgba(0, 0, 0, 0.35));
}

/* Reveal mode — overlay stays visible so the halves fly off-screen on canvas,
   but the page beneath is immediately interactive. */
.rip-sheet--destroyed {
  pointer-events: none;
}

/* Body scroll-lock while the sheet is up. */
body.rip-sheet-locked {
  overflow: hidden;
}