Modo manga: capítulo siguiente a la izquierda y la hoja se curva según por dónde se agarra

- En der→izq, la barra inferior del lector va como la lectura: Cap. sig. a la izquierda y Cap. ant. a la derecha.
- En móvil, la página y la barra de progreso van arriba, y cada botón de capítulo en su extremo.
- Al arrastrar con el dedo por arriba o por abajo, esa parte de la hoja va por delante y el lomo no se mueve;
  por el centro, como siempre. Sin capas nuevas.

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

app/public/style.css

@@ -98,6 +98,16 @@ input:focus, select:focus { border-color: var(--accent); }
   background: rgba(10, 9, 14, .9); backdrop-filter: blur(6px); transition: transform .2s; flex-wrap: wrap; }
 .rbar.top { top: 0; padding-top: max(8px, env(safe-area-inset-top)); }
 .rbar.bottom { bottom: 0; justify-content: center; padding-bottom: max(8px, env(safe-area-inset-bottom)); }
+.rbar.bottom.rtl, .rbar.bottom.rtl a.btn { flex-direction: row-reverse; }
+/* Móvil: arriba la página y la barra de progreso; abajo cada botón en su extremo. */
+@media (max-width: 640px) {
+  .rbar.bottom { justify-content: space-between; }
+  .rbar.bottom #pnum { order: -2; }
+  .rbar.bottom input[type=range] { order: -1; flex: 1 1 calc(100% - 80px); max-width: none; }
+  .rbar.bottom .chnext { margin-left: auto; }
+  .rbar.bottom.rtl .chnext { margin-left: 0; margin-right: auto; }
+}
+.rbar.bottom.rtl a.btn .ic, .paged[data-dir="rtl"] .chapter-end a.primary .ic { transform: scaleX(-1); }
 .reader.hide-ui .rbar.top { transform: translateY(-110%); }
 .reader.hide-ui .rbar.bottom { transform: translateY(110%); }
 .rbar .ttl { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: .9rem; }