.vue[data-vue="lecteur"]:has(.manga) { background: var(--deep-background); }
.manga { position:relative; flex:1; min-width:0; min-height:0; overflow:hidden; background:var(--deep-background); color:var(--white-color); }
.manga__scene { position:absolute; inset:0 0 5.2rem; overflow:hidden; outline:none; touch-action:none; cursor:grab; user-select:none; -webkit-user-select:none; -webkit-tap-highlight-color:transparent; }
.manga[data-geste] .manga__scene { cursor:grabbing; }
.manga__page { position:absolute; top:0; left:0; width:auto; height:auto; max-width:none; transform-origin:0 0; will-change:transform; transition:transform 420ms cubic-bezier(.2,.75,.22,1),opacity 180ms ease; box-shadow:0 0 0 1px rgba(252,251,228,.12),0 1.5rem 5rem rgba(0,0,0,.42); }
.manga[data-geste] .manga__page,.manga[data-sans-transition] .manga__page { transition:none; }
.manga__chargement { position:absolute; inset:0; display:grid; place-items:center; color:var(--hud-encre); font:1rem var(--font-hud); letter-spacing:.08em; text-transform:uppercase; }
.manga__chargement[hidden] { display:none; }
.manga__commandes { position:absolute; z-index:2; left:0; right:0; bottom:0; height:5.2rem; display:flex; align-items:center; gap:.8rem; padding:.7rem 1.2rem; border-top:1px solid var(--hud-filet); background:var(--hud-fond); backdrop-filter:blur(10px); }
.manga__commandes > button { flex:0 0 auto; min-width:3.4rem; height:3.4rem; padding:0 .8rem; border:1px solid var(--hud-filet); color:var(--hud-encre); font:1rem var(--font-hud); letter-spacing:.04em; text-transform:uppercase; }
.manga__commandes > button:first-child,.manga__commandes > button:last-child { padding:0; font:2.1rem/1 var(--font-main); }
.manga__commandes > button:hover,.manga__commandes > button:focus-visible,.manga__commandes > button[aria-pressed="true"] { color:var(--blue-color-second); border-color:rgba(73,173,182,.55); }
.manga__commandes > button:disabled { opacity:.22; }
.manga__progression { flex:1; min-width:0; color:var(--hud-encre); font:.8rem var(--font-hud); letter-spacing:.045em; text-transform:uppercase; }
.manga__progression span { display:block; overflow:hidden; margin-bottom:.45rem; text-overflow:ellipsis; white-space:nowrap; }
.manga__progression i { display:block; height:2px; background:var(--hud-filet); }
.manga__progression b { display:block; width:0; height:100%; background:var(--blue-color-second); transition:width 220ms ease; }
@media (max-width:480px) {
  .manga__commandes { gap:.5rem; padding-inline:.7rem; }
  .manga__commandes > button { min-width:3rem; height:3rem; padding:0 .55rem; font-size:.82rem; }
  .manga__progression { font-size:.68rem; }
}
@media (prefers-reduced-motion:reduce) {
  .manga__page,.manga__progression b { transition:none; }
}