/* Photographic play surface. Paper carries controls; pictures carry places. */
#moon-art{background-image:url('assets/photo-world/lunar-tunnel.webp');background-position:75% center;background-size:cover}
.vignette{opacity:.48}
#moon .vignette{opacity:.3}
#cube-stage{scale:1.38;top:39%;left:48%}
#cube .face,#cube .face.free-face{background-image:linear-gradient(130deg,#02060908,#04080855),url('assets/photo-world/cube-face.webp');background-size:cover;border:1px solid #695945;box-shadow:inset 0 0 14px #090b0d66,0 0 2px #e5b26444;color:#f1dbc0;text-shadow:0 2px 3px #000,0 0 9px #000;font-size:34px}
#cube .face.free-face{font-size:12px;padding:18px}#cube .face:after{border-color:#d6ac5733;inset:5px;pointer-events:none}
#enter-tunnel{right:2%;top:49%;width:26%;height:27%;background:transparent;box-shadow:none;filter:none;opacity:1;border-radius:45% 45% 0 0}
#enter-tunnel #tunnel-timer{top:auto;bottom:8%;left:10%;right:10%;background:#15100cca;border:1px solid #a4844b66;padding:6px;width:max-content;margin:auto;color:#f0d7ae}
#selection{bottom:9%;text-shadow:0 2px 8px #000}#quest-title{background:#080d0d8c;padding:5px 10px;display:inline-block}
.region-shade{background:linear-gradient(0deg,#070b0a80,transparent 65%,#07090933)}
#region-title .scene-action,#place-actions button{background:#e4d5bbed;color:#252a27;border:1px solid #907e61;box-shadow:0 3px 12px #0004;text-shadow:none}
#siemens-dialog{border-radius:5px 5px 3px 3px;border-color:#a89472;box-shadow:0 18px 80px #000b}
#siemens-dialog.photo-album,#siemens-dialog.play-story,#siemens-dialog.paper-window{--ink:#292d29;--dim:#4e5148;--accent:#644d2e;color:#292d29;background:#e0d2b8;width:min(1240px,97vw);max-height:95svh;color-scheme:light;font-family:Georgia,serif}
#siemens-dialog.photo-album header,#siemens-dialog.play-story header,#siemens-dialog.paper-window header{background:#e8dcc6;color:#292d29;font-size:16px;letter-spacing:.2px;border-bottom:1px solid #877a6155}
.photo-album #siemens-content{background:linear-gradient(#14262900 0 210px,#dfd1b899 310px),url('assets/photo-world/photo-desk.webp') top center/100% auto no-repeat;max-height:calc(95svh - 70px);padding:205px 28px 35px;scroll-behavior:smooth}
.photo-album #siemens-content>.object-kicker{display:none}
.album-tools{display:flex;flex-wrap:wrap;gap:10px}.album-tools .siemens-link{width:auto;margin:0}.album-tally{font-size:16px;color:#303a31;background:#eee3cb;padding:9px 13px;display:inline-block}
.photo-album .siemens-link,.paper-window .siemens-link,.play-story .siemens-link{color:#29342f;background:#eee4ce;border:1px solid #8e7b5555;box-shadow:1px 3px 5px #38241122;font-family:Georgia,serif;font-size:16px;min-height:44px}
.photo-album .siemens-link:hover,.play-story .siemens-link:hover{background:#fff5dc;color:#1f302a}
.album-act{margin:12px 0 32px}.photo-album #siemens-content h2{font-size:22px;color:#282f2b;background:#e7dac2e8;padding:10px 14px;display:table}
.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;align-items:start;padding:6px}
.station-photo{border:0;border-radius:2px;background:#f1e5ca;padding:9px 9px 12px;color:#272d28;text-align:left;box-shadow:2px 7px 15px #21170f55;transform:rotate(-.65deg);transition:transform .25s,box-shadow .25s;min-width:0}
.station-photo:nth-child(even){transform:rotate(1deg)}.station-photo:hover,.station-photo:focus-visible{transform:translateY(-5px) rotate(0);box-shadow:3px 12px 23px #21170f66}
.station-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;filter:saturate(.5) sepia(.13)}.station-photo span{display:block;font:17px/1.4 Georgia,serif;padding:10px 5px 4px}.station-photo small{display:block;font:14px/1.4 Georgia,serif;color:#4e5a45;padding:0 5px}.station-photo[data-open=false] img{filter:grayscale(.7);opacity:.75}.station-photo em{display:block;font-size:14px;line-height:1.5;padding:10px 5px;color:#593d22}
.play-story .depth-scene{margin:10px 18px 0;border:10px solid #f0e5ce;border-bottom-width:18px;box-shadow:1px 5px 18px #291e1955;min-height:0;animation:photoLift .45s ease-out}
.play-story .depth-scene>img{aspect-ratio:16/9;max-height:57svh;object-fit:cover}.play-story .scene-tools{background:#e4d6bd;padding:12px 18px;gap:10px}.play-story .story-pocket{color:#304334}.play-story .scene-action-panel{background:#efe3ca;padding:12px 20px 18px;margin:0 18px 12px}.play-story .scene-action-panel details{border:0;padding:0 0 10px!important}.play-story #siemens-content details p{color:#343d34}.play-story .story-feedback{color:#31583d}.play-story .story-drawer{background:#e8d9bb;color:#27322a}.play-story .scene-hotspot{background:#efe4cbf2;color:#223b31;border:1px solid #80704e;box-shadow:0 3px 12px #0005;font:16px/1.45 Georgia,serif;right:3%;bottom:5%;max-width:70%}.play-story .scene-hotspot:hover{background:#fff4d9}.play-story .protagonist span{color:#213a2d;background:#ecdfc5}.play-story .story-next{padding-bottom:10px}.story-play button:disabled{opacity:.65}
.game-room{padding:16px;border:6px solid #cbbb96;border-radius:12px;background:#13232c;color:#e9f6ed;width:min(740px,96vw);max-height:94svh;overflow:auto;box-shadow:0 10px 60px #000a}.game-room::backdrop{background:#071015c9;backdrop-filter:blur(5px)}.game-close{background:#e9dabe;color:#23382f;border:0;padding:12px 18px;min-height:44px;margin:0 0 10px;border-radius:3px}.game-room .arcade{margin:0;border:0;border-radius:6px;padding:12px}.game-room canvas{touch-action:none;max-width:100%;display:block;margin:auto}.game-room .falling-blocks canvas{width:auto;height:min(52svh,540px);max-width:100%}.game-room .pingpong{width:100%;height:auto;touch-action:none}.game-room button{touch-action:manipulation}.game-room .block-grid button{min-height:44px}.game-room .slide-grid button{min-height:64px}.game-room output{display:block;padding:8px 0}.game-room .world-button{background:#d0dbc1;color:#182b21;padding:12px;border:0;min-height:44px}.game-room .arcade-controls{position:sticky;bottom:0;background:#13232cee;padding:10px 0}.game-room .circuit-lamps{grid-template-columns:repeat(3,1fr)}
.robotz-hall{max-height:65svh!important;width:100%}.robotz-hall.awake{filter:brightness(1.2);transition:filter 1.5s}
.hub-photos{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.hub-photos .station-photo img{height:180px}.hub-photos .station-photo span{font-size:18px}.arcade-ice canvas{border:5px solid #dfd6bb;box-shadow:0 6px 20px #0005}
#exploration[data-scene=robotz] #exploration-image{background-size:contain;background-repeat:no-repeat}#exploration[data-scene=robotz] .place-copy{bottom:2%;max-width:none}#exploration[data-scene=robotz] .place-copy h1{font-size:28px}#exploration[data-scene=robotz] .place-copy>p{display:none}#exploration[data-scene=robotz] .place-shade{background:linear-gradient(0deg,#060c0ee8,transparent 22%)}
.paper-window .post-row{color:#29382e}.paper-window select{background:#f4ead5;color:#25382a;padding:12px;border:1px solid #998461;font:16px Georgia,serif;max-width:100%}
@keyframes photoLift{from{opacity:.2;transform:translateY(22px) scale(.94)}to{opacity:1;transform:none}}
@media(max-width:700px){.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.photo-album #siemens-content{padding:150px 15px 25px;background-size:auto 380px}.station-photo span{font-size:16px}.play-story .depth-scene{margin:8px;border-width:6px}.play-story .scene-action-panel{margin:0 8px 10px}.game-room .circuit-lamps{grid-template-columns:1fr}.album-tools .siemens-link{font-size:14px}#cube-stage{scale:1.2;top:38%}#enter-tunnel{right:0;top:55%;width:28%;height:20%}}
@media(max-width:420px){.photo-grid{grid-template-columns:1fr}.station-photo img{aspect-ratio:16/9}.photo-album #siemens-content{padding-top:140px}.play-story .scene-hotspot{font-size:14px}.game-room{padding:8px}.play-story .scene-tools{padding:8px}}
@media(prefers-reduced-motion:reduce){.station-photo,.play-story .depth-scene{animation:none;transition:none}.photo-album #siemens-content{scroll-behavior:auto}}