:root{--space-top:rgb(0, 0, 0);--space-mid:rgb(3, 7, 22);--space-bottom:rgb(8, 23, 63);--ocean:rgb(0, 90, 163);--land:rgb(58, 139, 79);--clouds:rgba(255,255,255,0.85);--earth-glow-inner:rgba(0,180,255,0.5);--earth-glow-outer:rgba(0,120,255,0.15);--twinkle-1:14s;--twinkle-2:19s}.space-horizon{position:fixed;width:100%;height:min(90vh,90rem);overflow:hidden;background:radial-gradient(ellipse 80% 50% at 20% 30%,rgba(75,0,130,.15) 0,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(25,25,112,.2) 0,transparent 50%),radial-gradient(ellipse 100% 80% at 50% 80%,rgba(138,43,226,.1) 0,transparent 60%),linear-gradient(to top,var(--space-bottom),var(--space-mid) 45%,var(--space-top));box-shadow:inset 0 0 150px rgba(0,0,0,.8),inset 0 -100px 80px rgba(0,10,40,.6);border-radius:0}.space-horizon::before{content:"";position:fixed;inset:0;background:-webkit-radial-gradient(circle at 20% 40%,var(--clouds) 0,transparent 35%),-webkit-radial-gradient(circle at 60% 40%,var(--clouds) 0,transparent 20%),-webkit-radial-gradient(circle at 30% 60%,var(--land) 0,transparent 35%),-webkit-radial-gradient(circle at 70% 40%,var(--land) 0,transparent 25%),-webkit-radial-gradient(circle at 50% 80%,var(--land) 0,transparent 30%),var(--ocean);background:radial-gradient(circle at 20% 40%,var(--clouds) 0,transparent 35%),radial-gradient(circle at 60% 40%,var(--clouds) 0,transparent 20%),radial-gradient(circle at 30% 60%,var(--land) 0,transparent 35%),radial-gradient(circle at 70% 40%,var(--land) 0,transparent 25%),radial-gradient(circle at 50% 80%,var(--land) 0,transparent 30%),var(--ocean);background-size:cover;border-radius:50%;width:160%;height:50%;left:-30%;top:89vh;filter:blur(.5px)}.space-horizon .stars{position:absolute;inset:0;pointer-events:none;background-position:0 0,50% 25%,25% 75%,75% 60%,40% 45%;background-repeat:repeat;background-image:radial-gradient(2px 2px at 10% 20%,#fff 99%,transparent 100%),radial-gradient(1px 1px at 80% 30%,rgba(255,255,255,.8) 99%,transparent 100%),radial-gradient(1.5px 1.5px at 30% 80%,rgba(255,255,255,.95) 99%,transparent 100%),radial-gradient(1px 1px at 70% 60%,rgba(186,219,255,.9) 99%,transparent 100%),radial-gradient(1px 1px at 45% 40%,rgba(255,200,150,.7) 99%,transparent 100%);background-size:220px 220px,260px 260px,300px 300px,340px 340px,280px 280px;filter:drop-shadow(0 0 3px rgba(255, 255, 255, .5));animation:twinkle var(--twinkle-1) linear infinite;mix-blend-mode:screen}.space-horizon .stars.layer2{opacity:.8;background-position:15% 10%,65% 35%,40% 85%,85% 55%,30% 50%;background-size:260px 260px,300px 300px,360px 360px,420px 420px,320px 320px;background-image:radial-gradient(1.5px 1.5px at 15% 25%,rgba(255,255,255,.95) 99%,transparent 100%),radial-gradient(1px 1px at 75% 45%,rgba(200,220,255,.85) 99%,transparent 100%),radial-gradient(2px 2px at 35% 70%,#fff 99%,transparent 100%),radial-gradient(1px 1px at 90% 80%,rgba(255,240,200,.75) 99%,transparent 100%),radial-gradient(1px 1px at 50% 55%,rgba(255,255,255,.7) 99%,transparent 100%);filter:drop-shadow(0 0 2px rgba(255, 255, 255, .4));animation-duration:var(--twinkle-2)}@keyframes twinkle{0%{opacity:.7;transform:translateY(0)}50%{opacity:.95;transform:translateY(-.4vh)}100%{opacity:.7;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.space-horizon .stars,.space-horizon .stars.layer2{animation:none}}.fullscreen{height:100vh;border-radius:0}#game-wrapper{position:relative;height:100vh;width:100%;margin-bottom:150px;overflow:hidden}