@import url('motion.css');
*{box-sizing:border-box}body{margin:0;background:#faf8f1;color:#29372e;font:16px/1.6 Arial,sans-serif}header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 4%;border-bottom:1px solid #c5b794}h1{font:30px Georgia,serif;margin:0}a{color:#40532f}button{font:inherit;min-height:44px;padding:9px 15px;background:#faf8f1;border:1px solid #ae9873;border-radius:4px;color:inherit;cursor:pointer}:focus-visible{outline:3px solid #28649b;outline-offset:4px}.journal-guidance{margin:18px auto;padding:0 4%;max-width:1000px}.journal-viewport{overflow:hidden}.journal-scene{position:relative;transform-origin:49% 69%;transition:transform var(--zoom-duration) cubic-bezier(.22,.7,.15,1)}.journal-scene img{width:100%;display:block;max-height:70vh;object-fit:cover}.journal-object{position:absolute;left:24%;top:56%;width:51%;height:25%;border:0;background:transparent}.journal-object:hover{background:#fff1}.journal-room-tools{display:flex;align-items:center;flex-wrap:wrap;gap:20px;padding:18px 4%}.journal-entering .journal-scene{transform:scale(2.7)}.journal-reduced .journal-scene{transition:none}@media(prefers-reduced-motion:reduce){.journal-scene{transition:none}}@media(max-width:600px){header{gap:10px;padding:12px}header h1{font-size:23px}header button{font-size:14px}.journal-viewport{overflow:auto}.journal-scene{width:746px}.journal-scene img{height:420px;max-height:none}.journal-guidance{font-size:15px}}

/* Readable controls and keyboard access without changing the room artwork. */
.room-skip{position:fixed;left:12px;top:-100px;z-index:10000;padding:12px 18px;background:#fffaf0;color:#29372e;border:2px solid #40532f}.room-skip:focus{top:12px}

/* Keep the complete artwork aligned with its journal hotspot at every width. */
header{flex-wrap:wrap}header>*{max-width:100%}
.journal-viewport{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom;scrollbar-color:#92744e #eee4d0}
.journal-scene{width:100%;aspect-ratio:1672 / 941}
.journal-scene img{width:100%;height:100%;max-height:none;object-fit:contain;user-select:none;-webkit-user-drag:none}
.journal-object{min-height:44px;touch-action:pan-x pan-y pinch-zoom}
.journal-scene-controls{display:flex;flex-wrap:wrap;gap:10px;padding:14px 4% 0}
.journal-scene-controls[hidden],[hidden]{display:none}
.journal-scene-controls button{font-size:16px;min-height:44px}
.journal-scene-controls button:disabled{opacity:.5;cursor:default}
.journal-scene-controls button[aria-pressed=true]{background:#3d4b2c;color:#fffaf0}
.journal-guidance{font-size:16px}.journal-guidance span{display:block;margin-top:6px}
.journal-guidance span[hidden]{display:none}
@media(max-width:800px),(pointer:coarse){.journal-scene{width:max(100%,746px)}.journal-viewport.journal-overview .journal-scene{width:100%}}