/* ART QUEST V9.3 — living world backgrounds */
.world{isolation:isolate}
.worldAtmosphere{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.worldAtmosphere .skyIcon{position:absolute;opacity:.22;font-size:26px;line-height:1;animation:aqDrift 6.5s ease-in-out infinite;transform:translate3d(0,0,0)}
.worldAtmosphere .skyIcon.s1{left:8%;top:18%}.worldAtmosphere .skyIcon.s2{right:10%;top:24%;animation-delay:-2.2s}.worldAtmosphere .skyIcon.s3{left:56%;top:10%;font-size:18px;animation-delay:-4s}
.worldAtmosphere .horizon{position:absolute;left:-8%;right:-8%;bottom:-2%;height:42%;opacity:.36}
.worldAtmosphere .mist{position:absolute;left:-10%;right:-10%;bottom:20%;height:18%;border-radius:50%;opacity:.16;animation:aqMist 9s ease-in-out infinite alternate}
.atmos-0 .horizon{background:radial-gradient(70% 100% at 18% 100%,#e6b96c 0 48%,transparent 49%),radial-gradient(72% 100% at 72% 100%,#b98245 0 50%,transparent 51%)}
.atmos-0 .mist{background:linear-gradient(90deg,transparent,#f6d69d55,transparent)}
.atmos-1 .horizon{height:35%;background:linear-gradient(145deg,transparent 0 10%,#14222b 10% 18%,transparent 18% 25%,#182933 25% 41%,transparent 41% 49%,#111d25 49% 66%,transparent 66%),linear-gradient(#1d333b,#12242c)}
.atmos-1 .mist{background:linear-gradient(90deg,transparent,#d9e7ee34,transparent)}
.atmos-2 .horizon{background:radial-gradient(70% 100% at 15% 100%,#6d8f55 0 46%,transparent 47%),radial-gradient(80% 100% at 72% 100%,#50724b 0 49%,transparent 50%)}
.atmos-2 .mist{background:linear-gradient(90deg,transparent,#fff4c930,transparent)}
.atmos-3 .horizon{height:34%;background:radial-gradient(circle at 12% 72%,#171c18 0 22%,transparent 23%),radial-gradient(circle at 36% 68%,#1e241c 0 26%,transparent 27%),radial-gradient(circle at 68% 72%,#151b17 0 25%,transparent 26%),radial-gradient(circle at 91% 67%,#1e241c 0 23%,transparent 24%),linear-gradient(#1b221b,#101712)}
.atmos-3 .mist{background:linear-gradient(90deg,transparent,#ffd88f26,transparent)}
.atmos-4 .horizon{height:46%;background:linear-gradient(150deg,transparent 0 16%,#22333f 16% 37%,transparent 37%),linear-gradient(28deg,transparent 0 38%,#192a34 38% 58%,transparent 58%),linear-gradient(#263c49,#172932)}
.atmos-4 .mist{height:24%;bottom:14%;background:linear-gradient(90deg,transparent,#dce8ef40 30%,#eff5f750 50%,#dce8ef40 70%,transparent)}
.atmos-5:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 24%,#ffd95e30 0 4%,transparent 18%),radial-gradient(circle at 76% 18%,#85bfff28 0 5%,transparent 20%),radial-gradient(circle at 55% 67%,#ff8e6b20 0 5%,transparent 19%)}
.atmos-5 .horizon{height:34%;background:radial-gradient(85% 100% at 48% 100%,#51745b 0 48%,transparent 49%),linear-gradient(#4d6c59,#314b43)}
.atmos-5 .mist{background:linear-gradient(90deg,transparent,#f7efcf26,transparent)}
.atmos-6 .horizon{height:38%;background:linear-gradient(135deg,transparent 0 13%,#513f68 13% 27%,transparent 27% 36%,#6e4d58 36% 49%,transparent 49% 58%,#2f5462 58% 74%,transparent 74%),linear-gradient(#3a405c,#242e44)}
.atmos-6:after{content:"";position:absolute;width:58px;height:58px;border:9px solid #f1cf6b44;right:12%;top:18%;transform:rotate(18deg);border-radius:8px}
.atmos-7 .horizon{height:32%;background:repeating-linear-gradient(90deg,transparent 0 13%,#24191a88 13% 19%,transparent 19% 32%),linear-gradient(#33212599,#1a1012aa)}
.atmos-7:before{content:"";position:absolute;left:10%;right:10%;top:18%;height:42%;border-top:1px solid #f0ce6b22;border-bottom:1px solid #f0ce6b18;background:repeating-linear-gradient(90deg,transparent 0 20%,#fff1ca0d 20% 21%,transparent 21% 40%)}
.worldAtmosphere .landSpark{position:absolute;width:6px;height:6px;border-radius:50%;background:#fff7c8;opacity:.22;animation:aqTwinkle 3.8s ease-in-out infinite}
.worldAtmosphere .landSpark.p1{left:22%;top:42%}.worldAtmosphere .landSpark.p2{right:23%;top:48%;animation-delay:-1.7s}.worldAtmosphere .landSpark.p3{left:63%;top:31%;animation-delay:-2.8s}
@keyframes aqDrift{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-7px) rotate(3deg)}}
@keyframes aqMist{0%{transform:translateX(-2%)}100%{transform:translateX(3%)}}
@keyframes aqTwinkle{0%,100%{opacity:.12;transform:scale(.8)}50%{opacity:.48;transform:scale(1.45)}}
@media(prefers-reduced-motion:reduce){.worldAtmosphere *{animation:none!important}}