.ob.ob-comic,.ob.ob-comic .ob-dock{touch-action:auto!important}
.ob.ob-comic .ob-stage{touch-action:none!important}
.ob-strip{overflow:auto!important;scroll-behavior:auto!important;scroll-snap-type:none!important;overflow-anchor:none;touch-action:pan-x pan-y!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.ob-strip .ob-thumb{touch-action:pan-x pan-y!important}
html body .galaxy.revealed[popover],html body #star-nodes .sx-format-star.armed[popover]{position:fixed!important;inset:50% auto auto 50%!important;margin:0!important;overflow:auto;pointer-events:auto!important}
.galaxy[popover]::backdrop,.sx-format-star[popover]::backdrop{background:transparent!important;backdrop-filter:none!important;pointer-events:none!important}
/* Older engines: never let the decorative scrim intercept the card. */
@supports not selector(:popover-open){body:has(.galaxy.revealed,#star-nodes .sx-format-star.armed)::after{pointer-events:none!important;backdrop-filter:none!important;background:#03060b55!important}}

/* Keep the consent settings available without covering the site. */
body .ot-analytics-manage{position:static!important;inset:auto!important;z-index:auto!important;display:inline-block;flex:0 0 auto;margin:0;padding:4px 0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;font-size:11px;line-height:1.5;text-decoration:underline;text-underline-offset:3px;box-shadow:none}
body>footer{flex-wrap:wrap;row-gap:8px}

/* The previous reader stays hidden while the current reader takes ownership.
   The boot flag expires so a failed load still leaves the fallback usable. */
html.ornf-reader-boot .sx-novel-shell:not(:has(.ob)) .sx-book,
html.ornf-reader-boot .sx-novel-host:not(:has(.ob)) .sx-book{visibility:hidden!important}
html.ornf-reader-boot .sx-novel-shell:not(:has(.ob))::after{content:'Opening your book…';position:fixed;inset:0;z-index:1000002;display:grid;place-items:center;background:#0e1017;color:#e9e3d6;font:16px system-ui}
.sx-novel-host:has(.ob) .sx-book,.sx-novel-host:has(.ob) .sx-readalong-dock,.sx-novel-host:has(.ob) .sx-readalong-mini{display:none!important}
.ob.ob-prose{touch-action:auto!important;padding-bottom:0}
.ob.ob-prose .ob-stage{touch-action:none}
.ob.ob-prose .ob-dock{max-height:45dvh;overflow:auto;touch-action:pan-x pan-y!important;overscroll-behavior:contain}
.ob.ob-prose .ob-bar-where,.ob.ob-prose .ob-left{overflow:visible;text-overflow:clip;white-space:nowrap;line-height:1.3;flex-shrink:0}
.ob.ob-prose .ob-bar-where::before{content:'Page ';font-size:11px}
.ob.ob-prose .ob-bar-side{flex-wrap:wrap}
.ob.ob-prose .ob-bar-mid{flex-shrink:0}
@media(max-width:600px){
 .ob.ob-prose .ob-bar-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'page info' 'play play';gap:0 8px;padding-bottom:4px}
 .ob.ob-prose .ob-bar-row>.ob-bar-side:first-child{grid-area:page;gap:4px}
 .ob.ob-prose .ob-bar-end{grid-area:info;gap:8px}
 .ob.ob-prose .ob-bar-mid{grid-area:play;justify-content:center;gap:24px}
 .ob.ob-prose .ob-left,.ob.ob-prose .ob-bar-where .ob-of{display:inline!important}
 .ob.ob-prose .ob-bar-prog{height:24px}
 .ob.ob-prose .ob-bar-prog .ob-scrub{height:24px}
 .ob.ob-prose .ob-bar-where{font-size:12px}
 .ob.ob-prose .ob-rate{min-height:40px}
 .ob.ob-prose .ob-ic{width:44px;height:44px}
}

/* Also suppress the old controls when opening an episode from the galaxy later. */
html.ornf-reader-ready .sx-book:not(.ornf-fallback){visibility:hidden!important}

body .osh-support-orbit.ornf-support-satellite{position:absolute!important;bottom:auto!important;right:auto!important;z-index:12;padding:4px 8px!important;background:transparent!important;border:0!important;box-shadow:none!important;display:flex;align-items:center;gap:6px;width:max-content;max-width:180px;transform:none!important;font:12px/1.2 Barlow,system-ui,sans-serif}
body .ornf-support-satellite svg{width:25px;height:25px;flex:none}
body .ornf-support-satellite[hidden]{display:none!important}
body .ornf-support-satellite:hover{color:#f5d5ac}

/* Direct dragging owns the picker, not the book or browser gesture handlers. */
.ob.ob-comic .ob-strip,.ob.ob-comic .ob-strip *{touch-action:none!important;scroll-behavior:auto!important;scroll-snap-type:none!important;overflow-anchor:none!important;user-select:none;-webkit-user-select:none}
.ob.ob-comic .ob-strip{cursor:grab}
.ob.ob-comic .ob-strip:active{cursor:grabbing}

body .osh-support-orbit.ornf-stories-star{position:absolute!important;bottom:auto!important;right:auto!important;z-index:8;display:flex;flex-direction:column;gap:3px;width:98px;padding:0!important;border:0!important;background:transparent!important;backdrop-filter:none!important;box-shadow:none!important;transform:none!important;color:#e9d4a8;font:500 11px/1.2 Barlow,system-ui,sans-serif;text-align:center}
body .ornf-stories-star svg{width:24px;height:24px;filter:drop-shadow(0 0 6px #e6c98f)}
body .ornf-stories-star[hidden]{display:none!important}
body .ornf-stories-star:hover svg{filter:drop-shadow(0 0 12px #fff0cb)}
