#rimba-opening-story{padding:0;width:min(960px,96vw);max-width:96vw;max-height:94dvh;overflow:auto;border:3px solid #d4b366;border-radius:28px;background:#fff8e6;color:#234b36;box-shadow:0 18px 60px #142b4266;font-family:Lexend,sans-serif}
#rimba-opening-story::backdrop{background:#132f35d9}
.opening-stage{position:relative;overflow:hidden;aspect-ratio:16/9;background:#c9e3a9}
.opening-art{display:block;width:100%;height:100%;object-fit:cover;animation:opening-zoom 7.5s ease-out both}
.opening-caption{padding:16px 22px;text-align:center}.opening-caption h2{font-size:clamp(22px,3vw,30px);margin:0 0 8px}.opening-caption p{font-size:18px;line-height:1.65;margin:0 auto 14px;max-width:65ch}
.opening-caption .opening-audio-status{font-size:13px;line-height:1.5;color:#536c59;margin:-4px auto 12px}
.opening-count{position:absolute;top:12px;left:12px;border-radius:20px;padding:6px 14px;background:#fff8e6;color:#234b36}
.opening-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.opening-actions button{min-height:44px;padding:10px 16px;border-radius:18px;border:2px solid #cda654;background:#ffe6a3;color:#234b36;font:600 16px Lexend,sans-serif;cursor:pointer}.opening-actions [data-story-start]{background:#326b45;color:white;border-color:#77a75c}.opening-actions [hidden]{display:none}
.opening-pollution{display:none;position:absolute;bottom:6%;right:7%;font-size:clamp(28px,5vw,56px);filter:drop-shadow(0 5px 4px #0005)}
[data-scene="1"] .opening-art{filter:saturate(.85)}[data-scene="1"] .opening-pollution{display:none}
.opening-help{display:none;position:absolute;bottom:8%;left:50%;transform:translateX(-50%);padding:10px 20px;border-radius:24px;background:#fff8e6;color:#234b36;font-size:18px;white-space:nowrap;box-shadow:0 4px 12px #0003}
[data-scene="2"] .opening-help{display:block;animation:opening-fade 1s both}
.opening-player{display:none;position:absolute;bottom:3%;left:42%;width:17%;height:46%;filter:drop-shadow(0 8px 4px #0005)}.opening-player .avatar-sprite{display:block;width:100%;height:100%}
[data-scene="3"] .opening-player{display:block;animation:opening-slide 2s ease-out both}
@keyframes opening-zoom{from{transform:scale(1);opacity:.5}to{transform:scale(1.045);opacity:1}}@keyframes opening-slide{from{opacity:0;translate:0 30px}to{opacity:1;translate:0 0}}@keyframes opening-fade{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){#rimba-opening-story *{animation:none!important;transform:none!important}.opening-help{left:25%;white-space:normal}}
@media(max-width:600px){.opening-caption{padding:12px}.opening-caption p{font-size:16px}.opening-stage{aspect-ratio:16/9}.opening-actions button{font-size:14px}}