.atmosphere-layer{z-index:0;pointer-events:none;transition:opacity 2s ease-out;position:fixed;inset:0}.atmosphere-layer.space{opacity:1;background:radial-gradient(at 50% 0,#281e3c66 0%,#0000 50%),radial-gradient(at 80% 20%,#140f2380 0%,#0000 40%),linear-gradient(#050508 0%,#020203 60%,#010101 100%)}.atmosphere-layer.night{opacity:0;background:radial-gradient(at 50% 100%,#3c325040 0%,#0000 45%),radial-gradient(at 20% 10%,#283c6433 0%,#0000 35%),linear-gradient(#0a1020 0%,#080c18 40%,#050810 100%)}.atmosphere-layer.dawn{opacity:0;background:radial-gradient(at 50% 100%,#c76b4a59 0%,#b4505a26 30%,#0000 55%),radial-gradient(at 70% 80%,#d4a05640 0%,#0000 40%),radial-gradient(at 30% 20%,#5a3c7833 0%,#0000 35%),linear-gradient(#1a1430 0%,#201530 25%,#2a1a28 50%,#3a2020 100%)}.atmosphere-layer.golden{opacity:0;background:radial-gradient(at 50% 100%,#d4a05673 0%,#c76b4a33 25%,#0000 55%),radial-gradient(at 30% 90%,#e6b46433 0%,#0000 35%),linear-gradient(#2a2030 0%,#3a2820 30%,#4a3020 60%,#5a3520 100%)}.atmosphere-layer.day{opacity:0;background:radial-gradient(at 50% 0,#dcf0ff26 0%,#0000 40%),radial-gradient(at 50% 100%,#b4d2e61f 0%,#0000 50%),linear-gradient(#4a7aa0 0%,#6a9ab8 30%,#8ab8c8 60%,#a8d0d8 100%)}body[data-sky=space] .atmosphere-layer.space,body[data-sky=night] .atmosphere-layer.night,body[data-sky=dawn] .atmosphere-layer.dawn,body[data-sky=golden] .atmosphere-layer.golden,body[data-sky=day] .atmosphere-layer.day{opacity:1}.celestial-body{z-index:1;pointer-events:none;opacity:0;border-radius:50%;width:80px;height:80px;transition:opacity 2s ease-out,transform 2s ease-out,background 2s ease-out,box-shadow 2s ease-out;position:fixed;top:15%;right:20%}body[data-sky=space] .celestial-body{opacity:.9;background:radial-gradient(circle,#f5f0eb 0%,#d0c8c0 50%,#0000 70%);transform:translateY(0);box-shadow:0 0 40px #f5f0eb33}body[data-sky=night] .celestial-body{opacity:.7;background:radial-gradient(circle,#e8e0d6 0%,#a8a0a0 50%,#0000 70%);transform:translateY(20px);box-shadow:0 0 30px #f5f0eb1a}body[data-sky=dawn] .celestial-body{opacity:.85;background:radial-gradient(circle,#f5d0a8 0%,#e8a880 50%,#0000 70%);transform:translateY(40px);box-shadow:0 0 60px #d4a05666}body[data-sky=golden] .celestial-body{opacity:.95;background:radial-gradient(circle,#fae8c0 0%,#f5c070 50%,#0000 70%);transform:translateY(80px);box-shadow:0 0 80px #e6b46480}body[data-sky=day] .celestial-body{opacity:1;background:radial-gradient(circle,#fff8e0 0%,#fae8a0 50%,#0000 70%);transform:translateY(120px);box-shadow:0 0 100px #faf0a099}.star{pointer-events:none;z-index:1;background:#faf7f2e6;border-radius:50%;transition:opacity 2s ease-out;animation:3s ease-in-out infinite star-twinkle;position:fixed}body[data-sky=dawn] .star,body[data-sky=golden] .star,body[data-sky=day] .star{opacity:0!important}@keyframes star-twinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.cloud{pointer-events:none;z-index:2;opacity:0;will-change:transform;background:currentColor;border-radius:100px;transition:opacity 2s ease-out;position:fixed}body[data-sky=dawn] .cloud,body[data-sky=golden] .cloud,body[data-sky=day] .cloud{opacity:.85}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.cloud-1{color:#faf7f214;width:220px;height:60px;animation:50s linear infinite cloud-drift-1;top:25%;left:-5%}.cloud-1:before{width:90px;height:90px;top:-45px;left:30px}.cloud-1:after{width:70px;height:70px;top:-35px;right:40px}.cloud-2{color:#faf7f20f;width:180px;height:50px;animation:65s linear infinite cloud-drift-2;top:40%;right:-5%}.cloud-2:before{width:75px;height:75px;top:-38px;left:25px}.cloud-2:after{width:60px;height:60px;top:-30px;right:35px}.cloud-3{color:#faf7f21a;width:260px;height:70px;animation:55s linear infinite cloud-drift-3;top:60%;left:25%}.cloud-3:before{width:100px;height:100px;top:-50px;left:40px}.cloud-3:after{width:80px;height:80px;top:-40px;right:50px}.cloud-4{color:#faf7f20f;width:160px;height:45px;animation:45s linear infinite cloud-drift-4;top:75%;right:15%}.cloud-4:before{width:65px;height:65px;top:-32px;left:20px}.cloud-4:after{width:55px;height:55px;top:-27px;right:25px}.cloud-5{color:#faf7f21f;width:300px;height:80px;animation:80s linear infinite reverse cloud-drift-1;bottom:15%;left:-15%}.cloud-5:before{width:110px;height:110px;top:-55px;left:50px}.cloud-5:after{width:90px;height:90px;top:-45px;right:60px}.cloud-6{color:#faf7f214;width:200px;height:55px;animation:70s linear infinite reverse cloud-drift-2;bottom:25%;right:-10%}.cloud-6:before{width:80px;height:80px;top:-40px;left:35px}.cloud-6:after{width:65px;height:65px;top:-32px;right:40px}.cloud-7{color:#faf7f20d;width:150px;height:40px;animation:60s linear infinite reverse cloud-drift-3;top:15%;left:55%}.cloud-7:before{width:60px;height:60px;top:-30px;left:20px}.cloud-7:after{width:50px;height:50px;top:-25px;right:20px}.cloud-8{color:#faf7f212;width:240px;height:65px;animation:75s linear infinite cloud-drift-4;bottom:35%;left:45%}.cloud-8:before{width:95px;height:95px;top:-47px;left:40px}.cloud-8:after{width:75px;height:75px;top:-37px;right:45px}body[data-sky=dawn] .cloud,body[data-sky=golden] .cloud{color:#faebd226}body[data-sky=day] .cloud{color:#ffffffbf}@keyframes cloud-drift-1{0%{transform:translate(0)translateY(0)}50%{transform:translate(80px)translateY(-15px)}to{transform:translate(0)translateY(0)}}@keyframes cloud-drift-2{0%{transform:translate(0)translateY(0)}50%{transform:translate(-70px)translateY(20px)}to{transform:translate(0)translateY(0)}}@keyframes cloud-drift-3{0%{transform:translate(0)translateY(0)}50%{transform:translate(60px)translateY(-25px)}to{transform:translate(0)translateY(0)}}@keyframes cloud-drift-4{0%{transform:translate(0)translateY(0)}50%{transform:translate(-55px)translateY(15px)}to{transform:translate(0)translateY(0)}}.contrail{pointer-events:none;z-index:2;color:#faf7f214;opacity:0;width:400px;height:100px;transition:opacity 2s ease-out;position:fixed}body[data-sky=dawn] .contrail,body[data-sky=golden] .contrail,body[data-sky=day] .contrail{opacity:.6}body[data-sky=day] .contrail{color:#fff6}.contrail-1{animation:20s ease-in-out infinite contrail-fade;top:20%;left:10%;transform:rotate(-5deg)scale(.8)}.contrail-2{animation:25s ease-in-out 5s infinite contrail-fade;top:45%;right:15%;transform:rotate(8deg)scale(.7)}.contrail-3{animation:22s ease-in-out 10s infinite contrail-fade;top:65%;left:35%;transform:rotate(-3deg)scale(.6)}@keyframes contrail-fade{0%,to{opacity:.2}50%{opacity:.6}}.city-lights{z-index:2;pointer-events:none;opacity:0;background:linear-gradient(#0000 0%,#0a080fcc 100%);height:35vh;transition:opacity 2s ease-out;position:fixed;bottom:0;left:0;right:0}body[data-sky=night] .city-lights,body[data-sky=dawn] .city-lights{opacity:1}body[data-sky=space] .city-lights,body[data-sky=golden] .city-lights,body[data-sky=day] .city-lights{opacity:0}.city-light{background:#f5e0b4cc;border-radius:50%;animation:4s ease-in-out infinite city-flicker;position:absolute;box-shadow:0 0 4px #f5e0b466}@keyframes city-flicker{0%,to{opacity:.3}50%{opacity:.9}}.horizon-glow{pointer-events:none;z-index:1;opacity:0;background:linear-gradient(#0000 30%,#c76b4a1f 100%);height:45vh;transition:opacity 2s ease-out;position:fixed;bottom:0;left:0;right:0}body[data-sky=dawn] .horizon-glow,body[data-sky=golden] .horizon-glow{opacity:1}body[data-sky=day] .horizon-glow{opacity:.5;background:linear-gradient(#0000 40%,#ffffff14 100%)}.wing-silhouette{z-index:85;pointer-events:none;color:#08080ad9;opacity:0;mix-blend-mode:multiply;width:45vw;height:100vh;transition:opacity 2s ease-out;position:fixed;bottom:0;left:-2%}body[data-sky=night] .wing-silhouette,body[data-sky=dawn] .wing-silhouette,body[data-sky=golden] .wing-silhouette,body[data-sky=day] .wing-silhouette{opacity:1}body[data-sky=space] .wing-silhouette{opacity:.4}.window-frame{z-index:90;pointer-events:none;position:fixed;inset:0}.window-frame .frame-outer{background:linear-gradient(#08080af2 0%,#0c0c0ed9 8%,#0000 16% 84%,#0c0c0ed9 92%,#08080af2 100%),linear-gradient(90deg,#08080af2 0%,#0c0c0ed9 6%,#0000 12% 88%,#0c0c0ed9 94%,#08080af2 100%);position:absolute;inset:0}.window-frame .frame-inner{border:1px solid #faf7f214;border-radius:48px;position:absolute;inset:clamp(20px,4vh,50px);box-shadow:inset 0 0 0 1px #00000080,inset 0 0 30px #0000004d,0 0 0 1px #0000004d}.altimeter{z-index:91;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:50%;right:clamp(28px,5vh,70px);transform:translateY(-50%)}.altimeter-label{letter-spacing:.15em;color:#f5f0eb8c;font-family:monospace;font-size:8px}.altimeter-track{background:#f5f0eb14;border-radius:1px;width:2px;height:120px;position:relative;overflow:hidden}.altimeter-fill{background:linear-gradient(#c76b4a4d,#c76b4a);border-radius:1px;transition:height .1s linear;position:absolute;bottom:0;left:0;right:0}.altimeter-ticks{flex-direction:column;justify-content:space-between;align-items:flex-end;height:120px;display:flex;position:absolute;top:50%;right:calc(100% + 6px);transform:translateY(-50%)}.altimeter-tick{background:#f5f0eb40;width:4px;height:1px}.altimeter-tick.major{background:#f5f0eb73;width:8px}.altimeter-tick-label{color:#f5f0eb80;white-space:nowrap;margin-right:8px;font-family:monospace;font-size:8px;position:absolute;right:100%;transform:translateY(-50%)}.altimeter-value{color:#c76b4a;letter-spacing:.05em;text-align:center;min-width:24px;font-family:monospace;font-size:10px}@media (max-width:768px){.altimeter{right:24px}.altimeter-track,.altimeter-ticks{height:80px}}.flight-progress{z-index:91;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:clamp(24px,4.5vh,55px);left:50%;transform:translate(-50%)}.flight-progress-label{letter-spacing:.2em;color:#f5f0eb8c;font-family:monospace;font-size:8px}.flight-progress-track{align-items:center;gap:clamp(8px,2vw,20px);display:flex}.flight-progress-step{flex-direction:column;align-items:center;gap:6px;display:flex}.flight-progress-dot{background:#f5f0eb1f;border-radius:50%;width:6px;height:6px;transition:background .3s;position:relative;overflow:hidden}.flight-progress-dot.active{background:#c76b4a;box-shadow:0 0 10px #c76b4a80}.flight-progress-dot.past{background:#c76b4a80}.flight-progress-pulse{transform-origin:0;background:#f5f0eb66;border-radius:50%;width:100%;position:absolute;top:0;bottom:0;left:0}.flight-progress-step-label{letter-spacing:.1em;color:#f5f0eb40;font-family:monospace;font-size:8px;transition:color .3s}.flight-progress-step-label.active{color:#c76b4a}@media (max-width:640px){.flight-progress-step-label{display:none}.flight-progress-track{gap:12px}}.window-frame .frame-glare{background:linear-gradient(135deg,#faf7f20a 0%,#0000 70%);border-radius:50%;width:clamp(80px,12vw,160px);height:clamp(40px,6vw,80px);position:absolute;top:clamp(30px,5vh,60px);right:clamp(30px,5vh,60px);transform:rotate(-20deg)}.window-frame .frame-vignette{position:absolute;inset:0;box-shadow:inset 0 0 100px 30px #0003,inset 0 0 30px 8px #0000001f}.reveal-section{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.reveal-section.is-visible{opacity:1;transform:translateY(0)}.scroll-line{animation:2s ease-in-out infinite scroll-pulse}@keyframes scroll-pulse{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(8px)}}@keyframes float{0%,to{transform:translateY(0)translate(0)}25%{transform:translateY(-20px)translate(10px)}50%{transform:translateY(-10px)translate(-5px)}75%{transform:translateY(-30px)translate(5px)}}@keyframes runway-pulse{0%,to{opacity:.3}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.star,.cloud,.contrail,.city-light,.reveal-section,.atmosphere-layer{transition:none!important;animation:none!important}.reveal-section{opacity:1;transform:none}}@media (max-width:768px){.wing-silhouette{width:60vw;left:-5%}.window-frame .frame-inner{border-radius:32px}.celestial-body{width:50px;height:50px;right:15%}}