/* Viewport-clipped cloud banks; no backdrop filtering or pointer interception. */
#house-game-mist{--mist-rgb:242 234 220;position:fixed;inset:0;z-index:3;overflow:hidden;pointer-events:none;contain:layout paint;mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent)}
#house-game-mist[hidden]{display:none}
.house-game-mist-bank{position:absolute;inset:4% -22% -5%;opacity:0;filter:blur(18px);background:radial-gradient(ellipse 37% 19% at 22% 55%,rgb(var(--mist-rgb)/.82),rgb(var(--mist-rgb)/.42) 44%,transparent 77%),radial-gradient(ellipse 36% 14% at 60% 45%,rgb(var(--mist-rgb)/.72),rgb(var(--mist-rgb)/.28) 48%,transparent 78%),radial-gradient(ellipse 40% 16% at 87% 58%,rgb(var(--mist-rgb)/.68),transparent 76%);will-change:transform,opacity}
.house-game-mist-bank:nth-child(2){inset:-8% -18% 6%;filter:blur(24px);background:radial-gradient(ellipse 36% 13% at 30% 35%,rgb(var(--mist-rgb)/.56),transparent 77%),radial-gradient(ellipse 40% 20% at 72% 68%,rgb(var(--mist-rgb)/.7),rgb(var(--mist-rgb)/.22) 50%,transparent 80%)}
#yunyi-preview[data-weather="night"] #house-game-mist{--mist-rgb:169 187 200;opacity:.7}
@media(max-width:620px){.house-game-mist-bank{filter:blur(12px)}.house-game-mist-bank:nth-child(2){filter:blur(16px)}}
@media(prefers-reduced-motion:reduce){#house-game-mist{display:none!important}}