/* Jede Station hat ein eigenes, ruhiges Bühnenbild. */
.story-scene{position:relative;isolation:isolate;overflow:hidden;min-height:180px;margin:4px 0 24px;border:1px solid #a9c6db66;border-radius:14px;background:#172c48 url('sternenwerk-innen.jpg') center 52%/cover no-repeat;box-shadow:inset 0 0 30px #071021bb}
.story-scene::before{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#061327e8,#10274399 50%,#061327e0),linear-gradient(0deg,#071528b8,transparent 55%)}
.story-scene::after{content:'';pointer-events:none;position:absolute;inset:0;border:1px solid #e8dca234;border-radius:inherit}
.story-scene svg{position:relative;z-index:1;display:block;width:100%;height:180px;filter:drop-shadow(0 0 8px #f4d89555)}
.story-scene svg .scene-stroke,.story-scene svg .scene-gold,.story-scene svg .scene-gear{fill:none;stroke:#e9d5a0;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.story-scene svg .scene-gold{stroke:#ffd98c;stroke-width:4}
.story-scene svg .scene-gear{transform-box:fill-box;transform-origin:center;animation:scene-turn 24s linear infinite}
.story-scene svg .scene-reverse{animation-direction:reverse}
.story-scene svg .scene-stones{fill:#b0c4b7;fill-opacity:.5;stroke:#e2e8cc;stroke-width:3}
.story-scene svg .scene-lightbeam{fill:#ffe5a0;opacity:.16;animation:scene-pulse 4s ease-in-out infinite}
.story-scene svg .scene-lamp{fill:#f9d680;stroke:#ffeec4;stroke-width:5;filter:drop-shadow(0 0 10px #ffe49d)}
.story-scene svg .scene-planet{fill:#eead6c;stroke:#fff1c3;stroke-width:3}
.story-scene svg .scene-planet-two{fill:#b69bd5}
.story-scene svg .scene-orbit{fill:none;stroke:#e7cca1;stroke-width:2;stroke-dasharray:6 8;transform-box:fill-box;transform-origin:center;animation:scene-turn 24s linear infinite}
.story-scene svg .scene-star{fill:#ffe4a1;stroke:#fff5d4;stroke-width:3;transform-box:fill-box;transform-origin:center;animation:scene-pulse 3s ease-in-out infinite}
.scene-caption{position:absolute;left:14px;bottom:12px;z-index:2;padding:5px 10px;border:1px solid #e9d4a454;border-radius:20px;background:#0b1c31df;color:#ffedc1;font-size:.74rem;font-weight:750;letter-spacing:.02em}
.mechanism-solved .story-scene{box-shadow:inset 0 0 42px #ffdf8e55,0 0 24px #ffdf8e44;transition:box-shadow .3s}
.mechanism-solved .story-scene svg{filter:drop-shadow(0 0 15px #fff2b6)}
@keyframes scene-turn{to{rotate:360deg}}
@keyframes scene-pulse{50%{opacity:.72}}
@media(max-width:560px){.story-scene{min-height:145px;margin-bottom:18px}.story-scene svg{height:145px}.scene-caption{font-size:.68rem}}
@media(prefers-reduced-motion:reduce){.story-scene *, .story-scene::before,.story-scene::after{animation:none!important;transition:none!important}}