/* Foreground architecture stays still; sky, water, reflections and mist move separately. */
body.onnen-yugen .onnen-night{opacity:.62}
body.onnen-yugen[data-screen='landing'] .onnen-night,body.onnen-yugen.v18-welcome-open .onnen-night{opacity:1}
body.onnen-yugen:is([data-screen='target'],[data-screen='intensity'],[data-screen='message']) .onnen-night{opacity:.62}
body.onnen-yugen.v18-welcome-open .onnen-night{opacity:1}
html body.onnen-yugen #v18Welcome{background:transparent}
html body.onnen-yugen #v18Welcome .v18-welcome-bg{display:none}
body.v18-welcome-open:not(.onnen-welcome-handoff)>:not(#v18Welcome):not(.onnen-night):not(script):not(style):not(link),body.v18-welcome-open:not(.onnen-welcome-handoff)>:not(#v18Welcome):not(.onnen-night):not(script):not(style):not(link) *{visibility:hidden!important}
html body.onnen-yugen.v18-welcome-open:not(.onnen-welcome-handoff) #siteHeader #v22RitualClock{display:none!important}
.onnen-night .onnen-lake-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .7s}
.onnen-night .onnen-lake-canvas[data-renderer='webgl']{opacity:1}
.onnen-night .onnen-lake-clouds{position:absolute;left:-22%;width:144%;height:36%;top:-6%;pointer-events:none;background:url('/assets/scenes/onnen-cloud-mist.webp') center/100% 100% no-repeat;mix-blend-mode:screen;opacity:.3;mask-image:linear-gradient(90deg,transparent,#000 18% 85%,transparent);animation:onnen-cloud-crossing 20s ease-in-out infinite alternate}
.onnen-night .onnen-lake-fog{top:46%;left:-18%;width:140%;height:26%;opacity:.46;filter:blur(1px);animation:onnen-water-mist 14s ease-in-out infinite alternate-reverse;transform-origin:center}
.onnen-night .onnen-lake-veil{top:70%;left:-32%;width:160%;height:25%;opacity:.2;filter:blur(3px);animation:onnen-near-mist 19s ease-in-out infinite alternate}
html body.onnen-yugen #v18Welcome .v18-welcome-line{animation:none;background:none}
html body.onnen-yugen #v18Welcome .v18-welcome-red{background:linear-gradient(90deg,rgba(3,7,8,.62),rgba(5,7,8,.07) 64%),linear-gradient(0deg,rgba(5,7,8,.8),transparent 70%)}
@keyframes onnen-cloud-crossing{from{transform:translate3d(-7%,0,0) scale(1.05)}to{transform:translate3d(9%,3%,0) scale(1.12)}}
@keyframes onnen-water-mist{from{transform:translate3d(-8%,0,0) scaleY(.8);opacity:.36}to{transform:translate3d(10%,-8%,0) scaleY(1.12);opacity:.52}}
@keyframes onnen-near-mist{from{transform:translate3d(9%,4%,0)}to{transform:translate3d(-9%,-4%,0)}}
html[data-onnen-atmosphere='still'] .onnen-night .onnen-lake-clouds,html[data-onnen-page-hidden='true'] .onnen-night .onnen-lake-clouds{animation-play-state:paused!important}
.onnen-night[data-lake-state='stopped'] .onnen-lake-clouds{animation-play-state:paused!important}
@media(max-width:720px){
 .onnen-night .onnen-lake-clouds{height:30%;opacity:.34}
 .onnen-night .onnen-lake-fog{top:40%;height:24%;opacity:.4}
 .onnen-night .onnen-lake-veil{top:64%;height:24%;opacity:.19}
 html body.onnen-yugen #v18Welcome .v18-welcome-red{background:linear-gradient(0deg,#080b0d 4%,rgba(5,8,9,.78) 55%,rgba(5,8,9,.15))}
}
@media(prefers-reduced-motion:reduce){.onnen-night .onnen-lake-clouds{animation:none!important}}