/* R113: native fullscreen keeps the same reader chrome and proportions. */
@media (min-width:769px){
  /* The new category owns the visible book. Visibility alone is insufficient:
     older !important tab rules can resurrect controls from the hidden shell. */
  html body.op-inline-category-active .stage > .magazine-shell{
    opacity:0!important;pointer-events:none!important;
  }
  html body.op-catalog-fullscreen::before{display:none!important;}
  html body.op-catalog-fullscreen .topbar{
    position:fixed!important;inset:0 0 auto!important;z-index:2147483002!important;
    transform:none!important;opacity:1!important;filter:none!important;
    pointer-events:auto!important;visibility:visible!important;
  }
  html body.op-catalog-fullscreen .stage{
    position:fixed!important;inset:86px 0 70px!important;z-index:9990!important;
    width:100vw!important;height:auto!important;min-height:0!important;
    padding:0!important;overflow:hidden!important;
    background:radial-gradient(ellipse at 50% 37%,#655037 0%,#30251b 62%,#110e0a 100%)!important;
  }
  html body.op-catalog-fullscreen .stage .magazine-shell{
    --op-fs-book-width:min(66vw,calc((100dvh - 190px) * 1.72),1540px);
    width:var(--op-fs-book-width)!important;height:auto!important;aspect-ratio:1.72!important;max-width:none!important;
    margin:0!important;display:flex!important;align-items:center!important;
    justify-content:center!important;overflow:visible!important;animation:none!important;
  }
  html body.op-catalog-fullscreen.op-reader-large .stage .magazine-shell{
    --op-fs-book-width:min(70vw,calc((100dvh - 172px) * 1.72),1640px);
  }
  html body.op-turntest-mode.op-turntest-ready.op-catalog-fullscreen .magazine-shell .book-wrap,
  html body.op-catalog-fullscreen .magazine-shell .book-wrap{
    width:100%!important;height:100%!important;aspect-ratio:1.72!important;
    min-width:0!important;max-width:none!important;margin:0 auto!important;
    transform:none!important;animation:none!important;transition:none!important;
  }
  html body.op-catalog-fullscreen .magazine-shell .book{
    transform:none!important;filter:drop-shadow(0 28px 28px rgba(0,0,0,.55))!important;
  }
  html body.op-catalog-fullscreen .controls{
    display:grid!important;position:fixed!important;inset:auto 0 0!important;
    z-index:2147483002!important;width:100%!important;height:70px!important;
    min-height:70px!important;margin:0!important;padding:9px 22px!important;
    grid-template-columns:minmax(126px,170px) minmax(240px,1fr) auto minmax(150px,206px)!important;
    gap:12px!important;transform:none!important;opacity:1!important;filter:none!important;
    pointer-events:auto!important;border:0!important;border-top:1px solid rgba(219,172,42,.24)!important;
    border-radius:0!important;background:linear-gradient(180deg,rgba(9,8,5,.78),rgba(0,0,0,.94))!important;
  }
  html body.op-catalog-fullscreen .controls .ctrl-btn,
  html body.op-catalog-fullscreen .controls .pager{display:grid!important;visibility:visible!important;}
  html body.op-catalog-fullscreen .controls .ctrl-btn{display:inline-flex!important;}
  html body.op-catalog-fullscreen .controls .view-buttons{display:flex!important;}
  html body.op-catalog-fullscreen .op-fs-exit{display:none!important;}
  html body.op-catalog-fullscreen #op-native-fullscreen-reader{
    inset:86px 0 0!important;z-index:9991!important;
  }
  html body.op-catalog-fullscreen:has(#op-native-fullscreen-reader.is-ready) > .controls{display:none!important;}
  html body.op-catalog-fullscreen .op-category-turn{z-index:10040!important;}
}

/* Reader routes now keep the document alive through OPCategoryInline. The old
   cross-document root fade ran on top of that leaf and flashed on history
   returns from legal pages; it must not animate the whole viewport. */
@view-transition{navigation:none;}