.mystery-opening .opening-landscape { background: #000 url('assets/river-landscape-reference.jpg') center 43%/cover no-repeat; transition: opacity 4s,filter 5s,transform 10s; }
.mystery-opening .opening-landscape svg { display: none; }
.mystery-opening[data-scene="0"] .opening-landscape { opacity: 0; filter: brightness(0); }
.mystery-opening[data-scene="1"] .opening-landscape { opacity: 1; filter: brightness(.85) saturate(.85); transform: scale(1.045); }
.mystery-opening[data-scene="2"] .opening-landscape { opacity: 1; filter: brightness(1.06) saturate(.9); transform: scale(1); }
.mystery-opening::after { background: radial-gradient(ellipse at 50% 45%,#091b2720,#091b2780 90%),linear-gradient(#07111a30,#07111a66); }
.mystery-opening[data-scene="1"] .mystery-stage,.mystery-opening[data-scene="2"] .mystery-stage { background: linear-gradient(135deg,#0c223ab5,#0b2929a8); padding: 36px 42px; border: 1px solid #d4e2c333; box-shadow: 0 20px 70px #081a2544; border-radius: 10px; backdrop-filter: blur(9px); }
.mystery-copy { color: #f0f2de; text-shadow: 0 1px 4px #071a24; }.mystery-index { color: #c3e1cd; }.mystery-opening .mystery-stage h1 { color: #fff5dc; }.mystery-next { background: #e5e4c91c; border-color: #d2e4d099; color: #f6f5df; }
.hud-top { background: linear-gradient(#f1ead7f2,#f1ead7bd 60%,#f1ead700); }.river-paint { filter: saturate(1.12) contrast(1.04); }
.mystery-opening[data-scene="2"] .mystery-stage h1 { white-space: nowrap; font-size: clamp(22px,3.5vw,50px); letter-spacing: 2px; }