/* Les couleurs et thèmes restent ceux du viewer. */
.media-page{margin:0;min-height:100vh;color:var(--fg);background:var(--bg);font-family:system-ui,Segoe UI,sans-serif}
.media-page *{box-sizing:border-box}.media-page [hidden]{display:none!important}
.ml-shell{max-width:1440px;margin:auto;padding:22px 30px 38px}
.ml-header{display:flex;align-items:center;gap:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}
.ml-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--fg);font-weight:800;white-space:nowrap}.ml-brand img{width:32px;height:32px;border-radius:8px}
.ml-nav{display:flex;gap:5px;flex:1;flex-wrap:wrap}.ml-nav a,.ml-btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;padding:10px 15px;border:1px solid var(--border);border-radius:10px;background:var(--btn);color:var(--fg);text-decoration:none;font:600 14px/1.2 system-ui;cursor:pointer}
.ml-nav a{border-color:transparent;background:transparent;color:var(--muted)}.ml-nav a[aria-current="page"]{color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,var(--card));border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}
.ml-btn:hover,.ml-nav a:hover{border-color:var(--primary);color:var(--primary)}.ml-btn.primary{background:var(--primary);color:var(--bg);border-color:var(--primary)}.ml-btn:disabled{opacity:.42;cursor:default}
.ml-theme{max-width:142px;padding:9px;border:1px solid var(--border);border-radius:9px;background:var(--btn);color:var(--fg)}
.media-page main{padding:0;margin:0;max-width:none}.ml-heading{display:flex;gap:18px;align-items:center;justify-content:space-between;margin:28px 0 24px}.ml-heading h1{font-size:clamp(27px,3vw,38px);line-height:1.15;margin:0;letter-spacing:-.035em}.ml-intro{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;min-width:0}.ml-intro h1{flex-shrink:0}.ml-heading p{margin:0;color:var(--muted);font-size:15px}.ml-label{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);padding:7px 10px;border-radius:8px;color:var(--muted);font-size:12px;white-space:nowrap}
.ml-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:22px}.ml-search{flex:1;min-width:120px}.ml-search input,.ml-sort{width:100%;padding:11px 13px;background:var(--card);color:var(--fg);border:1px solid var(--border);border-radius:9px;font:inherit;font-size:14px}.ml-sort{width:auto}.ml-filters{display:flex;gap:5px}.ml-filter{padding:10px 13px;border:1px solid var(--border);border-radius:9px;background:var(--card);color:var(--muted);cursor:pointer;font:600 13px system-ui}.ml-filter[aria-pressed="true"]{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--card))}
.ml-section-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 16px}.ml-section-title h2{font-size:18px;margin:0}.ml-count{font-size:13px;color:var(--muted)}
.ml-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 17px}.ml-card{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:transform .18s,border-color .18s}.ml-card:hover{transform:translateY(-3px);border-color:var(--primary)}.ml-card button{display:block;padding:0;border:0;background:transparent;color:inherit;text-align:left;width:100%;cursor:pointer;font:inherit}.ml-poster{aspect-ratio:2/3;position:relative;overflow:hidden;background:#182136;color:#edf3ff}.ml-poster img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;display:block}.ml-poster-image-fallback{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(145deg,#1d2944,#101727);text-align:center;padding:20px}.ml-poster-art{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 27%,hsla(var(--hue,215),65%,68%,.3),transparent 42%),linear-gradient(160deg,hsl(var(--hue,215),35%,26%),#0d1220 80%)}
.ml-poster-art::before{content:"";position:absolute;width:64%;aspect-ratio:1;left:40%;top:15%;border:1px solid rgba(255,255,255,.25);border-radius:50%;box-shadow:0 0 0 20px rgba(255,255,255,.025),0 0 0 50px rgba(255,255,255,.025)}.ml-poster-art::after{content:"";position:absolute;inset:38% -10% -15%;background:linear-gradient(135deg,transparent 30%,hsla(var(--hue,215),55%,55%,.18) 30% 50%,transparent 50%),linear-gradient(40deg,#0c1525 45%,transparent 45%);transform:rotate(-8deg)}
.media-bibliotheque .ml-poster-art::before{border-radius:7px;transform:rotate(-15deg);left:28%;top:25%;box-shadow:17px 20px 0 rgba(255,255,255,.05),34px 40px 0 rgba(255,255,255,.025)}
.ml-poster-type{position:absolute;left:15px;top:50px;z-index:1;font-size:10px;letter-spacing:.18em;text-transform:uppercase;opacity:.7}.ml-poster-word{position:absolute;z-index:1;left:17px;right:14px;bottom:30px;font-weight:800;font-size:clamp(21px,2.3vw,33px);line-height:1.04;letter-spacing:-.045em}.ml-poster-word small{display:block;font:500 10px system-ui;letter-spacing:.15em;text-transform:uppercase;margin-top:13px;opacity:.7}.ml-badge{position:absolute;top:11px;left:11px;z-index:2;background:rgba(13,20,34,.78);color:#e9f1ff;border:1px solid rgba(255,255,255,.18);padding:5px 8px;border-radius:6px;font-size:10px;font-weight:700}.ml-play{position:absolute;z-index:2;right:13px;bottom:15px;width:33px;height:33px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:rgba(10,16,28,.5);font-size:14px}.ml-card-info{padding:13px 12px 15px}.ml-card-info h3{font-size:14px;line-height:1.35;margin:0 0 7px}.ml-card-info p{font-size:11px;color:var(--muted);margin:0;line-height:1.45}.ml-empty{border:1px dashed var(--border);padding:40px;text-align:center;color:var(--muted);border-radius:12px}
.ml-gate{padding:70px 24px;text-align:center;background:var(--card);border:1px solid var(--border);border-radius:15px;margin-top:28px}.ml-gate p{color:var(--muted);line-height:1.6}.ml-gate .ml-btn{margin:12px 5px}.ml-error{color:var(--muted);line-height:1.6}.ml-footer{display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap;margin-top:40px;padding-top:20px;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}.ml-footer a{color:var(--muted);margin-left:15px}
.ml-dialog{padding:0;border:1px solid var(--border);border-radius:18px;color:var(--fg);background:var(--card);width:min(1040px,calc(100vw - 36px));max-height:92dvh;box-shadow:0 24px 120px #0008;overflow:auto}.ml-dialog::backdrop{background:#070a12cf;backdrop-filter:blur(5px)}.ml-dialog-head{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:17px 22px;border-bottom:1px solid var(--border)}.ml-dialog-head h2{font-size:17px;margin:0}.ml-close{width:34px;height:34px;padding:0;font-size:22px}.ml-detail-grid{display:grid;grid-template-columns:minmax(230px,.9fr) minmax(280px,1fr);gap:26px;padding:24px}.ml-player{position:relative;min-height:380px;aspect-ratio:9/16;max-height:68dvh;max-width:100%;margin:auto;overflow:hidden;border-radius:12px;background:#080c14;color:#edf3ff;display:flex;align-items:center;justify-content:center}.ml-player video{width:100%;height:100%;object-fit:contain;background:#080c14}.ml-player-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:28px;background:radial-gradient(ellipse at 70% 20%,#36467780,transparent 50%),linear-gradient(160deg,#222b40,#0b1120)}.ml-player-placeholder .symbol{display:grid;place-items:center;width:64px;height:64px;border:1px solid #ffffff38;border-radius:50%;font-size:24px;margin-bottom:24px}.ml-player-placeholder strong{font-size:24px;letter-spacing:-.03em}.ml-player-placeholder p{font-size:13px;line-height:1.6;color:#b3c1d7;max-width:250px}.ml-player-note{position:absolute;bottom:18px;font-size:11px;color:#a7b4c9}
.ml-detail-info h3{font-size:27px;line-height:1.2;margin:12px 0 15px;letter-spacing:-.03em}.ml-description{font-size:14px;color:var(--muted);line-height:1.7;white-space:pre-wrap}.ml-tags{display:flex;gap:6px;flex-wrap:wrap}.ml-tag{padding:5px 8px;border-radius:6px;background:var(--btn);color:var(--muted);font-size:11px}.ml-units{display:grid;gap:9px;max-height:37dvh;overflow:auto;padding:2px}.ml-unit{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 13px;border:1px solid var(--border);border-radius:9px;background:var(--bg);color:var(--fg);text-align:left;cursor:pointer;font:600 14px system-ui}.ml-unit small{font-size:11px;color:var(--muted);font-weight:400;white-space:nowrap}.ml-unit[aria-current="true"]{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,var(--bg))}.ml-unit:disabled{cursor:default;opacity:.6}.ml-subtitle{font-size:13px;font-weight:600;margin:24px 0 12px}.ml-preview-note{font-size:12px;color:var(--muted);line-height:1.5;margin-top:20px}
.ml-dialog.is-comic{width:min(1260px,calc(100vw - 36px))}.is-comic .ml-detail-grid{grid-template-columns:minmax(0,1fr) 300px}.ml-reader{min-width:0;display:flex;flex-direction:column;gap:10px}.ml-reader-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ml-reader-tools select{padding:9px;border:1px solid var(--border);border-radius:8px;color:var(--fg);background:var(--btn);min-width:0}.ml-reader-tools .ml-btn{padding:8px 12px;font-size:12px}.ml-zoom{display:flex;align-items:center;gap:5px;font-size:11px;margin-left:auto;color:var(--muted)}.ml-zoom input{width:70px;accent-color:var(--primary)}.ml-comic-stage{background:#0b101b;border:1px solid var(--border);border-radius:10px;overflow:auto;max-height:60dvh;min-height:300px;padding:18px;scroll-behavior:smooth}.ml-comic-inner{width:var(--reader-width,100%);margin:auto;display:grid;gap:14px;min-width:0}.ml-comic-inner img{width:100%;height:auto;display:block;background:#1b2435;border-radius:3px}.ml-comic-inner .ml-page-error{padding:50px 20px;color:#d6e2f8;text-align:center;border:1px dashed #50617b}.ml-page-controls{display:flex;justify-content:space-between;align-items:center;gap:8px}.ml-page-controls p{font-size:12px;color:var(--muted);margin:0}.ml-page-controls input{flex:1;min-width:30px;max-width:160px;accent-color:var(--primary)}
.ml-demo-page{aspect-ratio:3/4;background:#ede8de;color:#202735;padding:22px;display:grid;grid-template-rows:auto 1fr 1.1fr auto;gap:14px;box-shadow:0 4px 20px #0003}.ml-demo-page header{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;font-weight:700;border-bottom:2px solid #283346;padding-bottom:10px}.ml-demo-panels{display:grid;grid-template-columns:1.5fr 1fr;gap:12px}.ml-demo-panel{position:relative;border:2px solid #243044;overflow:hidden;background:linear-gradient(140deg,#7c92a6,#243a54);min-height:70px}.ml-demo-panel:before{content:"";width:50%;aspect-ratio:1;position:absolute;right:-5%;top:10%;border-radius:50%;background:#eacfa0;opacity:.8}.ml-demo-panel:after{content:"";position:absolute;inset:40% -25% -30%;background:#223a47;transform:rotate(-20deg)}.ml-demo-panel:nth-child(2){background:linear-gradient(30deg,#ab9069,#53476b)}.ml-demo-wide{background:linear-gradient(120deg,#24384f,#517085);position:relative;border:2px solid #243044;overflow:hidden}.ml-demo-wide:before{content:"";position:absolute;inset:20% -10% -20%;transform:rotate(20deg);background:repeating-linear-gradient(90deg,#142a3b 0 16%,transparent 16% 23%)}.ml-demo-wide p{position:relative;z-index:1;margin:15px;background:#f5f0e6;color:#29344a;padding:9px 14px;width:fit-content;max-width:80%;font-size:12px;border:2px solid #243044}.ml-demo-page footer{font-size:10px;text-align:center;color:#58616b}.ml-reader:fullscreen{background:var(--bg);padding:18px;overflow:auto}.ml-reader:fullscreen .ml-comic-stage{max-height:calc(100dvh - 120px);flex:1}
/* Contours de focus natifs du navigateur, comme dans le viewer. */
@media(min-width:1600px){.ml-shell{max-width:1540px}.ml-grid{gap:24px}.ml-poster-word{font-size:35px}}
@media(max-width:1100px){.ml-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ml-header{gap:12px}.ml-brand span{display:none}.ml-poster-word{font-size:28px}.is-comic .ml-detail-grid{grid-template-columns:minmax(0,1fr) 240px}}
@media(max-width:760px){.ml-shell{padding:15px}.ml-header{flex-wrap:wrap}.ml-nav{order:3;flex-basis:100%;flex-wrap:nowrap;overflow:auto}.ml-theme{margin-left:auto}.ml-brand span{display:block}.ml-heading{align-items:flex-start;margin:24px 0 20px}.ml-intro{gap:8px 14px}.ml-heading p{font-size:13px;line-height:1.5}.ml-heading{flex-wrap:wrap}.ml-heading .ml-label{font-size:10px;padding:6px}.ml-toolbar{flex-wrap:wrap}.ml-search{flex-basis:65%}.ml-filters{order:3;width:100%}.ml-sort{font-size:12px;max-width:115px}.ml-filter{flex:1;padding:9px}.ml-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 10px}.ml-poster-word{font-size:23px;left:13px}.ml-card-info{padding:11px 10px}.ml-card-info h3{font-size:13px}.ml-dialog{max-height:96dvh;width:calc(100vw - 18px);border-radius:12px}.ml-dialog-head{padding:12px 15px}.ml-detail-grid,.is-comic .ml-detail-grid{grid-template-columns:1fr;padding:16px;gap:20px}.ml-player{height:52dvh;min-height:300px;width:auto;max-width:100%}.ml-detail-info h3{font-size:23px}.ml-units{max-height:240px}.is-comic .ml-detail-info{border-top:1px solid var(--border);padding-top:15px}.ml-comic-stage{max-height:55dvh}.ml-demo-page{padding:12px;gap:8px}.ml-demo-panels{gap:8px}.ml-description{font-size:13px}.ml-footer{line-height:1.6;gap:12px}.ml-footer a{margin-left:0;margin-right:12px}}
@media(max-width:480px){.ml-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ml-poster-word{font-size:27px}.ml-nav a{font-size:13px;padding:9px 11px}.ml-section-title h2{font-size:16px}.ml-count{font-size:11px}.ml-demo-page header{font-size:8px}.ml-zoom{margin-left:0}}
@media(prefers-reduced-motion:reduce){.ml-card{transition:none}.ml-comic-stage{scroll-behavior:auto}}

/* Sens de lecture : les pages restent dans leur ordre, seuls les contrôles changent de côté. */
.ml-page-controls.is-rtl{flex-direction:row-reverse}
.ml-page-controls.is-rtl input{direction:rtl}
.media-bibliotheque .ml-toolbar{flex-wrap:wrap}
.media-bibliotheque .ml-reader-tools select{max-width:100%}

/* Les pages CBZ hors écran libèrent leur image, en conservant la place du feuillet. */
.ml-cbz-sheet{position:relative;width:100%;aspect-ratio:2/3;display:grid;place-items:center;background:#1b2435;border-radius:3px;overflow:hidden}
.ml-cbz-placeholder{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:20px;color:#d6e2f8;margin:0;overflow-wrap:anywhere}
.ml-cbz-placeholder .ml-btn,.ml-page-error .ml-btn{margin-top:12px}
.ml-cbz-sheet img{width:100%;height:auto}

/* Dramas : le compteur partage la ligne de recherche ; le lecteur garde la priorité. */
.media-dramas .ml-search{display:flex;align-items:center;gap:14px;min-width:0}
.media-dramas #search{flex:1;min-width:0;width:0}
.media-dramas .ml-search .ml-count{flex:none;white-space:nowrap}
.ml-dialog.is-drama{--video-ratio:.5625;--video-height:min(84dvh,960px);--drama-sidebar:clamp(300px,36vw,486px);width:min(calc(100vw - 36px),calc(var(--video-height) * var(--video-ratio) + var(--drama-sidebar) + 66px));max-width:calc(100vw - 36px)}
.is-drama .ml-detail-grid{grid-template-columns:minmax(0,1fr) var(--drama-sidebar);gap:24px;padding:20px;align-items:start}
.is-drama .ml-player{width:100%;height:auto;min-height:0;max-height:var(--video-height);aspect-ratio:var(--video-ratio);margin:0;overflow:visible}
.is-drama .ml-player,.is-drama .ml-player video{background:#000}
.is-drama .ml-player video{display:block;border-radius:12px}
.ml-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:72px;height:72px;padding:0;border:1px solid #ffffffb3;border-radius:50%;background:#0009;color:#fff;box-shadow:0 4px 24px #0005;cursor:pointer}
.ml-video-play::before{content:"";width:0;height:0;margin-left:5px;border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:21px solid currentColor}
.ml-video-play:hover{background:#000c;border-color:#fff}
.ml-video-play:focus-visible{outline:2px solid #fff;outline-offset:4px}
.is-drama .ml-player-placeholder{border-radius:12px}
.is-drama .ml-drama-details{display:flex;flex-direction:column;min-width:0;max-height:84dvh}
.ml-drama-titlebar{display:flex;align-items:flex-start;gap:16px;padding-bottom:17px;flex:none}
.ml-drama-titles{flex:1;min-width:0}
.is-drama .ml-detail-info{flex:1;min-width:0;min-height:0;overflow:auto;padding-right:4px}
.is-drama #detailName{font-size:27px;line-height:1.2;margin:0;letter-spacing:-.03em;overflow-wrap:anywhere}
.ml-drama-close{flex:none;align-self:flex-start}
.is-drama .ml-units{max-height:none}
.is-drama #subtitleMessage:empty{display:none}
@media(max-width:760px){
  .media-dramas .ml-search{flex-basis:100%;gap:10px}
  .media-dramas .ml-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto}
  .media-dramas .ml-sort{max-width:96px;font-size:11px;padding:10px 7px}
  .ml-dialog.is-drama{--video-height:72dvh;width:calc(100% - 18px);max-width:calc(100% - 18px)}
  .is-drama .ml-detail-grid{grid-template-columns:1fr;padding:12px;gap:18px}
  .is-drama .ml-player{width:min(100%,calc(var(--video-height) * var(--video-ratio)));height:auto;max-height:var(--video-height);margin-inline:auto}
  .is-drama .ml-drama-details{max-height:none}
  .is-drama .ml-detail-info{overflow:visible;padding-right:0}
  .is-drama #detailName{font-size:23px}
  .ml-drama-close{position:absolute;top:18px;right:18px;z-index:3;background:var(--card)}
  .is-drama .ml-units{max-height:300px}
}

.ml-card-info .ml-original-title{margin:-2px 0 9px;font-size:11px;overflow-wrap:anywhere}
.media-bibliotheque .ml-card-info h3{overflow-wrap:anywhere}
.ml-card-info .ml-card-author{color:var(--muted);font-weight:400}
.ml-comic-stage{position:relative}
.ml-comic-stage.is-pannable{cursor:grab}
.ml-comic-stage.is-panning{cursor:grabbing;user-select:none}
.ml-comic-stage img{-webkit-user-drag:none;user-select:none}
.ml-page-status{position:absolute;z-index:2;left:50%;bottom:12px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px);margin:0;padding:9px 13px;border:1px solid var(--border);border-radius:9px;background:var(--card);color:var(--fg);font-size:12px;line-height:1.5;text-align:center;box-shadow:0 3px 15px #0005}
.ml-page-status .ml-btn{margin-top:8px}
.is-drama .ml-original-title{font-size:14px;line-height:1.5;color:var(--muted);margin:7px 0 0;overflow-wrap:anywhere}

.is-drama .ml-player video::cue{font-size:clamp(16px,2vw,24px)}

/* Les lecteurs commencent directement par le titre, sans statut global. */
.is-comic .ml-detail-info h3{margin-top:0}
.media-bibliotheque #search{min-width:0}

/* Bibliothèque : toute la page à gauche, titre et commandes à droite. */
.ml-dialog.is-comic{--comic-height:min(84dvh,960px);--comic-ratio:.75;--comic-sidebar:340px;width:min(calc(100vw - 36px),calc(var(--comic-height) * var(--comic-ratio) + var(--comic-sidebar) + 66px));max-width:calc(100vw - 36px)}
.ml-dialog.is-comic.is-scroll{width:min(1260px,calc(100vw - 36px))}
.is-comic .ml-detail-grid{grid-template-columns:minmax(0,1fr) var(--comic-sidebar);gap:24px;padding:20px;align-items:start}
.is-comic .ml-reader{display:block;min-width:0}
.is-comic .ml-comic-stage{width:100%;height:auto;aspect-ratio:var(--comic-ratio);max-height:var(--comic-height);min-height:0;padding:0;border:0;background:#080c14;scroll-behavior:auto}
.is-comic.is-scroll .ml-comic-stage{height:var(--comic-height);aspect-ratio:auto}
.is-comic .ml-comic-inner{width:var(--reader-width,100%);margin:auto}
.is-comic .is-page .ml-comic-inner{width:max(100%,var(--page-width,0px));height:max(100%,var(--page-height,0px));min-height:100%;display:grid;place-items:center;gap:0}
.is-comic .is-page .ml-comic-inner>img,.is-comic .is-page .ml-cbz-sheet,.is-comic .is-page .ml-demo-page{width:var(--page-width,100%);height:var(--page-height,100%);max-width:none;aspect-ratio:auto;object-fit:contain;margin:0}
.is-comic .is-page .ml-cbz-sheet img{width:100%;height:100%;object-fit:contain}
.is-comic .ml-comic-details{display:flex;flex-direction:column;gap:16px;min-width:0;max-height:var(--comic-height)}
.ml-comic-titlebar{display:flex;align-items:flex-start;gap:14px}
.is-comic #detailName{flex:1;min-width:0;margin:0;font-size:27px;line-height:1.2;letter-spacing:-.03em;overflow-wrap:anywhere}
.ml-comic-titlebar .ml-close{flex:none}
.is-comic .ml-reader-controls{display:grid;gap:12px;flex:none;padding:13px;border:1px solid var(--border);border-radius:10px;background:var(--bg)}
.is-comic .ml-page-controls{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;gap:8px;align-items:center}
.is-comic .ml-page-controls p{text-align:center;font-size:12px}
.is-comic .ml-page-controls .ml-btn{width:38px;height:34px;padding:0}
.is-comic .ml-page-controls input{grid-column:1/-1;grid-row:2;width:100%;max-width:none;margin:0;accent-color:var(--primary)}
.is-comic .ml-page-controls.is-rtl #pageNext{grid-row:1;grid-column:1}
.is-comic .ml-page-controls.is-rtl #pagePrev{grid-row:1;grid-column:3}
.is-comic .ml-page-controls #pageLabel{grid-row:1;grid-column:2}
.is-comic .ml-reader-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.is-comic .ml-reader-tools select{width:100%;padding:8px 6px;font-size:12px}
.is-comic .ml-reader-tools .ml-btn{font-size:12px;padding:8px 6px}
.is-comic .ml-zoom-row{grid-column:1/-1;display:flex;align-items:center;gap:8px;min-width:0;padding:6px 8px;border:1px solid var(--border);border-radius:8px;background:var(--card)}
.is-comic .ml-zoom-row #fitPage{flex:none}
.is-comic .ml-zoom{flex:1;min-width:0;margin:0;gap:8px}
.is-comic .ml-zoom input{flex:1;min-width:0;width:auto;accent-color:var(--primary)}
.is-comic .ml-zoom output{min-width:38px;text-align:right}
.is-comic .ml-detail-info{min-height:0;overflow:auto;padding-right:4px}
.is-comic .ml-units{max-height:none}
.ml-dialog.is-comic.is-expanded,.is-comic .ml-detail-grid:fullscreen{--comic-height:calc(100dvh - 40px);width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}
@media(max-width:1000px) and (min-width:761px){.ml-dialog.is-comic{--comic-sidebar:300px}}
@media(max-width:760px){
  .ml-dialog.is-comic,.ml-dialog.is-comic.is-scroll{--comic-height:68dvh;width:calc(100% - 18px);max-width:calc(100% - 18px)}
  .is-comic .ml-detail-grid{grid-template-columns:minmax(0,1fr);padding:12px;gap:14px}
  .is-comic .ml-comic-details{display:contents}
  .ml-comic-titlebar{order:-1;align-items:center}
  .is-comic #detailName{font-size:21px}
  .is-comic .ml-comic-stage{width:min(100%,calc(var(--comic-height) * var(--comic-ratio)));margin:auto}
  .is-comic.is-scroll .ml-comic-stage{width:100%}
  .is-comic .ml-detail-info{padding:14px 0 0;border-top:1px solid var(--border);overflow:visible}
  .is-comic .ml-reader-controls{padding:10px}
  .ml-dialog.is-comic.is-expanded,.is-comic .ml-detail-grid:fullscreen{--comic-height:60dvh;width:100%;max-width:100%;height:100dvh;max-height:100dvh}
}

/* Plein écran de la fiche Dramas, en complément de celui de la vidéo. */
.ml-drama-actions,.ml-comic-actions{display:flex;align-items:flex-start;gap:8px;flex:none}
.ml-drama-actions #fullscreen,.ml-comic-actions #fullscreen{width:34px;height:34px;flex:none;padding:0;font-size:22px;line-height:1}
.ml-episodes-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:24px 0 12px}
.ml-episodes-heading .ml-subtitle{margin:0}
.ml-auto-next{display:inline-flex;align-items:center;gap:8px;padding:4px 0;border:0;background:transparent;color:var(--muted);font:500 12px/1.4 system-ui;cursor:pointer}
.ml-switch-track{display:block;position:relative;width:30px;height:18px;border:1px solid var(--border);border-radius:20px;background:var(--btn)}
.ml-switch-track::after{content:"";position:absolute;left:2px;top:2px;width:12px;height:12px;border-radius:50%;background:var(--muted);transition:transform .15s}
.ml-auto-next[aria-checked="true"] .ml-switch-track{background:var(--primary);border-color:var(--primary)}
.ml-auto-next[aria-checked="true"] .ml-switch-track::after{transform:translateX(12px);background:var(--bg)}
.ml-playback-note{font-size:12px;line-height:1.5;color:var(--muted);margin:0 0 12px}
.ml-detail-grid:fullscreen{background:var(--card);color:var(--fg);overflow:auto;position:relative}
.ml-dialog.is-drama.is-expanded,.is-drama .ml-detail-grid:fullscreen{--drama-space:clamp(24px,4dvh,48px);--drama-gap:32px;--video-height:100dvh;--drama-sidebar:clamp(320px,30vw,460px);width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}
.is-drama.is-expanded .ml-detail-grid,.is-drama .ml-detail-grid:fullscreen{grid-template-columns:minmax(0,min(calc(var(--video-height) * var(--video-ratio)),calc(100vw - var(--drama-sidebar) - var(--drama-gap) - 2 * var(--drama-space)))) var(--drama-sidebar);justify-content:center;gap:var(--drama-gap);min-height:100dvh;padding:0 var(--drama-space)}
.is-drama.is-expanded .ml-player,.is-drama .ml-detail-grid:fullscreen .ml-player{width:min(100%,calc(var(--video-height) * var(--video-ratio)));margin-inline:auto;align-self:center}
.is-drama.is-expanded .ml-drama-details,.is-drama .ml-detail-grid:fullscreen .ml-drama-details{max-height:var(--video-height);padding-block:var(--drama-space)}
@media(max-width:760px){
  .ml-drama-actions{position:absolute;top:18px;right:18px;z-index:3}
  .ml-drama-actions .ml-drama-close{position:static}
  .ml-drama-actions #fullscreen{background:var(--card)}
  .ml-dialog.is-drama.is-expanded,.is-drama .ml-detail-grid:fullscreen{--video-height:72dvh;width:100%;max-width:100%}
  .is-drama.is-expanded .ml-detail-grid,.is-drama .ml-detail-grid:fullscreen{grid-template-columns:minmax(0,1fr);gap:18px;min-height:0;padding:12px}
  .is-drama.is-expanded .ml-drama-details,.is-drama .ml-detail-grid:fullscreen .ml-drama-details{max-height:none;padding-block:0}
}
@media(prefers-reduced-motion:reduce){.ml-switch-track::after{transition:none}}