@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Libre+Caslon+Display&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#3c3c33;background:#dedbd2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,label{ -webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid #6a704a;outline-offset:5px}button:hover{color:#8b542e}#room-app{height:100svh;min-height:460px;position:relative;overflow:hidden}#studio{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#studio:active{cursor:grabbing}.grain{position:absolute;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E")}header{position:absolute;top:32px;left:40px;right:40px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}header>*{pointer-events:auto}.signature{font-family:'Libre Caslon Display',Georgia,serif;font-size:30px;letter-spacing:-.6px;color:inherit;text-decoration:none}.signature span{display:block;font:9px 'DM Sans',sans-serif;letter-spacing:2.5px;margin-top:9px}.header-actions{display:flex;align-items:center;gap:24px;font-size:12px}#edit-toggle{opacity:.65;font-size:11px}#explore-toggle{border:1px solid #77756866;border-radius:30px;padding:11px 20px}#explore-toggle span{margin-left:14px}footer{position:absolute;bottom:25px;left:40px;right:40px;display:flex;align-items:center;justify-content:space-between;gap:20px}.room-caption{font-family:'Libre Caslon Display',Georgia,serif;font-size:20px}.live-dot{display:inline-block;width:5px;height:5px;border-radius:100%;background:#7b845c;margin:0 10px 3px 0}.controls{display:flex;align-items:center;gap:3px;background:#f7f4ebdf;border:1px solid #c8c4b6;border-radius:40px;padding:7px 9px;box-shadow:0 4px 25px #413b2210}.controls button{font-size:17px;min-width:30px;min-height:30px}#home{font-size:11px;padding:0 9px}.divider{width:1px;height:16px;background:#c8c4b6;margin:0 5px}.instructions{font-size:8px;letter-spacing:1.5px;line-height:1.7;max-width:185px}#loading{position:absolute;inset:0;background:#dedbd2;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;font-size:10px;letter-spacing:2px;transition:opacity .7s;pointer-events:none}.loading-mark{font:70px 'Libre Caslon Display',Georgia;letter-spacing:-5px}#loading.ready{opacity:0}#hint{position:absolute;top:110px;left:50%;transform:translateX(-50%);padding:9px 16px;background:#f5f1e8ed;border:1px solid #c6c0af;border-radius:3px;font-size:11px;opacity:0;transition:opacity .2s;pointer-events:none;white-space:nowrap}#hint.show{opacity:1}#explore{position:absolute;right:40px;top:94px;width:260px;padding:25px;background:#f4f0e6f5;border:1px solid #c9c3b6;box-shadow:0 12px 60px #30291d20;border-radius:4px;max-height:70vh;overflow:auto}.menu-label,.eyebrow{font-size:9px;letter-spacing:1.7px;color:#797564}#object-menu{display:flex;flex-direction:column;margin-top:16px}#object-menu button{text-align:left;padding:12px 0;border-bottom:1px solid #d8d2c7;font-size:13px}#object-menu button span{float:right;color:#9b947f}dialog{background:#f4f0e7;color:#3c3c33;border:1px solid #c4bcaa;padding:0;max-width:880px;width:calc(100% - 48px);max-height:88svh;box-shadow:0 25px 120px #1a171950;border-radius:5px}dialog::backdrop{background:#29261c52;backdrop-filter:none}.close{position:absolute;right:16px;top:12px;z-index:3;font-size:27px;background:#f5f1e5d9;width:34px;height:34px;border-radius:50%}#object-dialog[open]{display:grid;grid-template-columns:1.05fr 1fr}#object-visual{min-height:390px;background:#d4cdbc;display:flex;align-items:center;justify-content:center;padding:35px}#object-visual img{width:100%;max-height:65vh;object-fit:contain;filter:drop-shadow(0 12px 15px #36291920)}.object-copy{padding:72px 40px 42px;align-self:center}h1,h2{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;letter-spacing:-.7px}h1{font-size:43px;line-height:1.08;margin:20px 0}h2{font-size:38px;margin:15px 0}p{font-size:13px;line-height:1.8;white-space:pre-line;color:#686557}#object-links a,.primary{display:inline-block;background:#3e493a;color:#f8f2e4;padding:13px 20px;border-radius:2px;text-decoration:none;font-size:12px;margin-top:16px}#affiliate-note{font-size:10px;color:#777363;display:block;margin-top:15px;line-height:1.6}#affiliate-note[hidden]{display:none}.text-button{display:block;margin-top:25px;font-size:11px;padding:0;text-decoration:underline}#editor{max-width:680px;padding:36px 40px}.editor-note{font-size:11px;max-width:480px}form label{display:flex;flex-direction:column;font-size:11px;gap:7px;margin:14px 0}input,textarea,select{border:1px solid #cbc4b4;background:#fbf8f0;padding:10px;width:100%;color:inherit;border-radius:2px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.check{flex-direction:row;align-items:center}.check input{width:auto}.editor-actions{display:flex;align-items:center;gap:20px;font-size:11px}.editor-actions .primary{margin:0}.import-label{cursor:pointer}#save-status{font-size:11px;color:#526a47} @media(max-width:700px){header{top:23px;left:23px;right:23px}.signature{font-size:25px}.header-actions{gap:9px}#explore-toggle{padding:10px 13px}#edit-toggle{font-size:10px}footer{left:20px;right:20px;bottom:20px;flex-direction:column;gap:12px}.room-caption{font-size:19px}.instructions{display:none}#explore{right:20px;top:88px}.signature span{font-size:8px;letter-spacing:1.5px}#object-dialog[open]{display:block}#object-visual{min-height:180px;max-height:35vh;padding:20px}#object-visual img{max-height:30vh}.object-copy{padding:28px}h1{font-size:33px}#editor{padding:30px 22px}.form-row{grid-template-columns:1fr;gap:0}.editor-actions{gap:12px}#hint{top:105px;max-width:85%;white-space:normal;text-align:center}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

[hidden]{display:none!important}
/* Photographic room: only flat image layers, with panning and close inspection. */
#room-app{background:#21190f}#photo-stage{position:absolute;inset:0;overflow:hidden;touch-action:none}#photo-room{position:absolute;left:50%;top:50%;width:max(100%,150svh);aspect-ratio:3/2;transform:translate(-50%,-50%);will-change:transform;cursor:grab;touch-action:none;transition:filter 1.2s}#photo-room:active{cursor:grabbing}#room-photo{display:block;width:100%;height:100%;pointer-events:none;user-select:none}#photo-objects{position:absolute;inset:0}.photo-hit{position:absolute;padding:0;border:0;cursor:pointer;background:none;touch-action:none}.photo-hit:focus-visible{outline:1px solid #f2e1b4;outline-offset:4px}.book-cut{position:absolute;inset:0;background-image:url('room-collected.png');opacity:0;transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .25s,filter .7s;pointer-events:none}.photo-hit.book:hover .book-cut,.photo-hit.book:focus-visible .book-cut{opacity:1;transform:translateY(-7px);filter:drop-shadow(3px 9px 5px #0d080a88)}.photo-hit.art{transition:filter .5s}.photo-hit.art:hover{box-shadow:0 0 35px #f2c77b22}.custom-image{background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;background-color:#daceb5!important}.lamp-dim{position:absolute;inset:-10% -35%;opacity:0;background:radial-gradient(ellipse at 50% 48%,#080907bb 0%,#08090780 37%,transparent 72%);transition:opacity 1.1s;pointer-events:none;mix-blend-mode:multiply}.off .lamp-dim{opacity:1}.evening{filter:brightness(.72)}.photo-disc{position:absolute;pointer-events:none;overflow:hidden;border-radius:50%}.photo-disc img{position:absolute;width:100%;height:auto;left:0;top:50%;margin-top:-50%;filter:brightness(.75)}.photo-leaves{position:absolute;background-image:url('room-collected.png');pointer-events:none;will-change:transform}header{z-index:5;color:#f1e8d4}header::before{content:'';position:fixed;top:0;left:0;right:0;height:130px;background:linear-gradient(#100c09b0,transparent);pointer-events:none;z-index:-1}.header-actions #edit-toggle{opacity:.85}#explore-toggle{border-color:#eadcba70;background:#20160b40}footer{z-index:5;color:#f0e4ca}.controls{color:#473d2e;background:#eee5d6ed;border-color:#cdbb9777}footer::before{content:'';position:fixed;bottom:0;left:0;right:0;height:120px;background:linear-gradient(transparent,#130f0bc0);z-index:-1;pointer-events:none}.room-caption{font-size:18px}.live-dot{background:#d0b679}#explore{z-index:8}#hint{z-index:9;top:110px}#object-visual img{max-width:100%;width:auto;max-height:55vh;image-rendering:auto}.photo-hit:focus{z-index:2}@media(max-width:700px){#photo-room{width:150svh}.room-caption{font-size:17px}#object-visual img{max-height:29vh}}

.photo-disc .platter{position:absolute;width:100%;aspect-ratio:1;top:50%;transform:translateY(-50%) scaleY(.139)}.photo-disc .platter img{position:static;display:block;width:100%;height:100%;margin:0}
.photo-hit.object:hover .book-cut,.photo-hit.object:focus-visible .book-cut{opacity:1;transform:translateY(-4px);filter:drop-shadow(0 5px 5px #10080077)}.photo-hit.drawer.opening .book-cut{opacity:1;transform:translateY(6px) scale(1.015);filter:drop-shadow(0 8px 8px #130800aa)}.photo-hit.lamp-hit,.photo-hit.record-hit{z-index:5}.plant-hit{z-index:7}.photo-leaves{z-index:6}.photo-disc{z-index:6}.photo-hit:hover{outline:1px solid #f1ddac33;outline-offset:2px}
#pano-stage{position:absolute;inset:0;touch-action:none;overflow:hidden}#panorama{display:block;width:100%;height:100%;cursor:grab;touch-action:none}#panorama:active{cursor:grabbing}#pano-hotspots{position:absolute;inset:0;pointer-events:none}.pano-hit{position:absolute;border:0;background:transparent;pointer-events:auto;cursor:pointer;padding:0;touch-action:none;border-radius:8px}.pano-hit:hover,.pano-hit:focus-visible{outline:1px solid #f2dfb86b;box-shadow:inset 0 0 24px #f6dc9920}.pano-hit[data-kind=vinyl]:hover{outline-color:#d9b568}#vinyl-dialog{max-width:750px;padding:40px}#vinyl-dialog h2{font-size:44px;margin:14px 0}#vinyl-sleeves{display:flex;gap:20px;overflow:auto;padding:16px 6px 25px}.vinyl-sleeve{flex:0 0 190px;padding:20px;background:#d8c9a8;box-shadow:3px 4px 0 #b6a587,6px 8px 0 #c7b690,0 15px 25px #29201122;text-decoration:none;color:#3a3427;border:1px solid #ae9c79;text-align:left;transition:transform .3s}.vinyl-sleeve:hover{transform:translateY(-5px) rotate(-1deg)}.vinyl-sleeve img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;margin-bottom:20px}.vinyl-sleeve strong{display:block;font-family:'Libre Caslon Display',Georgia;font-size:25px;font-weight:400}.record-action{display:block;margin-top:15px;font-size:11px;letter-spacing:1px}.vinyl-sleeve.playing img{animation:record-spin 5s linear infinite}@keyframes record-spin{to{transform:rotate(360deg)}}.volume-label{display:flex;align-items:center;gap:18px;font-size:11px;max-width:300px}.volume-label input{border:0;padding:0;accent-color:#665232}#vinyl-status{font-size:12px}#vinyl-dialog .text-button{margin-top:20px}@media(max-width:700px){#vinyl-dialog{padding:28px}#vinyl-dialog h2{font-size:35px}.vinyl-sleeve{flex-basis:180px}}@media(prefers-reduced-motion:reduce){.vinyl-sleeve.playing img{animation:none}}