/* Independent per-image live MapMask overlay.
   Real comic image owns the physical page. No PMAP, panel frames or global
   Spatial transform may suppress this source-bound depth canvas. */
.cr-shell[data-view="reader"] .cr-page>.cr-live-mapmask,
.cr-shell[data-view="reader"] .cr-spread-page-frame>.cr-live-mapmask{
 position:absolute!important;inset:auto!important;
 z-index:3!important;display:block!important;opacity:1!important;
 pointer-events:none!important;transform:none!important;
 filter:none!important;mix-blend-mode:normal!important;contain:paint!important;
 max-width:none!important;max-height:none!important;
}
.cr-shell:not([data-view="reader"]) .cr-live-mapmask,
.cr-shell:is(.cr-live-swipe,.cr-turn-active) .cr-live-mapmask,
.cr-shell[data-page-state="flipping"] .cr-live-mapmask,
.cr-shell[data-page-state="user_fold"] .cr-live-mapmask,
.cr-page[data-page-load="loading"] .cr-live-mapmask,
.cr-spread-page-frame[data-page-load="loading"] .cr-live-mapmask,
.cr-spread-preview .cr-live-mapmask,
.cr-swipe-spread-preview .cr-live-mapmask,
.cr-paper-bending .cr-live-mapmask{display:none!important}
.cr-shell[data-view="reader"] .cr-live-mapmask-status{
 font-size:9px;letter-spacing:.06em;opacity:.78;max-width:130px;overflow:hidden;
 white-space:nowrap;text-overflow:ellipsis;align-self:center;
}

/* The signed-PMAP-only remote button is retired in live-source mode.
   The new MAPMASK control stays independent of the site's Spatial switch. */
.cr-shell[data-comic-mask-mode="live-source"] #spatialControls,
.cr-shell[data-comic-mask-mode="live-source"] #comicSpatialMenu{
 display:none!important;
}

/* Stop old PMAP camera transforms from displacing the original below live
   source-depth pixels. The new MapMask owns all internal displacement. */
.cr-shell[data-comic-mask-mode="live-source"][data-view="reader"][data-spatial="true"]
 :is(.cr-page,.cr-spread-page-frame)>img[data-page-index]{
 transform:none!important;will-change:auto!important;
}
@media(max-width:640px){
 .cr-shell[data-view="reader"] .cr-live-mapmask-status{display:none!important}
 .cr-shell[data-view="reader"] .cr-enhance-group{gap:4px!important}
 #liveMapmaskBtn{font-size:10px!important;padding-inline:6px!important}
}