/* Tusche worlds: the picture remains the place; controls sit at its edge. */
.scene-hotspot{position:absolute;right:4%;bottom:8%;max-width:65%;padding:12px 16px;min-height:44px;background:#172b23ed;border:1px solid #c4c3a0;color:#eee5cf;font:14px/1.5 'IBM Plex Mono',monospace;z-index:4;text-align:left}.scene-hotspot:hover{background:#344b3e}.scene-hotspot:disabled{opacity:.6}.depth-scene .protagonist{left:1%;width:12%;min-width:65px;max-width:110px}.depth-scene .protagonist>canvas{left:65%;top:11%;width:17%;height:18%;transform:rotate(-8deg)}
.play-story #siemens-content{padding:0 0 22px}.play-story .object-kicker{padding:0 20px}.story-play{font-size:16px;line-height:1.65}.depth-scene{position:relative;margin:0;overflow:hidden;min-height:220px;background:#101a17}.depth-scene>img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;filter:saturate(.65);transform-origin:center;transition:transform 1.6s ease,filter 1.6s ease}.depth-scene:hover>img{transform:scale(1.035)}.protagonist{position:absolute;left:1%;bottom:0;width:17%;max-width:180px;min-width:80px;border:0;background:none;padding:0;z-index:4}.protagonist>img{display:block;width:100%;max-height:200px;object-fit:contain;object-position:bottom}.protagonist>canvas{position:absolute;left:59%;top:21%;width:20%;height:9%;transform:rotate(-8deg);opacity:.6;clip-path:ellipse(48% 44%)}.protagonist span{display:block;font-size:12px;background:#101b18d9;color:#e9e2cc;border:1px solid #928e6d;padding:3px 7px}.scene-tools{display:flex;flex-wrap:wrap;gap:8px;padding:12px 18px;background:#18251f}.scene-tools .siemens-link{margin:0;min-height:44px;font-size:14px;padding:8px 12px;width:auto}.story-pocket{padding:8px 20px;font:14px 'IBM Plex Mono',monospace;color:#d1c9a7}.scene-action-panel{padding:0 20px 12px}.story-actions{display:flex;gap:10px;flex-wrap:wrap}.story-actions .siemens-link{width:auto;margin:0;min-height:44px;border:1px solid #8e9277;padding:10px 15px}.story-actions .siemens-link:first-child{background:#ced0b1;color:#18231c}.story-feedback{color:#c3dec1;min-height:1em}.story-next{padding:0 20px}.story-next .siemens-link{white-space:normal}.story-drawer{margin:14px 20px;padding:18px;background:#263027;border:1px solid #8c977c}.map-act{padding:12px 0;border-bottom:1px solid #59654d}.map-act h4{font-size:16px;font-weight:400}.map-act button{display:block;text-align:left;max-width:100%;white-space:normal}.map-act button[aria-current]{border-left:3px solid #d9d8ab}.story-drawer img{max-width:100%;max-height:300px;object-fit:contain}.story-play>details{margin:12px 20px}.qr-links{display:flex;flex-wrap:wrap;gap:24px}.qr-links a{display:grid;gap:8px;color:#ddd5be}.qr-links img{width:132px;height:132px;background:#fff}.future-overblend{animation:futureReveal 2.4s ease}.sea-transfer{position:absolute;right:18%;top:45%;color:#e3d2b0;font-size:28px;animation:containerTransfer 16s linear infinite}.installed-tag{position:absolute;right:5%;bottom:12%;padding:10px;background:#213c31ee;border:1px solid #bfcea7;color:#e0e9d2}.steel-installed>img{filter:saturate(.75) brightness(1.08)}
.arcade{padding:20px;background:#111929;border:1px solid #456578;margin:20px;color:#d9f1ee;box-shadow:inset 0 0 60px #35244a35}.arcade h3{font-weight:400;color:#a6ffdb;font-size:20px}.arcade button{background:#22333c;color:#e1fff4;border:1px solid #7ba79f;padding:10px 12px;font:inherit;min-width:44px;min-height:44px}.arcade button:hover{background:#36525e}.arcade button:focus-visible{outline:3px solid #e9acfb;outline-offset:2px}.arcade-controls{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.arcade canvas{display:block;width:100%;max-width:640px;height:auto;touch-action:none}.slide-grid,.block-grid{display:grid;gap:6px;max-width:360px}.slide-grid{grid-template-columns:repeat(3,1fr)}.block-grid{grid-template-columns:repeat(6,1fr)}.slide-grid button{aspect-ratio:1;font-size:22px}.block-grid button{aspect-ratio:1;padding:0;min-width:0;min-height:36px}.block-grid .occupied{background:#a76dca}.circuit-lamps{display:grid;gap:12px;margin:16px 0}.circuit-lamps output{padding:12px;border-left:4px solid #776477;background:#17232d}.circuit-lamps .live{border-color:#83f3c9;color:#b8ffe2}.survey-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(50px,1fr));gap:8px}.arcade label{display:flex;gap:10px;align-items:center;margin:10px 0}.arcade input[type=checkbox]{width:23px;height:23px}.arcade-wells,.arcade-survey{background:#18261f;color:#e0dbc7;box-shadow:none}.arcade-wells h3,.arcade-survey h3{color:#d6d6b8}.lunar-gauges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.lunar-gauges>div{background:#18271f;padding:18px;border-top:2px solid #9da57a;display:grid;gap:12px}.lunar-gauges span{font-size:14px}.lunar-gauges output{font-family:monospace;font-size:22px;color:#c3e3be}.lunar-gauges.pulse>div:first-child{background:#294032}.visitor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.visitor-grid details{background:#202a23;padding:12px!important}.stock-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.stock-list section{padding:12px;border-bottom:1px solid #778066}.stock-list h3{font-weight:400}.stock-list meter{display:inline-block;width:75%;height:25px;accent-color:#b1c298}.stock-list output{margin-left:12px;font-size:14px}
#exploration[data-scene=tunnel-room] #exploration-image{background-size:contain;background-repeat:no-repeat}#exploration[data-scene=tunnel-room] .place-shade{background:linear-gradient(0deg,#070b0dee,transparent 35%)}#exploration[data-scene=tunnel-room] .place-copy{bottom:3%;left:4%;right:4%;max-width:none}#exploration[data-scene=tunnel-room] #place-title{font-size:clamp(23px,3vw,36px)}#exploration[data-scene=tunnel-room] #place-actions button{background:#0e1a16b3;border:0;border-bottom:1px solid #8b9372;padding:8px 12px;margin:0;min-height:44px}#exploration[data-scene=tunnel-room] #place-actions [data-room=shaft]{display:none}.well-hit{position:absolute;z-index:6;left:50%;top:59%;transform:translateX(-50%);width:150px;height:68px;background:#12201855;border:1px solid #b6b58a66;border-radius:50%;color:#e8dcc1;font-size:14px}.well-hit:hover{background:#344430aa}.signal-screen{background-image:linear-gradient(#0003,#0003),url('assets/v23/lunar-crater.webp')}.story-play button:disabled{opacity:.5;cursor:not-allowed}.play-story #siemens-content .scene-action-panel p{font-size:16px}.play-story .siemens-link{overflow-wrap:anywhere}
@keyframes futureReveal{from{opacity:.15;filter:grayscale(1)}to{opacity:1;filter:saturate(.65)}}@keyframes containerTransfer{0%{transform:translate(0,0);opacity:0}10%{opacity:.8}85%{opacity:.8}100%{transform:translate(-130px,45px);opacity:0}}
@media(max-width:600px){.lunar-gauges{grid-template-columns:repeat(2,minmax(0,1fr))}.visitor-grid,.stock-list{grid-template-columns:1fr}.arcade{margin:12px;padding:14px}.scene-tools{padding:10px}.scene-tools .siemens-link{font-size:14px}.depth-scene{min-height:190px}.depth-scene>img{min-height:220px;object-fit:cover}.protagonist{width:23%}.scene-action-panel{padding:0 14px 12px}#exploration[data-scene=tunnel-room] .place-copy{bottom:2%}#exploration[data-scene=tunnel-room] #place-actions{gap:3px}#exploration[data-scene=tunnel-room] #place-actions button{padding:6px 8px;font-size:14px}.well-hit{top:55%;width:120px;height:60px}}
@media(prefers-reduced-motion:reduce){.depth-scene>img,.future-overblend,.sea-transfer{animation:none;transition:none}.depth-scene:hover>img{transform:none}}
