/* The photograph is the stage; explanations stay on its reverse. */
#moon-art{background-image:url('assets/version-15/01-earthrise.jpeg');background-position:center 54%;background-size:cover}
#cube-stage{left:35%;top:37%;scale:1.45}
#cube .face,#cube .face.free-face{background-image:linear-gradient(135deg,#b9632d55,#40221866),url('assets/photo-world/cube-face.webp');color:#fff5d9;font-size:46px;font-weight:bold;text-shadow:0 2px 2px #160b04,0 0 4px #120c08,2px 0 #24110a,-2px 0 #24110a;box-shadow:inset 0 0 20px #24130c77;border-color:#b87f4c}
#cube .face.free-face{font-size:14px;line-height:1.5}
#enter-tunnel{right:12%;top:75%;width:110px;height:64px;border-radius:45% 45% 2px 2px;background:url('assets/tunnel.webp') center/cover;filter:brightness(.65) saturate(.6);opacity:.84;box-shadow:0 8px 20px #090a0a88}
#enter-tunnel:hover,#enter-tunnel:focus-visible{filter:brightness(1);opacity:1}
#enter-tunnel #tunnel-timer{bottom:auto;top:-31px;left:0;right:0;border:0;background:none;padding:0;font-size:14px;text-shadow:0 2px 3px #000}
#return,.moon-return{font-family:Georgia,serif!important;font-size:30px!important;min-width:48px!important;width:48px!important;min-height:48px!important;padding:4px!important;border-radius:50%!important;text-align:center!important}
#siemens-dialog.play-story{width:min(1440px,99vw);max-height:97svh;background:#151919;color:#f4ead7;border:0;border-radius:6px}
.play-story #siemens-content{padding:0!important;max-height:calc(97svh - 65px)}
.play-story header{background:#151919!important;color:#eee5d6!important;border:0!important}
.play-story #siemens-content>.object-kicker{display:none}
.play-story .depth-scene{margin:0;border:0;box-shadow:none;position:relative;overflow:hidden;isolation:isolate}
.play-story .depth-scene>img{width:100%;height:min(68svh,780px);max-height:none;aspect-ratio:auto;object-fit:cover;transition:transform 1.1s ease,filter .8s;transform-origin:var(--focus-x,50%) var(--focus-y,50%)}
.play-story .depth-scene.entered>img{transform:scale(1.08)}
.play-story .scene-tools{background:#171e20;padding:10px 18px;align-items:center}
.play-story .scene-tools .siemens-link{width:auto;margin:0;border:1px solid #96836555;background:#e8dcc8;color:#28322c}
.play-story .protagonist{position:absolute;left:10%;bottom:1%;width:clamp(70px,12vw,155px);height:auto;border:0!important;background:none!important;transition:left 1.2s ease,bottom 1.2s ease,transform 1.2s ease;transform-origin:bottom center;z-index:4}
.play-story .protagonist>img{display:block;width:100%;max-height:220px;object-fit:contain;filter:drop-shadow(3px 8px 7px #0008)}
.play-story .protagonist>span{font:14px Georgia,serif;background:#e8dcc8;color:#25372c;border-radius:3px;padding:5px}
.play-story .entered .protagonist{left:26%;bottom:12%;transform:scale(.68)}
.play-story .depth-scene.has-character .protagonist{width:64px;left:2%;bottom:2%}.play-story .depth-scene.has-character.entered .protagonist{transform:scale(.85);left:3%;bottom:3%}
.play-story .protagonist canvas{display:none}
.stage-actions{position:absolute;inset:0;z-index:3;pointer-events:none}
.stage-actions button{position:absolute;left:var(--x,65%);top:var(--y,65%);transform:translate(-50%,-50%);pointer-events:auto;min-height:46px;max-width:min(270px,65%);padding:10px 16px;border:1px solid #d5c2a1;border-radius:24px;background:#efe5d4f0;color:#25352d;font:16px/1.3 Georgia,serif;box-shadow:0 4px 18px #0005}
.stage-actions button:before{content:'◦';margin-right:8px}.stage-actions button:hover{background:#fff4dd;box-shadow:0 5px 24px #0008}.stage-actions button:disabled{opacity:.7}
.stage-caption{position:absolute;right:18px;bottom:14px;max-width:70%;padding:8px 13px;margin:0;color:#f9f1df;background:#142022bd;border-radius:3px;font:16px/1.4 Georgia,serif;z-index:5;pointer-events:none}
.stage-progress{position:absolute;top:14px;left:18px;z-index:5;color:#fff3d9;background:#182022b5;padding:7px 12px;font-size:14px;pointer-events:none}
.play-story .story-next{display:flex;gap:10px;align-items:center;padding:12px 18px;margin:0;background:#171e20}
.play-story .story-next .siemens-link{width:auto;margin:0}.play-story .story-pocket{margin-left:auto;color:#f0dbc0;font-size:14px}
.scene-reverse{padding:0 20px 18px;background:#171e20;color:#cfcebc}.scene-reverse>summary{font-size:14px;padding:12px 0;cursor:pointer}.scene-reverse p{font:16px/1.7 Georgia,serif;color:#dfd4bf!important;max-width:70ch}.scene-reverse .siemens-link{width:auto!important;display:inline-block;margin-right:8px!important}
.play-story .story-feedback{color:#f2dfb9}.stage-transition{animation:frameDissolve .7s ease}.stage-shipment{filter:brightness(1.18)}
.employee-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0}.employee-card{padding:22px;background:#e5d7ba;color:#26342e;box-shadow:2px 5px 12px #0005;border-radius:2px;transform:rotate(-.4deg)}.employee-card:nth-child(even){transform:rotate(.5deg)}.employee-card h3{font:24px/1.2 Georgia,serif;margin:0 0 14px}.employee-card p{font-size:16px;line-height:1.6}.employee-card button,.employee-card select,.employee-card input,.employee-card textarea{font:16px/1.5 Georgia,serif;padding:10px;border:1px solid #947c59;background:#faf0db;color:#24382b;width:100%;max-width:100%;min-height:44px;margin:5px 0}.employee-card label{display:block;margin:12px 0;font-size:14px}.employee-card output{display:block;font-size:14px;line-height:1.5;margin-top:10px}.employee-card .siemens-link{color:#273c2e!important;background:#f6ead0!important}.employee-plans{grid-column:1/-1}.employee-plans ul{list-style:none;padding:0}.employee-plans li{border-top:1px solid #a48a6466;padding:10px 0;display:flex;align-items:center;gap:12px;justify-content:space-between}.employee-plans li button{width:auto}.board-more{margin-top:25px}.board-more>summary{font-size:18px;cursor:pointer;padding:16px 0}.workshop-entry{display:grid;grid-template-columns:1fr 1fr;gap:20px}.workshop-entry .station-photo img{height:240px;object-fit:cover}.quiet-note{font-size:14px;line-height:1.6;color:#b6b8ab}
@keyframes frameDissolve{from{opacity:.3;filter:brightness(.65)}to{opacity:1;filter:brightness(1)}}
@media(max-width:700px){#cube-stage{left:29%;top:35%;scale:1.2}#enter-tunnel{right:9%;top:77%;width:80px;height:48px}.play-story .depth-scene>img{height:60svh}.play-story .scene-tools{gap:6px;padding:8px}.play-story .scene-tools .siemens-link{font-size:14px;padding:9px}.stage-actions button{font-size:14px;padding:9px 13px}.play-story .story-next{flex-wrap:wrap}.employee-board{grid-template-columns:1fr}.workshop-entry{grid-template-columns:1fr}.stage-caption{max-width:72%;font-size:14px}.play-story .protagonist>img{max-height:150px}}
@media(prefers-reduced-motion:reduce){.play-story .depth-scene>img,.play-story .protagonist{transition:none}.stage-transition{animation:none}}

.play-story .has-character .protagonist>img{display:none}.play-story .has-character .protagonist{width:auto;min-width:70px;max-width:none}.employee-card .small-note{font-size:14px;line-height:1.5}.employee-card a{color:#315243;text-decoration:underline}
