/* One landscape with three planetary orbits. The landing moon is the ground. */
.alien-surface{position:relative;isolation:isolate;min-height:100vh;width:100%;padding:152px 0 0;color:#edf9f4;overflow:clip;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:transparent}
.alien-surface[hidden],.alien-surface-host[hidden]{display:none!important}
.alien-world-announcement,.alien-surface-title{position:absolute!important;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0}
.alien-surface::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#080c2310,#0b102b28 60%,#100d2833),url('/assets/aliens/world-16bit.png') center center/cover no-repeat,#090d25;image-rendering:pixelated}
.alien-earth-return{position:fixed;top:8px;right:clamp(8px,3.3vw,56px);z-index:14;width:176px;height:143px;padding:0;border:0;border-radius:50%;background:transparent!important;box-shadow:none!important;color:#c2ede0;cursor:pointer;display:block;font:9px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;text-align:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.alien-earth-return>canvas{position:absolute;inset:0;width:176px;height:126px;display:block;image-rendering:pixelated;pointer-events:none;filter:drop-shadow(0 0 6px #55a9cc30)}
.alien-earth-return>span{position:absolute;left:0;right:0;bottom:3px;letter-spacing:.16em;text-shadow:1px 2px 0 #071327,0 0 5px #071327}
.alien-earth-return>span>span{display:block;letter-spacing:.015em;font-size:9px;color:#e5f4ee;margin-top:1px}
.alien-earth-return:hover>canvas{filter:drop-shadow(0 0 10px #78d6e15c)}
.alien-earth-return:hover>span>span{text-decoration:underline;text-underline-offset:3px}
.alien-earth-return:focus-visible{outline:1px dashed #beffdc;outline-offset:1px;background:#08152a44!important}
.alien-orbit-map{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));max-width:1800px;margin:auto;padding:0 clamp(16px,3vw,54px)}
.alien-scene{position:relative;min-width:0;background:transparent;border:0;box-shadow:none}
.alien-scene--asteroids{grid-column:1/9;grid-row:1;max-width:940px;z-index:2}
.alien-scene--invaders{grid-column:5/13;grid-row:2;margin-top:-110px;padding-bottom:clamp(100px,21vw,220px);max-width:940px;justify-self:end;width:100%;z-index:3}
.alien-scene--moonrunner{grid-column:1/-1;grid-row:3;margin:4px calc(clamp(16px,3vw,54px)*-1) 0;z-index:4}
/* Planets are painted behind the transparent game sprites, not inside a panel. */
.alien-scene .aa-game-stage::before,.alien-scene .aa-game-stage::after{content:"";position:absolute;pointer-events:none;z-index:-1}
.alien-scene--asteroids .aa-game-stage::before{width:67%;aspect-ratio:1;left:19%;top:-4%;background:url('/assets/aliens/moon-16bit.png') center/contain no-repeat;filter:hue-rotate(133deg) saturate(.77) brightness(.83);image-rendering:pixelated;transform:rotate(-23deg)}
.alien-scene--asteroids .aa-game-stage::after{width:90%;height:29%;left:5%;top:32%;border:2px solid #bba98b50;border-left-color:#c6d7b119;border-right-color:#e8d1a64f;border-radius:50%;transform:rotate(-28deg);box-shadow:0 7px 0 -5px #d2bf9342,0 -8px 0 -6px #a3aa8b24}
.alien-scene--invaders .aa-game-stage::before{width:89%;aspect-ratio:1;left:9%;top:20%;background:url('/assets/aliens/moon-16bit.png') center/contain no-repeat;filter:hue-rotate(288deg) saturate(.78) brightness(.78);image-rendering:pixelated;transform:rotate(26deg);-webkit-mask-image:linear-gradient(#000 0 68%,transparent 96%);mask-image:linear-gradient(#000 0 68%,transparent 96%)}
.alien-scene--invaders .aa-game-stage::after{width:83%;aspect-ratio:1;left:12%;top:21%;border:1px solid #bcb7ff3b;border-radius:50%;filter:drop-shadow(0 0 10px #7a64f02e);-webkit-mask-image:linear-gradient(#000 0 38%,transparent 67%);mask-image:linear-gradient(#000 0 38%,transparent 67%)}
.alien-surface .space-game{margin:0;padding:0;background:transparent}
.alien-surface .planet-runner{margin:0 auto;padding:0 clamp(22px,4vw,70px);max-width:none;background:transparent;border:0;box-shadow:none;overflow:visible}
.alien-surface .planet-runner-heading{position:relative;min-height:0;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(0px,4vw,65px);gap:22px;z-index:2}
.alien-surface .planet-runner-kicker{margin-bottom:9px;font-size:9px;letter-spacing:.18em;color:#b6d4d2}
.alien-surface .planet-runner h2{font-size:clamp(20px,2.5vw,32px);letter-spacing:-.045em;text-shadow:2px 2px #19324c}
.alien-surface .planet-runner-intro{display:none}
.alien-surface .planet-runner-controls{gap:12px;padding:0}
.alien-surface .planet-runner-controls button,.alien-surface .planet-runner-jump{min-height:40px;padding:8px 0;border:0;border-radius:0;background:transparent!important;box-shadow:none!important;color:#d1ffe8!important;font-size:11px;text-shadow:1px 2px #071327}
.alien-surface .planet-runner-controls button:hover,.alien-surface .planet-runner-jump:hover{color:#fff!important;text-decoration:underline;text-underline-offset:5px;transform:none}
.alien-surface .planet-runner-controls .planet-runner-play{gap:12px}
.alien-surface .planet-runner-stage{margin-top:5px;height:620px}
.alien-surface .planet-runner-stage>canvas{-webkit-mask-image:none;mask-image:none}
.alien-surface .planet-runner-hud,.alien-surface .planet-runner-hint,.alien-surface .planet-runner-prompt{background:transparent;border:0;box-shadow:none;text-shadow:1px 2px 0 #071528,0 0 7px #071528}
.alien-surface .planet-runner-hud{top:48px;left:clamp(0px,4vw,65px);padding:0;gap:18px}
.alien-surface .planet-runner-hud small{font-size:8px}
.alien-surface .planet-runner-hud strong{font-size:21px}
.alien-surface .planet-runner-hint{top:53px;right:clamp(0px,4vw,65px);padding:0;font-size:9px}
.alien-surface .planet-runner-hint kbd{background:transparent;border:0;padding:0}
.alien-surface .planet-runner-prompt{bottom:30px;left:clamp(0px,4vw,65px);padding:0;font-size:10px}
.alien-surface .planet-runner-jump{bottom:26px;right:clamp(0px,4vw,65px);backdrop-filter:none}
@media(min-width:1500px){.alien-surface{padding-top:162px}.alien-scene--invaders{margin-top:-155px}.alien-surface .planet-runner-stage{height:680px}}
@media(max-width:1000px) and (min-width:761px){.alien-scene--asteroids{grid-column:1/11}.alien-scene--invaders{grid-column:3/13;margin-top:50px}.alien-scene--moonrunner{margin-top:30px}}
@media(max-width:760px){.alien-surface{padding-top:135px}.alien-earth-return{top:3px;right:3px;width:132px;height:123px}.alien-earth-return>canvas{width:132px;height:95px}.alien-earth-return>span{bottom:9px;font-size:8px}.alien-earth-return>span>span{font-size:8px}.alien-orbit-map{padding:0 18px;grid-template-columns:repeat(12,minmax(0,1fr))}.alien-scene--asteroids{grid-column:1/12}.alien-scene--invaders{grid-column:2/13;margin-top:60px}.alien-scene--moonrunner{margin:70px -18px 0}.alien-surface .planet-runner{padding-inline:20px}.alien-surface .planet-runner-heading{gap:12px;padding:0;align-items:center;flex-direction:row}.alien-surface .planet-runner h2{font-size:24px}.alien-surface .planet-runner-kicker{font-size:8px}.alien-surface .planet-runner-controls{max-width:170px;justify-content:flex-end;gap:8px}.alien-surface .planet-runner-controls button{font-size:10px;min-height:38px}.alien-surface .planet-runner-stage{height:480px;margin-top:8px}.alien-surface .planet-runner-hud{top:20px;left:0;gap:14px}.alien-surface .planet-runner-hud strong{font-size:20px}.alien-surface .planet-runner-hud small{font-size:7px}.alien-surface .planet-runner-hint{top:95px;right:auto;left:0;bottom:auto;max-width:190px;font-size:8px}.alien-surface .planet-runner-prompt{left:0;max-width:210px;bottom:24px}.alien-surface .planet-runner-jump{right:0;bottom:22px}}
@media(max-width:420px){.alien-orbit-map{padding-inline:12px}.alien-scene--moonrunner{margin-left:-12px;margin-right:-12px}.alien-surface .planet-runner{padding-inline:16px}.alien-surface .planet-runner-stage{height:460px}.alien-surface .planet-runner-prompt{max-width:175px}.alien-earth-return{right:0}.alien-surface .planet-runner h2{font-size:22px}.alien-surface .planet-runner-controls{max-width:145px}}
@media(prefers-reduced-motion:reduce){.alien-earth-return *{transition:none!important}}
@media(forced-colors:active){.alien-earth-return{outline:1px solid ButtonText;background:Canvas!important}.alien-earth-return>span{color:ButtonText;text-shadow:none}.alien-earth-return>span>span{color:ButtonText}.alien-surface .planet-runner-controls button,.alien-surface .planet-runner-jump{color:ButtonText!important}}