/* Eight books share the supplied two-shelf backdrop. */
#stage .dialog.bookShelfDialog,#stage .dialog.bookDetailDialog,#stage.islandBrowsing .dialog.bookDetailDialog{width:1220px;height:592px;margin-top:98px;padding:18px 24px 12px;border:8px solid #fffdf5;border-radius:24px;background:url('assets/bookshop/books-1003/book-info-bg.png') center/100% 100%;color:#fff8e4}
#stage .dialog.bookShelfDialog{background-image:url('assets/bookshop/books-1003/book-index-bg.png')}
#stage .bookShelfDialog>header,#stage .bookDetailDialog>header{position:absolute;right:12px;top:12px;width:48px;height:48px;padding:0;margin:0;z-index:3;border:0}
#stage .bookShelfDialog>header>div,#stage .bookDetailDialog>header>div{display:none}
#stage .bookShelfDialog #closeModal,#stage .bookDetailDialog #closeModal{width:48px;height:48px;background:#fff;color:#16516b;font-size:30px;padding:0}
#stage .bookShelfDialog #modalBody,#stage .bookDetailDialog #modalBody{height:auto;flex:1;min-height:0;overflow:hidden;padding:0}
.bookshelfGrid{height:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:30px 45px;padding:22px 125px 12px 188px}
#stage .dialog.bookShelfDialog .shelfBook{min-height:0;padding:0;border:0;background:transparent;box-shadow:none;display:flex;align-items:flex-end;justify-content:center}
.shelfBook img{height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(3px 5px 4px #32180390)}
#stage .shelfBook:hover img,#stage .shelfBook:focus-visible img{filter:drop-shadow(0 0 7px #fff1ab)}
#stage .bookShelfDialog>footer,#stage .bookDetailDialog>footer{flex-shrink:0;min-height:46px;margin:8px 0 0;padding:0;background:transparent;display:flex;justify-content:center;gap:12px}
#stage .bookDetailDialog .bookLayout{height:100%;padding-top:45px;gap:24px}
#stage .bookDetailDialog .bookTabs{width:145px;padding-top:18px}
#stage .bookDetailDialog .bookTabs button{min-height:56px;font-size:23px;padding:10px}
#stage .bookDetailDialog .bookContent{display:flex;gap:36px;min-height:0;padding:20px 85px 15px 15px}
#stage .bookDetailDialog .bookCover{order:-1;width:31%;height:100%;max-height:100%;object-fit:contain;align-self:center}
#stage .bookDetailDialog .bookCopy{flex:1;min-width:0;padding-right:12px;overflow-y:auto;scrollbar-color:#fff3cc #623b1a;color:#fff8e4}
#stage .bookDetailDialog .bookCopy h2{font-size:34px;color:#fff8e4;margin:0 0 12px}
#stage .bookDetailDialog .bookCopy h3{font-size:22px;color:#fff8e4;margin-bottom:20px}
#stage .bookDetailDialog .bookCopy p{font-size:21px;line-height:1.7;color:#fff8e4;font-weight:normal;text-shadow:0 1px 2px #412303}
#stage .bookDetailDialog .bookVideos{display:block;width:100%;overflow:auto;background:#3b210b88;padding:12px;border-radius:8px;color:#fff}
#stage .bookDetailDialog .bookVideos iframe{height:300px;width:100%}
#stage .bookDetailDialog .bookVideos h3,#stage .bookDetailDialog .bookVideos a,#stage .bookDetailDialog .bookVideos .intro{color:#fff8e4}
#stage .personalJournal #modalBody{min-height:0;overflow:hidden;flex:1}
#stage .personalJournal>footer{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:10px;padding:0;min-height:44px}
#stage .personalJournal>footer button{font-size:21px;padding:8px 18px;min-height:42px}
.personalObjectPreview #objectZoom{position:relative;height:100%;width:100%;background:transparent;border:0;padding:0}
#objectZoom span{position:absolute;right:10px;bottom:10px;padding:8px 18px;background:#16475e;color:#fff;border-radius:8px;font-size:24px}
.objectFullscreen{position:fixed;inset:0;z-index:10000;background:#000;display:flex;align-items:center;justify-content:center}
.objectFullscreen>img{width:100%;height:100%;object-fit:contain}
.objectFullscreen>button{position:absolute;top:14px;right:18px;font-size:32px;color:#fff;background:#173744cc;border:1px solid #fff;padding:2px 14px}
#stage .dialog.bookShelfDialog>header,#stage .dialog.bookDetailDialog>header{left:auto;right:12px;top:12px}
#stage .bookDetailDialog .bookCopy{touch-action:pan-y}
#stage .bookDetailDialog #modalFooter{padding-left:175px}