.atmosphere:before{content:"";position:absolute;left:-8%;right:-8%;top:-7vh;height:29vh;opacity:.95;filter:blur(4px);background:radial-gradient(ellipse at 50% 0%,rgba(255,244,206,.42),rgba(141,224,255,.24) 31%,rgba(1,116,243,.08) 56%,transparent 73%);animation:surfaceBreathe 8s ease-in-out infinite alternate}.atmosphere:after{content:"";position:absolute;left:-12%;right:-12%;top:0;height:62vh;opacity:.62;filter:blur(8px);background:conic-gradient(from 214deg at 50% -8%,transparent 0 9deg,rgba(210,244,255,.16) 13deg,transparent 21deg 37deg,rgba(86,217,255,.13) 42deg,transparent 51deg 68deg,rgba(255,235,186,.12) 73deg,transparent 82deg 360deg);transform-origin:50% 0;animation:surfaceSway 12s ease-in-out infinite alternate}.light-layer:before{content:"";position:absolute;left:-10%;right:-10%;top:-2vh;height:18vh;opacity:.55;background:repeating-radial-gradient(ellipse at 50% 0%,transparent 0 18px,rgba(220,249,255,.14) 23px,transparent 31px);transform:scaleX(1.45);filter:blur(2px);animation:causticShift 9s linear infinite}.room-system-page main{position:relative;z-index:2}.room-hub-nav{z-index:30}@keyframes surfaceBreathe{from{transform:translateY(-1vh) scaleX(.96);opacity:.74}to{transform:translateY(2vh) scaleX(1.04);opacity:1}}@keyframes surfaceSway{from{transform:rotate(-2deg) translateX(-2vw)}to{transform:rotate(2deg) translateX(2vw)}}@keyframes causticShift{from{background-position:0 0}to{background-position:180px 0}}@media(prefers-reduced-motion:reduce){.atmosphere:before,.atmosphere:after,.light-layer:before{animation:none}}