/* Existing paper and copper palette. The scene itself carries the action. */
.interactive-photo{position:relative;margin:18px 0 0;line-height:0;overflow:hidden;isolation:isolate}
.interactive-photo>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;display:block;filter:none;transform:none}
.interactive-photo .image-interactions{z-index:2}
.interactive-photo .image-interactions .hotspot-target{stroke-width:32px!important}
.picture-status{min-height:2.7em;font:16px/1.5 Georgia,serif;margin:12px 0 20px;color:#ecd8b7}
.picture-content{max-width:840px}.picture-content p,.wood-inquiry p{font-size:16px;line-height:1.65}
.wood-inquiry{margin:24px 0;padding:0}.wood-inquiry button{margin:4px 10px 8px 0}
.wood-observation{min-height:5em;padding:16px 18px;background:#35312c;border-left:2px solid #bd9563}
.original-letter{white-space:pre-line;font:16px/1.7 Georgia,serif;max-width:760px}
#siemens-dialog .moon-lesson-photo{display:block;width:min(100%,440px);margin:18px auto;padding:12px 12px 22px;transform:rotate(-1deg)}
.moon-lesson-photo img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.moon-lesson-photo span{display:block;margin-top:12px}
#siemens-dialog .pet-terminal{background:#151b16;color:#d0eab8;padding:22px;margin:18px 0;font:16px/1.6 'IBM Plex Mono',monospace;box-shadow:inset 0 0 22px #040905}
#siemens-dialog .pet-terminal .pet-log p{color:#d0eab8;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}
.pet-terminal .pet-choices{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.pet-terminal form{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.pet-terminal form label{display:grid;gap:8px;flex:1;min-width:180px}.pet-terminal input{width:100%}.pet-terminal .source-note{font-size:14px;line-height:1.5;color:#bbbcae!important}
.moon-broadcast{display:none;position:absolute;top:48px;left:50%;transform:translateX(-50%);width:110px;padding:3px 8px;background:#302d27ed;color:#f3dfb8;font:14px/1.25 'IBM Plex Mono',monospace;letter-spacing:.02em;white-space:nowrap;border-radius:14px;box-shadow:0 3px 12px #0004;pointer-events:none}
.moon-return.receiving>.moon-broadcast,#return.receiving>.moon-broadcast{display:block}
dialog header.moon-header:not(.moon-only),#siemens-dialog header.moon-header{padding-top:84px!important;min-height:124px}
dialog header.moon-header.moon-only{min-height:84px;padding-top:84px!important}
@media(max-width:650px){.interactive-photo .image-interactions text{display:none}.pet-terminal{padding:16px!important}.pet-terminal form{display:block}.pet-terminal form button{margin-top:12px}.wood-observation{min-height:7em}}
.archive-folder{max-width:850px}.archive-folder .tv-polaroid{width:min(100%,280px);margin:12px auto 28px}
.archive-file-count{font-size:14px;letter-spacing:.03em;color:#cdb89a!important}
.archive-file-list{list-style:none;padding:0;margin:14px 0 24px}
.archive-file-list li{margin:0;border-bottom:1px solid #bca37b30}
#siemens-dialog .archive-file-list a{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-height:48px;padding:14px 4px;color:#f0dec1;text-decoration:none;line-height:1.5}
.archive-file-list a span{font:17px/1.5 Georgia,serif;overflow-wrap:anywhere;min-width:0}
.archive-file-list a small{flex:0 0 auto;font:12px/1.5 'IBM Plex Mono',monospace;color:#c7b89f;white-space:nowrap}
#siemens-dialog .archive-file-list a:hover span,#siemens-dialog .archive-file-list a:focus-visible span{text-decoration:underline;text-underline-offset:4px}
@media(max-width:450px){#siemens-dialog .archive-file-list a{flex-direction:column;gap:4px;padding:12px 4px}.archive-file-list a small{font-size:13px}}

/* The print already includes its white paper margin and handwritten caption. */
#siemens-dialog .tv-polaroid.archive-polaroid{padding:0!important;background:transparent!important;border:0!important;width:min(100%,440px);margin:18px auto 28px}
#siemens-dialog .archive-polaroid>img{display:block;width:100%;height:auto!important;max-height:none;aspect-ratio:auto!important;object-fit:contain!important;filter:none!important;animation:none!important}
.archive-folder [hidden]{display:none!important}
.archive-flip-control{display:block;min-height:44px;margin:0 0 18px;touch-action:manipulation}
.archive-polaroid-back>h2{font:24px Georgia,serif;letter-spacing:.05em;margin:20px 0 10px}

/* Keep the image and its SVG in exactly the same coordinate space, also on wide screens. */
.play-story .object-study>img{display:block;max-height:none!important;aspect-ratio:3/2!important;touch-action:manipulation}
#siemens-dialog .image-action-hint{font:14px/1.5 Georgia,serif;color:#d3c4af!important;margin:10px 4px 14px}
.image-interactions.discover-object:not(.highlighted) .hotspot-outline{animation:object-glimmer 2.8s ease-out 1}
@keyframes object-glimmer{0%,100%{fill:transparent;stroke:transparent;filter:none}25%,55%{fill:#d5b78218;stroke:#e2c18a;filter:drop-shadow(0 0 3px #e9bf7466)}}
@media(prefers-reduced-motion:reduce){.image-interactions.discover-object .hotspot-outline{animation:none!important}}