@import url('motion.css');
:root{--green:#3d4b2c;--ink:#302f25;--paper:#faf5e8;--gold:#92744e;--line:#cfc3ab}
.immersive-room{background:#eee4d0;color:var(--ink)}.immersive-room .environment-header{display:flex;max-width:none;align-items:center;justify-content:space-between;padding:12px 4%;gap:20px;background:#303d29;color:#fff8e9;margin:0}.environment-header h1{font:400 23px Georgia,serif;margin:0}.environment-header a{font-size:14px}.environment-header button{min-height:44px;font-size:12px;background:transparent;color:#fff8e9;border:1px solid #b6b096;padding:8px 12px}.room-instructions{font-size:13px;padding:12px 4%;margin:0;background:#faf5e9}.room-instructions span{display:none}.environment-viewport{overflow:hidden}.room-environment{position:relative;aspect-ratio:16/9;overflow:hidden;isolation:isolate}.environment-image{display:block;width:100%;height:100%;object-fit:cover;transform-origin:var(--target-x,50%) var(--target-y,70%);transition:transform var(--zoom-duration) ease}.room-travelling .environment-image,.canvas-open .environment-image{transform:scale(5)}.immersive-room .scene-object{position:absolute;transform:translate(-50%,-50%);width:20%;height:16%;min-width:44px;min-height:44px;padding:0;border:0;background:transparent;display:block}.immersive-room .scene-object:hover{outline:2px solid #ffedc899;background:#fff1}.scene-object:focus-visible{outline:3px solid #276c98;outline-offset:3px}.room-travelling .scene-object,.canvas-open .scene-object{visibility:hidden}.room-shortcuts{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;padding:16px;background:#faf5e9}.room-shortcuts button{font-size:14px;padding:10px 18px;min-height:44px}.immersive-room>footer{display:none}#room-travel-status{position:fixed;bottom:14px;right:14px;z-index:30;background:#303d29;color:white;padding:9px 14px;border-radius:4px;font-size:13px}#room-travel-status:empty{display:none}
.canvas-open{overflow:hidden}#room-canvas{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;background:#f4ead4;height:100dvh;width:100%;isolation:isolate}#room-canvas[hidden],#room-detail[hidden],#back-to-shelf[hidden]{display:none}#room-canvas:before{content:'';position:absolute;inset:0;z-index:-1;background:url('bible-room.webp') 67% 75%/800% 800%;opacity:.65}.canvas-toolbar{display:flex;flex:none;align-items:center;justify-content:space-between;gap:12px;padding:12px 4%;border-bottom:1px solid #aa987755;background:#f6edd9f2}.canvas-toolbar button{font-size:14px;background:transparent;color:#353c2b;border:1px solid #a59678;padding:10px 14px;min-height:44px}.canvas-toolbar a{font-size:13px}#canvas-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}#room-canvas main{max-width:1180px;margin:auto;padding:28px 3% 65px;background:transparent;min-height:100%}#room-canvas main[hidden]{display:none}#room-detail{display:block;width:100%;height:100%;border:0;background:#f8f0dd}#room-canvas .books-hero,#room-canvas .daily-photo{display:none}#room-canvas h2{font-size:clamp(26px,3vw,40px)}#room-canvas input,#room-canvas select{background:#fffaf0;min-height:44px}#room-canvas .new-volume{width:100%}#room-canvas .cinema-card,#room-canvas .reading-card{background:#fffaf1}#room-start-guide{padding:30px 4%;line-height:1.8}.room-watch #room-canvas{background:#ece5d7}.room-watch #room-canvas:before{opacity:.3}
.immersive-room #cinema-dialog{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;background:#171b17;color:#f9f4e8;padding:20px max(20px,calc((100vw - 1200px)/2));overflow:auto}.immersive-room #cinema-dialog::backdrop{background:#121812}.immersive-room #cinema-dialog button,.immersive-room #cinema-dialog a{color:#f9f4e8}.immersive-room #cinema-dialog button{background:#303c2b;border-color:#81785f}.immersive-room #cinema-player{max-width:1100px;margin:20px auto;background:#000}.immersive-room #cinema-playing-title{font:400 clamp(21px,2.5vw,32px)/1.3 Georgia,serif}.immersive-room #cinema-dialog .cinema-reflection{color:#30372c}.immersive-room #cinema-dialog .cinema-reflection a,.immersive-room #cinema-dialog .cinema-reflection button{color:#30372c}
@media(max-width:700px){.immersive-room .environment-header{gap:8px;padding:10px 4%}.environment-header h1{font-size:18px}.environment-header a{font-size:12px}.environment-header button{font-size:10px;padding:7px}.room-instructions{font-size:12px}.room-instructions span{display:inline}.environment-viewport{overflow-x:auto;overscroll-behavior-x:contain}.room-environment{width:1000px;height:562px;aspect-ratio:auto}.canvas-toolbar{padding:12px 14px;gap:8px}.canvas-toolbar button{font-size:12px;padding:8px}.canvas-toolbar a{font-size:12px}#room-canvas main{padding:20px 3% 50px}.room-shortcuts{gap:8px}.room-shortcuts button{font-size:12px}.immersive-room #cinema-dialog{padding:14px}.immersive-room #cinema-player iframe{max-height:65dvh}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.reduced *{transition:none!important;animation:none!important;scroll-behavior:auto!important}

#room-canvas .reading-card h3 a{display:block}

.environment-header{flex-wrap:wrap}.environment-header button,.environment-header a,.room-shortcuts button{font-size:14px;min-height:44px}.room-instructions{font-size:16px}.immersive-room #cinema-dialog .visitor-study a{color:#354729}.site-help{margin-top:28px}.site-help details{border-bottom:1px solid #b9aa88;padding:8px 0}.site-help summary{cursor:pointer;padding:10px 4px;min-height:44px;font-weight:600}.site-help p{line-height:1.7}.site-help summary:focus-visible{outline:3px solid #28649b;outline-offset:3px}