/* Full-viewport room. Overflow remains navigable: no stretched or distorted artwork. */
.viewport{inset:0;display:block;overflow:auto;scrollbar-width:none;overscroll-behavior:contain;cursor:grab;touch-action:pan-x pan-y}.viewport::-webkit-scrollbar{display:none}.viewport.is-dragging{cursor:grabbing}.scene{width:max(100vw,calc(100dvh * 1.5987903226));height:auto;aspect-ratio:1586/992;margin:0;max-width:none}.scene>img{display:block;width:100%;height:auto;aspect-ratio:1586/992}.top{padding:22px max(24px,4vw) 36px;background:linear-gradient(#0d1214d9,#0d121480 65%,transparent)}.reality{bottom:18px;font-size:8px}.hint{bottom:70px;background:#1016158c}.footer{bottom:18px;right:22px;gap:8px}.footer button,.footer-archive-link{background:#101815d9;backdrop-filter:blur(10px)}
body.whole-room .viewport{display:flex;align-items:center;justify-content:center;overflow:hidden}body.whole-room .scene{width:min(100vw,calc(100dvh * 1.5987903226))}
@media(max-width:760px){.viewport{inset:0;display:block;overflow:auto}.scene{width:max(100vw,calc(100dvh * 1.5987903226));height:auto;align-self:auto}.top{padding:17px 18px 32px}.footer{left:12px;right:12px;bottom:12px;justify-content:center;gap:6px;flex-wrap:wrap}.footer button,.footer-archive-link{font-size:9px;padding:10px 9px}.reality{display:none}.hint{bottom:65px;font-size:8px;letter-spacing:.12em}.object-peek{bottom:104px}.brand small{font-size:7px}}
@media(max-width:760px){.footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.footer button,.footer-archive-link{min-width:0;min-height:40px;text-align:center;white-space:nowrap}.hint{bottom:110px}.object-peek{bottom:118px}}