/* The transport is a temporary presentation layer; all applications stay mounted. */
.sa-abduction{position:fixed;inset:0;z-index:2147483000;isolation:isolate;overflow:hidden;color:#d7fbe9;cursor:default;touch-action:none;--sa-cyan:#b8ffbb;--sa-socket-y:min(125px,18vh)}
.sa-abduction *{box-sizing:border-box}
.sa-atmosphere,.sa-flash,.sa-speed,.sa-cargo{position:absolute;inset:0;pointer-events:none}
.sa-atmosphere{z-index:0;background:radial-gradient(ellipse at 50% 12%,#112d32 0,#060c1d 60%,#02050c);opacity:0}
.sa-cargo{z-index:3;overflow:hidden;perspective:1200px}
.sa-piece{position:absolute;pointer-events:none!important;transform-origin:center;will-change:transform,opacity;contain:layout style;filter:drop-shadow(0 0 5px #b9ffb133)}
.sa-piece *{pointer-events:none!important;user-select:none!important}
.sa-beam{position:absolute;z-index:2;left:50%;top:var(--sa-socket-y);bottom:-20%;width:min(128vw,1650px);margin-left:max(-64vw,-825px);clip-path:polygon(48% 0,52% 0,100% 100%,0 100%);transform-origin:50% 0;opacity:0;background:linear-gradient(180deg,#d3ffae75 0%,#97ffb026 28%,#76e4bf0d 73%,transparent),conic-gradient(from 159deg at 50% 0%,transparent 0deg,#c4ffb60a 8deg,#a5ffb219 17deg,#cbffb121 21deg,#95ffda0b 28deg,transparent 42deg);filter:drop-shadow(0 0 22px #97ffb633)}
.sa-beam::before,.sa-beam::after{content:'';position:absolute;inset:0;opacity:.65;background:repeating-conic-gradient(from 160deg at 50% 0%,transparent 0deg 4deg,#daffb321 4.2deg 4.7deg,transparent 5deg 9deg);mix-blend-mode:screen}
.sa-beam::after{background:linear-gradient(90deg,transparent 34%,#bbffc63b 48%,#d9ffd15c 50%,#bbffc63b 52%,transparent 66%);opacity:.6}
.sa-beam-grain{position:absolute;inset:0;background-image:radial-gradient(ellipse,#e2ffcc 0 1px,transparent 2px),radial-gradient(ellipse,#a8ffe6c2 0 1px,transparent 2px),radial-gradient(ellipse,#dcff8d80 0 2px,transparent 3px);background-size:83px 117px,131px 89px,199px 173px;background-position:11px 33px,61px 5px,7px 89px;animation:sa-particles 1.7s linear infinite;mask-image:linear-gradient(transparent,#000 12%,#000 78%,transparent);opacity:.7}
.sa-beam-rings{position:absolute;inset:0;background:repeating-radial-gradient(ellipse 80% 12% at 50% 0,transparent 0 47px,#c9ffc617 49px 50px,transparent 52px 100px);animation:sa-rings 1.6s linear infinite;mix-blend-mode:screen}
.sa-beam-edge{position:absolute;top:0;bottom:0;width:2px;transform-origin:50% 0;background:linear-gradient(#efffd3aa,#bcffd555,transparent);filter:blur(.4px);box-shadow:0 0 8px #c8ffd9}
.sa-beam-edge-left{left:48%;transform:rotate(34deg)}.sa-beam-edge-right{left:52%;transform:rotate(-34deg)}
.sa-ufo{position:absolute;z-index:5;top:clamp(12px,3vh,30px);left:50%;width:clamp(220px,30vw,390px);height:clamp(124px,17vw,220px);transform:translate(-50%,-200%);will-change:transform;pointer-events:none}
.sa-ufo img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 7px 5px #020b18aa) drop-shadow(0 0 14px #baffb355)}
.sa-ufo-drive{position:absolute;z-index:1;left:10%;right:10%;bottom:14%;height:12%;border-radius:50%;background:#d4ffab;filter:blur(14px);box-shadow:0 0 45px 8px #a0ffc6;animation:sa-drive 1.2s ease-in-out infinite alternate}
.sa-ufo-intake{position:absolute;z-index:3;left:38%;right:38%;bottom:14%;height:5%;border-radius:50%;background:#f1ffe3;box-shadow:0 0 5px 2px #d0ffb9,0 0 24px 7px #adffb67a;opacity:.9}
.sa-gravity{position:absolute;z-index:1;left:50%;top:75%;width:min(78vw,1000px);aspect-ratio:3.6;border:1px solid #baffad55;border-radius:50%;box-shadow:0 0 45px #86ffc722,inset 0 0 45px #86ffc722;opacity:0;transform:translate(-50%,-50%)}
.sa-gravity::before,.sa-gravity::after{content:'';position:absolute;inset:12%;border:1px dashed #baffb343;border-radius:50%;transform:rotate(-4deg)}.sa-gravity::after{inset:26%;border-style:solid;border-color:#d4ffbe3b;filter:blur(1px)}
.sa-speed{z-index:6;opacity:0;background:linear-gradient(90deg,transparent calc(50% - 2px),#e7ffd8c9 50%,transparent calc(50% + 2px)),linear-gradient(90deg,transparent 43%,#a5ffb61a 49%,#e7ffe7cc 50%,#a5ffb61a 51%,transparent 57%);filter:drop-shadow(-5px 0 3px #91fff77d) drop-shadow(6px 0 3px #bd83ff55);transform-origin:50% 0}
.sa-flash{z-index:7;background:radial-gradient(ellipse at 50% 12%,#f0ffe1 0,#d0f5d6 33%,#a4d0c7 100%);opacity:0}
.sa-controls{position:absolute;z-index:8;left:24px;right:24px;bottom:max(24px,env(safe-area-inset-bottom));display:flex;gap:20px;align-items:center;justify-content:space-between;pointer-events:none}
.sa-status{font:500 10px/1.5 'DM Sans',sans-serif;letter-spacing:.07em;color:#d9ffe2;text-shadow:0 2px 8px #020b18;max-width:32em}
.sa-skip{flex-shrink:0;pointer-events:auto;border:1px solid #c4efc465;border-radius:99px;padding:11px 17px;background:#0e202be8;box-shadow:0 0 25px #060f19a8;color:#e4ffda;font:500 11px/1.4 'DM Sans',sans-serif;cursor:pointer}
.sa-skip span{margin-left:11px;color:#b1ecc6}.sa-skip:hover{background:#203c3c}.sa-skip:focus-visible{outline:2px solid #e8ffb9;outline-offset:4px}
.sa-paused *,.sa-paused *::before,.sa-paused *::after{animation-play-state:paused!important}
@keyframes sa-particles{to{background-position:11px -318px,61px -262px,7px -430px}}
@keyframes sa-rings{to{transform:translateY(-100px) scaleX(.95)}}
@keyframes sa-drive{to{opacity:.58;transform:scaleX(.9)}}
@media(max-width:600px){.sa-ufo{width:230px;height:135px;top:8px}.sa-controls{left:15px;right:15px;bottom:16px;gap:12px}.sa-status{font-size:9px;max-width:20em}.sa-skip{padding:10px 13px;font-size:10px}.sa-beam{width:180vw;margin-left:-90vw}.sa-gravity{width:105vw;top:80%}}
@media(prefers-reduced-motion:reduce){.sa-abduction{display:none}.sa-abduction *{animation:none!important}}
