#night-sky{display:none;position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
html[data-scene-theme=night] #night-sky{display:block}
html[data-scene-theme=night] #ocean,html[data-scene-theme=night] .vampire-ocean,html[data-scene-theme=night] .under-story{display:none!important}
html[data-scene-theme=night] .vignette{background:linear-gradient(90deg,#03071055,transparent 70%)}
html[data-scene-theme=night] .water-art{border:1px solid #a9c5e32b;background:#0d1723;box-shadow:0 16px 65px #0007}
html[data-scene-theme=night] .water-art img{filter:none}

#night-cabin{display:none;position:fixed;inset:0;z-index:1;pointer-events:none;transform-origin:bottom right}
html[data-scene-theme=night] #night-cabin{display:block}
.window-rim{position:absolute;inset:-5% -4% -7% -4%;border:clamp(18px,3vw,60px) solid #10151f;border-radius:10% 12% 14% 10%;box-shadow:inset 0 0 0 2px #4d586566,inset 0 0 55px #000a,0 0 0 16px #05080e}
.window-console{position:absolute;bottom:0;right:0;width:45%;height:8%;background:linear-gradient(160deg,#253344,#080e17 70%);clip-path:polygon(12% 15%,100% 0,100% 100%,0 100%);border-top:1px solid #aecbe644;padding:25px 10%}
.window-console i{display:inline-block;width:10px;height:2px;background:#88c1dc;margin-right:8px;box-shadow:0 0 8px #88c1dc66}.window-console span{display:block;font:8px monospace;letter-spacing:2px;color:#7894a6;margin-top:9px}
.vampire-astronaut{position:absolute;height:min(49vh,490px);width:auto;max-width:40vw;object-fit:contain;right:2%;bottom:3%;filter:drop-shadow(0 10px 18px #0006)}
@media(max-width:760px){.vampire-astronaut{height:32vh;max-width:47vw;right:-3%;bottom:6%}.window-console{width:70%}.window-rim{inset:-5% -8% -6%;border-width:24px}}

.night-credits{display:none;position:fixed;right:4vw;bottom:50px;z-index:6;color:#a9bdcb8f;font-size:9px;text-decoration:none;letter-spacing:.05em}html[data-scene-theme=night] .night-credits{display:block}
html[data-scene-theme=night] .bottom-caption{bottom:20px}

/* Checkpoint 01: active night renderer only; black-hole stage stays clear of artwork cards. */
#night-lens{display:none;position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
html[data-scene-theme=night].night-lens-ready #night-lens{display:block}
html[data-scene-theme=night].night-lens-ready #night-sky{display:none}
html[data-scene-theme=night] #archive{display:block}
html[data-scene-theme=night] .depth{max-width:31vw}
html[data-scene-theme=night] .depth h2{font-size:clamp(32px,4.2vw,66px)}
html[data-scene-theme=night] .chapter p{color:#d8e6f1cf;text-shadow:0 2px 10px #071020}
html[data-scene-theme=night] .vignette{background:linear-gradient(90deg,#07101b48,transparent 48%)}
@media(max-width:760px){html[data-scene-theme=night] .depth{top:21%;max-width:86vw}html[data-scene-theme=night] .depth h2{font-size:32px}html[data-scene-theme=night] .arrival{top:19%;max-width:85vw}.night-credits{bottom:60px}}

#night-infall{display:none;position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
html[data-scene-theme=night].night-lens-ready #night-infall{display:block}
html[data-scene-theme=night].night-lens-ready body{background:#000}

html[data-scene-theme=night] .arrival{max-width:32vw}html[data-scene-theme=night] .water-art{box-shadow:0 18px 55px #0009;border:1px solid #eadbc133;background:#0b0e14}
@media(max-width:760px){html[data-scene-theme=night] .arrival{max-width:86vw;top:20%}}