La vista de una página funciona como un libro abierto

Entre las dos caras de una pareja la vista se recorre, con las páginas unidas
por el lomo. Entre parejas gira la hoja, con la página nueva en el reverso, la
siguiente debajo y la vista acompañando al giro. La hendidura alterna de lado
según la cara, y las páginas anchas ya no la llevan.

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

app/public/style.css

@@ -398,7 +398,7 @@ body.reading #netbanner { display: none; }
 .paged .curldrop.l { background: linear-gradient(90deg, rgba(0,0,0,.55), rgba(0,0,0,.2) 35%, rgba(0,0,0,0) 75%); }
 .paged .curldrop.r { background: linear-gradient(270deg, rgba(0,0,0,.55), rgba(0,0,0,.2) 35%, rgba(0,0,0,0) 75%); }
 /* Hendidura del lomo: la página se funde con el negro de detrás. Los puntos coinciden con gutter() en app.js. */
-.paged img[data-gutter] {
+.paged img[data-gutter="l"], .paged img[data-gutter="r"] {
   --gutter-stops: rgba(0,0,0,.4) 0, rgba(0,0,0,.6) 1.2%, rgba(0,0,0,.8) 3%, rgba(0,0,0,.93) 6%, #000 10%;
   --gutter-mask: linear-gradient(var(--gutter-side), var(--gutter-stops));
   -webkit-mask-image: var(--gutter-mask);
@@ -406,9 +406,7 @@ body.reading #netbanner { display: none; }
 }
 .paged img[data-gutter="l"] { --gutter-side: to right; }
 .paged img[data-gutter="r"] { --gutter-side: to left; }
-.paged img[data-gutter="m"] {
-  --gutter-mask: linear-gradient(to right, #000 45%, rgba(0,0,0,.93) 47%, rgba(0,0,0,.8) 48.5%, rgba(0,0,0,.6) 49.4%, rgba(0,0,0,.4) 50%, rgba(0,0,0,.6) 50.6%, rgba(0,0,0,.8) 51.5%, rgba(0,0,0,.93) 53%, #000 55%);
-}
+.paged .panmask { position: absolute; top: 0; bottom: 0; z-index: 4; pointer-events: none; background: #000; }
 .paged .leafkeepback { position: absolute; z-index: 2; pointer-events: none; background: #000; }
 .paged .leafkeep { position: absolute; z-index: 2; pointer-events: none; max-width: none; max-height: none; object-fit: fill; }