/* Reading gives way to a desk close-up, without distorting the page. */
#fold-world{position:fixed;inset:0;width:100%;height:100%;z-index:100;isolation:isolate}
#room-space{position:fixed;inset:0;width:100%;height:100%;border:0;z-index:90;visibility:hidden;pointer-events:none;background:#67776c}
body[data-space="opening"] #room-space,body[data-space="closing"] #room-space,body[data-space="room"] #room-space{visibility:visible}
body[data-space="room"] #room-space{pointer-events:auto}
body[data-space="opening"] #fold-world,body[data-space="closing"] #fold-world{will-change:opacity;pointer-events:none}
#fold-world .appbar,#fold-world .ruler-dock{opacity:var(--portal-controls,1)}
body[data-space="room"] #fold-world{visibility:hidden;pointer-events:none}
body:not([data-space="book"]) #fold-world *,body:not([data-space="book"]) #fold-world *::before,body:not([data-space="book"]) #fold-world *::after{animation-play-state:paused!important}
#room-portal-status{position:fixed;left:50%;bottom:14vh;translate:-50% 0;z-index:210;font:14px/1.8 var(--serif,serif);color:#394d3d;background:#eee7d2;padding:12px 22px;box-shadow:0 6px 35px #3e483521}
#room-portal-status[hidden]{display:none}
@media(prefers-reduced-motion:reduce){#fold-world{filter:none!important}}