#desk-explore{position:absolute;inset:0;z-index:7;pointer-events:none}
#desk-explore button{position:absolute;z-index:1;pointer-events:auto;padding:0;background:transparent;border:0;border-radius:0;outline:none;box-shadow:none}
#desk-explore button:hover,#desk-explore button:focus-visible{border:0;outline:none;background:transparent;box-shadow:none}
#desk-explore button span{display:none}
#explore-layer{position:absolute;inset:0;z-index:6}
#explore-poster,#explore-hover{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
#explore-hover{pointer-events:none}
#ride-layer{position:absolute;inset:0;pointer-events:none}
#ride-shell{position:absolute}
#ride-window{margin:0;overflow:hidden;border:1px solid #e7eff070;box-shadow:0 12px 38px #05171d55;background:#091216;border-radius:3px}
#ride-image,#ride-video{display:block;width:100%;height:100%;object-fit:contain}
#ride-image[hidden],#ride-video[hidden],#ride-layer[hidden],#ride-shell[hidden]{display:none}
#shelf-books{position:absolute;inset:0}
.shelf-book,.shelf-podcast{position:absolute;padding:0;min-width:0;min-height:0;background:transparent;border:0;border-radius:0;outline:none;box-shadow:none}
.shelf-book:hover,.shelf-book:focus-visible,.shelf-podcast:hover,.shelf-podcast:focus-visible{border:0;outline:none;background:transparent;box-shadow:none}
#explore-toolbar{position:absolute;z-index:8;top:max(14px,env(safe-area-inset-top));left:18px;right:18px;display:flex;align-items:center;gap:12px;pointer-events:none}
#explore-toolbar button{pointer-events:auto;background:#241e17d9;color:#faf6e8;border:1px solid #ead6b26b;border-radius:4px;font:inherit;min-height:44px;padding:0 13px}
#book-tooltip{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);max-width:90%;background:#211d17dd;color:#faf0d8;border:1px solid #baa47e55;border-radius:4px;padding:9px 15px;font-size:14px;text-align:center;pointer-events:none;z-index:7}
#book-notes{width:min(1050px,94vw);height:min(740px,88dvh);padding:0;border:1px solid #baa68b;border-radius:9px;background:#efe7d8;color:#29241e;box-shadow:0 22px 95px #0009}
#book-notes::backdrop{background:#14110dd4}
#book-notes header{position:sticky;top:0;padding:12px 18px;background:#e8decc;border-bottom:1px solid #cdbc9f;z-index:1}
#book-notes button{background:transparent;color:#31271d;border-color:#b39e7f;padding:0 13px}
.book-reading{display:grid;grid-template-columns:minmax(170px,27%) minmax(0,1fr);gap:36px;padding:30px 34px}
#book-cover{width:100%;height:auto;max-height:430px;object-fit:contain;object-position:top;filter:drop-shadow(0 10px 12px #59462933)}
#book-title{font:400 clamp(24px,3vw,34px)/1.18 Georgia,serif;margin:0 0 9px}
#book-author{font-size:14px;margin:0 0 28px;color:#6e5d46}
#book-text{font:16px/1.65 Georgia,serif}
#book-text p{white-space:pre-wrap;margin:0 0 20px}
#book-text h3{font:600 19px/1.35 Georgia,serif;margin:29px 0 13px}
@media(max-width:600px){#explore-toolbar{left:10px;right:10px;gap:7px}#explore-toolbar button{font-size:12px;padding:0 8px}.book-reading{grid-template-columns:1fr;gap:20px;padding:23px}#book-cover{width:145px;max-height:230px;margin:auto}#book-title{font-size:26px}#book-notes{width:95vw;height:89dvh}}
#explore-travel,#explore-departure{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
#explore-travel{z-index:1}
#explore-departure{z-index:2;transform-origin:87% 50%}
#shelf-books{z-index:2}
#explore-hover{z-index:3}
#explore-travel[hidden],#explore-departure[hidden]{display:none}
.shelf-book.pulled:hover,.shelf-book.pulled:focus-visible{border-color:transparent}


.desk-object-glow,#book-object-glow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.desk-object-glow{z-index:0}
.object-contour{fill:#fff;stroke:none;opacity:0;mix-blend-mode:screen;transition:opacity .16s ease-out}
.object-contour.active{opacity:.18;animation:interaction-breathe 1.8s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.object-contour{transition:none;animation:none!important}}

#desk-explore [data-destination="lamp"] span{top:calc(100% + 8px);bottom:auto}


.ride-date{position:absolute;white-space:nowrap;text-align:center;color:#fff;font:600 21px/1.3 system-ui,sans-serif;text-shadow:0 1px 6px #09151c;letter-spacing:.01em;pointer-events:none}
.ride-date[hidden]{display:none}
@media(max-width:600px){.ride-date{font-size:18px}}

.explore-computer-motion{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:1}
@font-face{font-family:'Story Writing';src:url('/fonts/story-writing.woff') format('woff');font-weight:400;font-style:normal;font-display:block}
#explore-computer-note{position:absolute;left:0;top:0;width:1800px;height:1100px;box-sizing:border-box;padding:150px 125px;transform-origin:0 0;z-index:2;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain;color:rgb(30,32,33);font:82px/110px 'Story Writing',sans-serif;text-align:left;pointer-events:auto;touch-action:pan-y;overflow-wrap:break-word}
#explore-computer-note::-webkit-scrollbar{display:none}
#explore-computer-note:focus-visible{outline:3px solid #76766f;outline-offset:-12px}
#explore-computer-note p{margin:0 0 38px;white-space:pre-wrap}
#explore-computer-note p:last-child{margin-bottom:0}
#explore-computer-note a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.explore-computer-motion[hidden],#explore-computer-note[hidden],#explore-computer-note p[hidden]{display:none}
#explore-computer-note .writing-caret::after{content:'';display:inline-block;width:5px;height:82px;margin-left:4px;vertical-align:-10px;background:currentColor;animation:writing-caret .8s steps(1,end) infinite}
#explore-computer-note[data-complete="true"] .writing-caret::after{animation:writing-caret-finish .8s steps(1,end) 2 forwards}
#explore-computer-note[data-paused="true"] .writing-caret::after{animation-play-state:paused}
@keyframes writing-caret{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes writing-caret-finish{0%,49%{opacity:1}50%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){#explore-computer-note .writing-caret::after{animation:none;display:none}}

/* Post-story display ink is sampled at the native camera resolution. The real
   DOM stays above it for selection, scrolling, links and screen readers. */
#explore-computer-ink{position:absolute;left:0;top:0;width:1800px;height:1100px;transform-origin:0 0;z-index:2;pointer-events:none;mix-blend-mode:multiply;clip-path:inset(0)}
#explore-computer-note{z-index:3;color:transparent;padding-top:calc(150px - var(--computer-font-leading,0px));font-kerning:none;font-variant-ligatures:none}
#explore-computer-note ::selection{color:transparent;background:rgba(68,111,149,.3)}
#explore-computer-note .writing-caret::after{visibility:hidden}
#explore-computer-ink[hidden]{display:none}
#explore-computer-note a{color:transparent;text-decoration-color:transparent}
