La hoja se dibuja con WebGL y el toque elige la animación según su altura

Una sola malla en un canvas en lugar de una capa con filtro por cara. Las
páginas se suben a la GPU en reposo; sin WebGL2 se usa la hoja de capas.
Tocar arriba, al centro o abajo levanta la hoja por esa parte, como al
arrastrarla, y el giro dura 20 ms más.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

app/public/style.css

@@ -377,6 +377,7 @@ body.reading #netbanner { display: none; }
 .paged { position: relative; perspective: 2200px; }
 .paged .stage.leaving { position: absolute; inset: 0; z-index: 1; pointer-events: none; background: #000; }
 .paged.fit-width .stage.leaving { bottom: auto; }
+.paged .curlgl { position: absolute; left: 0; top: 0; z-index: 3; pointer-events: none; filter: var(--page-filter, none); }
 .paged .curl { position: absolute; z-index: 3; transform-style: preserve-3d; pointer-events: none; }
 .paged .curl .strip { position: absolute; top: 0; transform-style: preserve-3d; will-change: transform; }
 .paged .curl .sf { position: absolute; top: 0; bottom: 0; overflow: hidden; backface-visibility: hidden; -webkit-backface-visibility: hidden; }