/* V83: a reliable, accessible escape from iOS and Android fullscreen.
   This one small exit control is the only overlay kept over story art on touch devices. */
#readerApp .gb83-exit-fullscreen { display:none!important; }
@media (pointer:coarse), (hover:none), (max-width:900px) {
 #readerApp:fullscreen .gb83-exit-fullscreen,
 #readerApp.focus-mode .gb83-exit-fullscreen {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px;
  position:fixed!important;
  top:max(12px,env(safe-area-inset-top,0px) + 8px)!important;
  right:max(12px,env(safe-area-inset-right,0px) + 8px)!important;
  width:auto;
  min-height:44px;
  max-width:calc(100vw - 32px);
  padding:10px 13px;
  margin:0;
  border:1px solid rgba(255,255,255,.6);
  border-radius:999px;
  background:rgba(12,27,43,.78);
  color:#fff;
  box-shadow:0 5px 22px rgba(0,0,0,.25);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  font:700 12px/1.2 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  letter-spacing:.01em;
  white-space:nowrap;
  cursor:pointer;
  pointer-events:auto!important;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  z-index:2147483000!important;
 }
 #readerApp .gb83-exit-fullscreen svg { width:19px;height:19px;flex:none; }
 #readerApp .gb83-exit-fullscreen:focus-visible {
  outline:3px solid #f9ca70;outline-offset:3px;
 }
}
@media (pointer:coarse) and (orientation:landscape) and (max-height:500px) {
 #readerApp:fullscreen .gb83-exit-fullscreen,
 #readerApp.focus-mode .gb83-exit-fullscreen { min-height:42px;padding:8px 11px;font-size:11px; }
}
