:root{--plane-bg-color-dark:rgb(17,24,39);--plane-color-dark:#a3c;--plane-bg-color-light:#ffffff;--plane-color-light:#a3c}#base{overflow:hidden}#bg{position:relative;height:100%;background:linear-gradient(var(--plane-bg-color-dark) 25%,var(--plane-color-dark) 50%,var(--plane-color-dark) 50%,var(--plane-bg-color-dark) 100%)}.light #bg{background:linear-gradient(var(--plane-bg-color-light) 25%,var(--plane-color-light) 50%,var(--plane-color-light) 50%,var(--plane-bg-color-light) 100%);background:linear-gradient(var(--plane-bg-color-light) 25%,#eaa1ff 50%,#eaa1ff 50%,var(--plane-bg-color-light) 100%)}.wrap{width:100%;height:100%;position:absolute;margin:0 auto;perspective:360px;perspective-origin:50% 50%}.bottom-plane,.top-plane{width:200%;height:130%;position:absolute;bottom:-30%;left:-50%;background-image:linear-gradient(var(--plane-color-dark) 2px,transparent 2px),linear-gradient(to right,var(--plane-color-dark) 2px,transparent 2px);background-size:100px 100px,100px 100px;background-position:-1px -1px,-1px -1px;transform:rotateX(85deg);animation:planeMoveTop 2s linear infinite}.light .bottom-plane,.light .top-plane{background-image:linear-gradient(var(--plane-color-light) 2px,transparent 2px),linear-gradient(to right,var(--plane-color-light) 2px,transparent 2px)}.bottom-plane{transform:rotateX(-85deg);top:-30%;animation:planeMoveBot 2s linear infinite}@keyframes planeMoveTop{0%{background-position:0 -100px,0 0}to{background-position:0 0,100px 0}}@keyframes planeMoveBot{0%{background-position:0 0,0 0}to{background-position:0 -100px,100px 0}}@media (max-height:350px){.wrap{perspective:210px}}:root{--retro-bg-color-dark:#0a0e26;--sky-color-dark:#1a237e;--sun-glow-color-dark:#ff4500;--sun-gradient-dark:linear-gradient(#fcdf11,#ff623f,#fe2085 50%);--ground-color-dark:rgb(17 24 39);--retro-lines-color-dark:#a3c;--retro-bg-color-light:#87ceeb;--sky-color-light:#f0e68c;--sun-glow-color-light:#ffd700;--sun-gradient-light:linear-gradient(#ffeb3b,#ffeb3b 50%);--ground-color-light:#ffffff;--retro-lines-color-light:#000}#retrobg{position:relative;overflow:hidden;color:var(--retro-lines-color-dark);background-color:#000}.light #retrobg{color:var(--retro-lines-color-light)}#retrobg-sky{position:absolute;display:flex;align-items:flex-end;justify-content:center;top:0;width:100%;height:55%;background:linear-gradient(var(--retro-bg-color-dark) 75%,var(--sky-color-dark))}.light #retrobg-sky{background:linear-gradient(var(--retro-bg-color-light) 75%,#3057a4)}#retrobg-sunWrap{position:relative;width:40%;margin-bottom:-15%}#retrobg-sun{--glow-color:var(--sun-glow-color-dark);padding-top:100%;border-radius:50%;background-image:var(--sun-gradient-dark);box-shadow:0 0 160px 80px var(--glow-color);animation:retrobg-sun-glow-anim 2s ease infinite alternate}.light #retrobg-sun{--glow-color:var(--sun-glow-color-light);background-image:var(--sun-gradient-light);box-shadow:0 0 80px 40px var(--glow-color)}.retrobg-shutdown #retrobg-sun{background-image:linear-gradient(#000,#000 40%);--glow-color:#000}@keyframes retrobg-sun-glow-anim{0%{box-shadow:0 0 160px 80px var(--glow-color)}to{box-shadow:0 0 200px 95px var(--glow-color)}}#retrobg-stars{position:absolute;width:100%;height:100%}.retrobg-star{position:absolute;border-radius:50%;width:2px;height:2px;background-color:#fff}#retrobg-mountains{position:absolute;width:100%;height:30%}.retrobg-mountain{position:absolute;width:30%;height:100%;background-image:linear-gradient(#000 70%,#111 85%,#fff1)}#retrobg-mountains-left{left:0;clip-path:polygon(0 100%,0 55%,5% 60%,10% 55%,20% 50%,25% 42%,30% 38%,33% 35%,40% 45%,50% 50%,60% 70%,70% 85%,75% 82%,80% 91%,85% 90%,90% 95%,95% 98%,100% 100%)}#retrobg-mountains-right{right:0;clip-path:polygon(0 100%,5% 95%,10% 85%,15% 87%,20% 80%,25% 78%,30% 65%,40% 70%,50% 57%,60% 53%,67% 68%,70% 70%,75% 66%,80% 55%,90% 50%,95% 60%,100% 57%,100% 100%)}#retrobg-cityWrap{position:absolute;width:50%;margin-left:-1%}#retrobg-city{padding-top:20%}.retrobg-building{position:absolute;width:5%;height:100%;bottom:0;border-radius:4px 4px 0 0;background-image:linear-gradient(0deg,rgba(17,17,34,0),#112 30px,#000)}.retrobg-building:nth-child(odd){background-image:linear-gradient(0deg,rgba(24,24,42,0),#223 30px,#000)}.retrobg-antenna:after{content:"";position:absolute;left:50%;margin-left:calc(-1px - 5%);bottom:100%;width:10%;min-width:2px;height:33%;background-color:#000}#retrobg-ground{position:absolute;overflow:hidden;width:100%;height:45%;bottom:0;border-top:2px solid #bf578c;background-color:var(--ground-color-dark)}.light #retrobg-ground{background-color:var(--ground-color-light)}.retrobg-shutdown #retrobg-ground{border-color:#000}#retrobg-groundShadow{position:absolute;top:0;width:100%;height:100%;background-image:linear-gradient(#000,transparent)}#retrobg-linesWrap{height:100%;perspective:1000px;perspective-origin:top}#retrobg-lines{position:absolute;width:100%;height:100%;transform-origin:top center;animation:retrobg-lines-anim .7s linear infinite}.retrobg-shutdown #retrobg-lines{animation-duration:5s}@keyframes retrobg-lines-anim{0%{transform:rotateX(84deg) translateY(0)}to{transform:rotateX(84deg) translateY(100px)}}#retrobg-hlines,#retrobg-vlines{position:absolute;left:calc((900% - 100%) / -2);width:900%;height:500%}#retrobg-vlines{display:flex;justify-content:center}.retrobg-hline,.retrobg-vline{width:100%;height:100%;background-color:currentColor}.retrobg-hline{height:3px}.retrobg-vline{width:3px}.retrobg-hline+.retrobg-hline{margin-top:98px}.retrobg-vline+.retrobg-vline{margin-left:48px}