@property --atmo-base{syntax: "<color>"; inherits: true; initial-value: #050509;}@property --atmo-sky-top{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --atmo-sky-mid{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --atmo-sky-bot{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --atmo-bloom-c{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --atmo-glow-a{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --atmo-glow-b{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --atmo-glow-c{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --atmo-veil{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --atmo-bloom-x{syntax: "<percentage>"; inherits: true; initial-value: 50%;}@property --atmo-bloom-y{syntax: "<percentage>"; inherits: true; initial-value: 30%;}@property --atmo-bloom-o{syntax: "<number>"; inherits: true; initial-value: .5;}@property --atmo-ground-c{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --atmo-city-c{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --atmo-city-o{syntax: "<number>"; inherits: true; initial-value: 0;}@property --atmo-aurora-a{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --atmo-aurora-b{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --atmo-aurora-o{syntax: "<number>"; inherits: true; initial-value: 0;}@property --atmo-ray-c{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --atmo-ray-o{syntax: "<number>"; inherits: true; initial-value: 0;}@property --atmo-refl-c{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --atmo-refl-o{syntax: "<number>"; inherits: true; initial-value: 0;}@property --atmo-fog-c{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --atmo-fog-o{syntax: "<number>"; inherits: true; initial-value: 0;}@property --atmo-horizon{syntax: "<percentage>"; inherits: true; initial-value: 76%;}.atmo-stage{position:fixed;inset:0;height:100vh;height:100lvh;z-index:-1;pointer-events:none;overflow:hidden;transition-property:--atmo-base,--atmo-sky-top,--atmo-sky-mid,--atmo-sky-bot,--atmo-bloom-c,--atmo-bloom-o,--atmo-glow-a,--atmo-glow-b,--atmo-glow-c,--atmo-veil,--atmo-ground-c,--atmo-city-c,--atmo-city-o,--atmo-aurora-a,--atmo-aurora-b,--atmo-aurora-o,--atmo-ray-c,--atmo-ray-o,--atmo-refl-c,--atmo-refl-o,--atmo-fog-c,--atmo-fog-o,--atmo-horizon;transition-duration:4.5s;transition-timing-function:cubic-bezier(.3,.6,.3,1)}.atmo-base{position:absolute;inset:0;background:var(--atmo-base)}.atmo-par{position:absolute;inset:0;will-change:transform}.atmo-sky{position:absolute;inset:-6% 0;background:linear-gradient(180deg,var(--atmo-sky-top) 0%,var(--atmo-sky-mid) 46%,var(--atmo-sky-bot) 100%)}.atmo-effects{position:absolute;inset:0;width:100%;height:100%}.atmo-aurora{position:absolute;inset:0 0 30%;opacity:var(--atmo-aurora-o);transition:opacity 3.5s ease}.atmo-aurora-band{position:absolute;left:-22%;right:-22%;top:0;height:72%;transform-origin:50% 0%;mask-image:linear-gradient(180deg,rgba(0,0,0,.95) 8%,rgba(0,0,0,.5) 55%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.95) 8%,rgba(0,0,0,.5) 55%,transparent 100%)}.atmo-aurora-band-a{background:linear-gradient(100deg,transparent 10%,var(--atmo-aurora-a) 34%,transparent 52%,var(--atmo-aurora-a) 72%,transparent 90%)}.atmo-aurora-band-b{background:linear-gradient(82deg,transparent 20%,var(--atmo-aurora-b) 46%,transparent 68%)}@media(prefers-reduced-motion:no-preference){.atmo-aurora-band-a{animation:atmoAuroraA 56s ease-in-out infinite alternate}.atmo-aurora-band-b{animation:atmoAuroraB 78s ease-in-out infinite alternate}}@keyframes atmoAuroraA{0%{transform:translate(-4%) skew(-6deg) scaleY(1)}50%{transform:translate(2%) skew(3deg) scaleY(1.14)}to{transform:translate(5%) skew(-2deg) scaleY(.94)}}@keyframes atmoAuroraB{0%{transform:translate(4%) skew(5deg) scaleY(1.05)}to{transform:translate(-5%) skew(-4deg) scaleY(.92)}}.atmo-bloom{position:absolute;inset:-12%;background:radial-gradient(ellipse 56% 42% at var(--atmo-bloom-x) var(--atmo-bloom-y),var(--atmo-bloom-c),transparent 68%);opacity:var(--atmo-bloom-o);transition:opacity .3s ease;animation:atmoBreath 11s ease-in-out infinite;will-change:transform;transform:translateZ(0)}.atmo-bloom.atmo-bloom-dip{opacity:0}@keyframes atmoBreath{0%,to{transform:scale(1) translateZ(0)}50%{transform:scale(1.018) translateZ(0)}}.atmo-rays{position:absolute;inset:-12%;background:conic-gradient(from 158deg at var(--atmo-bloom-x) var(--atmo-bloom-y),transparent 0deg,var(--atmo-ray-c) 7deg,transparent 16deg,var(--atmo-ray-c) 27deg,transparent 40deg,var(--atmo-ray-c) 54deg,transparent 70deg,transparent 360deg);mask-image:radial-gradient(ellipse 58% 52% at var(--atmo-bloom-x) var(--atmo-bloom-y),rgba(0,0,0,.85),transparent 72%);-webkit-mask-image:radial-gradient(ellipse 58% 52% at var(--atmo-bloom-x) var(--atmo-bloom-y),rgba(0,0,0,.85),transparent 72%);opacity:calc(var(--atmo-ray-o) * .9);transform-origin:var(--atmo-bloom-x) var(--atmo-bloom-y)}@media(prefers-reduced-motion:no-preference){.atmo-rays{animation:atmoRays 42s ease-in-out infinite alternate}}@keyframes atmoRays{0%{transform:rotate(-1.5deg)}to{transform:rotate(1.5deg)}}.atmo-field{position:absolute;border-radius:9999px;will-change:transform,opacity;transform:translateZ(0)}.atmo-field-a{top:-24vmax;left:-20vmax;width:72vmax;height:72vmax;background:radial-gradient(circle,var(--atmo-glow-a) 0%,transparent 68%)}.atmo-field-b{bottom:-26vmax;right:-22vmax;width:78vmax;height:78vmax;background:radial-gradient(circle,var(--atmo-glow-b) 0%,transparent 68%)}.atmo-field-c{top:28%;left:34%;width:54vmax;height:54vmax;background:radial-gradient(circle,var(--atmo-glow-c) 0%,transparent 70%)}.atmo-ground{position:absolute;inset:0;background:linear-gradient(180deg,transparent calc(var(--atmo-horizon) - 8%),var(--atmo-ground-c) calc(var(--atmo-horizon) + 16%),var(--atmo-ground-c) 100%)}.atmo-cityglow{position:absolute;inset:0;background:radial-gradient(ellipse 92% 32% at 50% calc(var(--atmo-horizon) + 8%),var(--atmo-city-c),transparent 72%);opacity:var(--atmo-city-o);animation:atmoBreath 13s ease-in-out infinite;will-change:transform;transform:translateZ(0)}.atmo-refl{position:absolute;top:calc(var(--atmo-horizon) - 3%);bottom:0;left:calc(var(--atmo-bloom-x) - 11%);width:22%;background:linear-gradient(180deg,transparent,var(--atmo-refl-c) 18%,transparent 82%);opacity:var(--atmo-refl-o);mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.9) 38%,rgba(0,0,0,.9) 62%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.9) 38%,rgba(0,0,0,.9) 62%,transparent)}@media(prefers-reduced-motion:no-preference){.atmo-refl{animation:atmoShimmer 9s ease-in-out infinite}}@keyframes atmoShimmer{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.06)}}.atmo-fogbanks{position:absolute;inset:0;opacity:calc(var(--atmo-fog-o) * .95);transition:opacity 3s ease}.atmo-fogband{position:absolute;left:-30%;right:-30%;height:36%;background:radial-gradient(ellipse 58% 88% at 50% 50%,var(--atmo-fog-c),transparent 72%);will-change:transform}.atmo-fogband-a{top:36%}.atmo-fogband-b{top:56%}@media(prefers-reduced-motion:no-preference){.atmo-fogband-a{animation:atmoFogA 95s ease-in-out infinite alternate}.atmo-fogband-b{animation:atmoFogB 130s ease-in-out infinite alternate}}@keyframes atmoFogA{0%{transform:translate(-6%) scaleY(1)}to{transform:translate(7%) scaleY(1.1)}}@keyframes atmoFogB{0%{transform:translate(5%) scaleY(1.06)}to{transform:translate(-6%) scaleY(.96)}}.atmo-haze{position:absolute;inset:0;background:linear-gradient(180deg,var(--atmo-veil) 0%,transparent 32%,transparent 58%,var(--atmo-veil) 100%)}.atmo-depth{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,3,8,.85) 0%,rgba(2,3,8,.3) 34%,transparent 62%);opacity:0;will-change:opacity}.atmo-depth-light{background:linear-gradient(180deg,rgba(226,232,242,.9) 0%,rgba(226,232,242,.32) 34%,transparent 62%)}.atmo-diffusion{position:absolute;inset:0;background:radial-gradient(ellipse 80% 38% at 50% -8%,rgba(255,255,255,.045),transparent 70%)}@keyframes atmoSweep{0%{transform:translateY(0);opacity:0}14%{opacity:.85}to{transform:translateY(420%);opacity:0}}.atmo-sweep{position:absolute;left:-10%;right:-10%;top:-32%;height:34%;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--atmo-bloom-c) 55%,transparent),transparent);animation:atmoSweep 1.9s cubic-bezier(.22,1,.36,1) forwards;will-change:transform,opacity}@media(max-width:767px){.atmo-field-a{width:92vmax;height:92vmax;top:-34vmax;left:-30vmax}.atmo-field-b{width:96vmax;height:96vmax;bottom:-36vmax;right:-32vmax}.atmo-field-c,.atmo-rays{display:none}}@property --atmo-lum{syntax: "<number>"; inherits: true; initial-value: 0;}.atmo-brand-veil{position:absolute;inset:0;background:linear-gradient(180deg,#06080ed9,#06080e40 30%,#06080e4d 62%,#06080ecc);opacity:calc(.1 + .34 * var(--atmo-lum))}.atmo-stage{transition-property:--atmo-base,--atmo-sky-top,--atmo-sky-mid,--atmo-sky-bot,--atmo-bloom-c,--atmo-bloom-o,--atmo-glow-a,--atmo-glow-b,--atmo-glow-c,--atmo-veil,--atmo-ground-c,--atmo-city-c,--atmo-city-o,--atmo-aurora-a,--atmo-aurora-b,--atmo-aurora-o,--atmo-ray-c,--atmo-ray-o,--atmo-refl-c,--atmo-refl-o,--atmo-fog-c,--atmo-fog-o,--atmo-horizon,--atmo-lum}@media(prefers-reduced-motion:reduce){.atmo-bloom,.atmo-cityglow,.atmo-refl,.atmo-aurora-band-a,.atmo-aurora-band-b,.atmo-fogband-a,.atmo-fogband-b,.atmo-rays{animation:none}}
