.vignette{pointer-events:none;z-index:200;background:radial-gradient(circle,#0000 40%,#00000a66 80%,#000c 100%);position:fixed;inset:0}.film-grain{pointer-events:none;z-index:190;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg' opacity='0.5'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:fixed;inset:0}.fog-container{pointer-events:none;z-index:20;position:fixed;inset:0}.fog-layer-horizon{filter:blur(35px);background:radial-gradient(800px 200px at 20%,#c8dcf01f 0%,#0000 60%),radial-gradient(600px 180px at 60% 60%,#b4d2eb1a 0%,#0000 65%),radial-gradient(900px 220px at 85% 45%,#bed7ee1c 0%,#0000 58%),radial-gradient(700px 190px at 40% 55%,#afcde617 0%,#0000 62%),linear-gradient(#0000 0%,#c8e1f50f 40%,#b4d7f01f 70%,#a0c8e614 100%);width:100%;height:400px;animation:25s ease-in-out infinite alternate driftMist,40s ease-in-out infinite cloudShift;position:absolute;bottom:calc(38.2% - 150px);left:0}.fog-layer-mid{filter:blur(40px);background:radial-gradient(700px 150px at 30%,#d2e6f514 0%,#0000 55%),radial-gradient(500px 120px at 70% 60%,#bedcf012 0%,#0000 60%),linear-gradient(#0000 0%,#b4d2eb0d 100%);width:100%;height:300px;animation:30s ease-in-out infinite alternate slowDrift;position:absolute;bottom:calc(38.2% + 100px);left:0}.fog-layer-upper{filter:blur(50px);background:radial-gradient(600px 100px,#dcebfa0d 0%,#0000 50%),linear-gradient(#0000 0%,#c8dcf008 100%);width:100%;height:250px;animation:35s ease-in-out infinite alternate atmosphericFloat;position:absolute;bottom:calc(38.2% + 250px);left:0}@keyframes driftMist{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.7;transform:scale(1.06)}}@keyframes cloudShift{0%,to{filter:blur(35px)brightness()}33%{filter:blur(40px)brightness(1.05)}66%{filter:blur(32px)brightness(.98)}}@keyframes slowDrift{0%{transform:translate(2%)translateY(0)}to{transform:translate(-2%)translateY(-15px)}}@keyframes atmosphericFloat{0%,to{opacity:.4;transform:translateY(0)scaleY(1)}50%{opacity:.6;transform:translateY(-20px)scaleY(1.1)}}.ocean{background:linear-gradient(#0077be00 0%,#0077be4d 50%,#0077be80 100%);width:100%;height:5%;position:absolute;bottom:0;left:0}.chunks{width:100%;height:100%;position:relative;overflow:hidden}.chunks:before,.chunks:after{content:"";width:300vw;height:300vw;position:absolute;top:-280vw;left:50%;transform:translate(-50%)}.chunks:before{background:#0077be4d;border-radius:45%;animation:8s linear infinite drift}.chunks:after{background:#0077be33;border-radius:40%;animation:12s linear infinite drift}@keyframes drift{0%{transform:translate(-50%)rotate(0)}to{transform:translate(-50%)rotate(360deg)}}