.house-scene{--night:0}
.workshop-sky{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2}
.house-scene #desk-scene{z-index:1}
.workshop-stars{position:absolute;inset:0;opacity:var(--night)}
.workshop-stars i{position:absolute;width:var(--star-size);height:var(--star-size);border-radius:50%;background:#e3ecff;box-shadow:0 0 5px #c4dcff77;opacity:var(--star-alpha);animation:workshop-twinkle var(--star-duration) ease-in-out var(--star-delay) infinite alternate}
.workshop-night .header{border-bottom-color:#ffffff17}
.workshop-night .header .brand{color:#e2e9f2}
.workshop-night .header .brand span{color:#86a5fd}
.workshop-night .coming-soon{color:#99a8bd}
.house-scene.scene-night{border-color:#34445b}
.scene-night .vulcan-link{color:#e8e6d6;background:#29354bd9;border-color:#c0d1ec30;box-shadow:0 4px 18px #0002}
.scene-night .vulcan-link:hover{background:#35445e}

.motion-paused .workshop-stars i{animation-play-state:paused}
.motion-inactive .workshop-stars i{animation-play-state:paused}
@keyframes workshop-twinkle{from{opacity:var(--star-alpha)}to{opacity:calc(var(--star-alpha) * .48)}}
@media(prefers-reduced-motion:reduce){.workshop-stars i{animation:none}}