/* A quiet, animated universe. Only transforms and opacity animate. */
body,body.auth-body{isolation:isolate;background:#050a16}
.amber-cosmos{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 84% 4%,#24346a66,transparent 55%),radial-gradient(ellipse at 30% 80%,#28306433,transparent 58%),linear-gradient(135deg,#060b19,#050817 65%,#08152a);contain:strict}
.cosmos-nebula{position:absolute;inset:0;background:radial-gradient(ellipse at 67% 32%,#274f741c,transparent 40%),radial-gradient(ellipse at 78% 58%,#583a8826,transparent 45%),radial-gradient(ellipse at 8% 15%,#29627420,transparent 40%)}
.cosmos-stars{position:absolute;inset:-6%;background:url('/static/amber-stars.svg?v=roam17') center/960px 720px repeat;opacity:1;animation:cosmos-drift 100s ease-in-out infinite alternate;will-change:transform}
.cosmos-stars-near{inset:-8%;background-position:70% 20%;background-size:1350px 1012px;opacity:.32;animation:cosmos-breathe 16s ease-in-out infinite alternate}
.cosmos-saturn{position:absolute;right:-95px;top:-125px;width:560px;aspect-ratio:1.35;background:url('/static/amber-saturn.svg?v=cosmos9') center/contain no-repeat;opacity:.78;animation:cosmos-planet 85s ease-in-out infinite alternate;transform-origin:50% 50%}
.cosmos-blue-world{position:absolute;left:26%;bottom:-280px;width:580px;aspect-ratio:1;background:url('/static/amber-blue-world.svg?v=cosmos9') center/contain no-repeat;opacity:.4;animation:cosmos-world 105s ease-in-out infinite alternate}
.cosmos-distant-moon{position:absolute;left:24px;top:55%;width:49px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 25% 27%,#d4e7f0,#7d9ab8 24%,#243449 49%,#080e1c 72%);opacity:.35}
.cosmos-shooting-star{position:absolute;left:63%;top:20%;width:110px;height:1px;opacity:0;background:linear-gradient(90deg,transparent,#91d7ff);transform:rotate(-28deg);animation:cosmos-meteor 43s linear infinite;animation-delay:-13s}
.cosmos-shooting-star:after{content:'';position:absolute;right:0;top:-1px;width:3px;height:3px;border-radius:50%;background:#e7faff}
.cosmos-shooting-star.second{left:36%;top:5%;width:76px;animation-duration:61s;animation-delay:-30s}
.future-hero{background:linear-gradient(112deg,#0b1b30f2 5%,#101b34e0 52%,#0a1831b0);border-color:#4b6085;box-shadow:0 20px 65px #02050e55}.future-hero:before{opacity:.1}
.future-orbit:before{content:'';position:absolute;inset:0;background:url('/static/amber-stars.svg?v=roam17') center/740px auto;opacity:.94;z-index:-1;pointer-events:none}
.amber-orbit-planet{position:absolute;width:145px;aspect-ratio:1.35;right:-8px;top:5px;background:url('/static/amber-saturn.svg?v=cosmos9') center/contain no-repeat;opacity:.68;z-index:0;animation:cosmos-planet 70s ease-in-out infinite alternate}
.future-topline .future-kicker{color:#b4c9f6}.future-topline>div>p{color:#b4c4dc}.future-chip{background:#111e35e8}.future-tools .future-tool{background:linear-gradient(125deg,#102137ee,#10192bf0)}
.amber-orbit-note{border-color:#3c4768}.future-stats{border-color:#334161}.future-arcade-callout{background:radial-gradient(ellipse at 0 100%,#684b7355,transparent 65%),linear-gradient(100deg,#102841ed,#1b2140ee)}
.arcade-hero{background:radial-gradient(ellipse at 80% 30%,#76578655,transparent 54%),linear-gradient(110deg,#10263be8,#141b36e0)}
.auth-card{background:linear-gradient(150deg,#14223eee,#0b1526f2);border-color:#536080}.auth-wrap{position:relative}
.amber-page-hidden .amber-cosmos *,.amber-motion-off .amber-cosmos *,.amber-playing .amber-cosmos *,.game-focus .amber-cosmos *{animation-play-state:paused!important}
.game-focus .amber-cosmos{visibility:hidden}
@keyframes cosmos-drift{from{transform:translate3d(-1.3%,-1%,0) scale(1)}to{transform:translate3d(1.3%,1%,0) scale(1.025)}}
@keyframes cosmos-breathe{0%{opacity:.2;transform:translate3d(0,0,0)}100%{opacity:.45;transform:translate3d(-1%,1%,0)}}
@keyframes cosmos-planet{from{transform:translate3d(0,0,0) rotate(-4deg)}to{transform:translate3d(-15px,14px,0) rotate(5deg)}}
@keyframes cosmos-world{from{transform:translate3d(0,0,0) rotate(-9deg)}to{transform:translate3d(18px,-12px,0) rotate(8deg)}}
@keyframes cosmos-meteor{0%,94%{opacity:0;transform:translate3d(0,0,0) rotate(-28deg)}95%{opacity:.7}98%,100%{opacity:0;transform:translate3d(300px,170px,0) rotate(-28deg)}}
@media(min-width:1101px){.cosmos-distant-moon{left:235px}}
@media(max-width:760px){.cosmos-saturn{width:365px;right:-105px;top:-45px;opacity:.65}.cosmos-blue-world{width:360px;left:-115px;bottom:35px;opacity:.24}.cosmos-distant-moon{display:none}.cosmos-stars{background-size:720px 540px;opacity:1}.cosmos-stars-near{background-size:1100px 825px;opacity:.4}.cosmos-shooting-star.second{display:none}.amber-orbit-planet{width:115px;right:0;top:-4px}.future-hero{background:linear-gradient(160deg,#0b1b30e8,#141d38dc 55%,#101c34bf)}}
@media(prefers-reduced-motion:reduce){.amber-cosmos *,.amber-orbit-planet{animation:none!important}.cosmos-shooting-star{display:none}}

/* Celestial light follows each visitor's local clock. Text surfaces stay dark. */
:root{--amber-celestial:url('/static/amber-moon-640.webp?v=celestial10');--sky-near-low:.30;--sky-near-high:.62;--meteor-light:#a7dbff}
:root[data-amber-sky=day]{--amber-celestial:url('/static/amber-sun-640.webp?v=celestial10');--sky-near-low:.07;--sky-near-high:.18;--meteor-light:#ffcf82}
.cosmos-day-glow{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at 91% 4%,#d7793d45,transparent 44%),radial-gradient(ellipse at 60% 55%,#7265b625,transparent 62%);transition:opacity 2s}
[data-amber-sky=day] .cosmos-day-glow{opacity:1}
.cosmos-celestial{position:absolute;top:-72px;right:-30px;width:430px;aspect-ratio:1;background:var(--amber-celestial) center/contain no-repeat;opacity:.88;animation:celestial-float 80s ease-in-out infinite alternate;transform-origin:center}
[data-amber-sky=day] .cosmos-celestial{opacity:.9}
.cosmos-horizon{position:absolute;bottom:-470px;left:20%;width:1000px;height:560px;border-radius:50%;border-top:1px solid #8ba8dd3d;background:radial-gradient(ellipse at 50% 0%,#274c6b26,transparent 60%);box-shadow:0 -15px 80px #6282d312;transform:rotate(-12deg)}
.cosmos-stars-near{animation-name:celestial-twinkle}
.future-topline{background:linear-gradient(90deg,#071321c9,transparent);border-radius:12px}
[data-amber-sky=day] .cosmos-stars:not(.cosmos-stars-near){opacity:.36}
.amber-orbit-planet{display:none}
[data-amber-sky=day] .future-hero{border-color:#6a6370;background:linear-gradient(112deg,#0b1b30f5 5%,#1e2239eb 52%,#2b2346b5)}
[data-amber-sky=day] .amber-orbit-note b{color:#f5ca90}
.cosmos-meteor{position:absolute;top:4%;left:36%;width:145px;height:2px;opacity:0;transform:rotate(36deg);transform-origin:right center;background:linear-gradient(90deg,transparent 0%,#bfdbff66 65%,var(--meteor-light));border-radius:50%;animation:celestial-meteor 13s linear infinite;animation-delay:-1s}
.cosmos-meteor:after{content:'';position:absolute;right:-3px;top:-3px;width:8px;height:8px;border-radius:45%;background:radial-gradient(circle at 30% 25%,#fff6d3,#ffc778 35%,#865945 65%,#332d40);box-shadow:0 0 9px #ffcf98,0 0 24px #89caff77}
.meteor-two{left:65%;top:24%;width:104px;animation-duration:17s;animation-delay:-7s}
.meteor-three{left:5%;top:43%;width:118px;animation-duration:19s;animation-delay:-12s}
@keyframes celestial-float{from{transform:translate3d(0,0,0) rotate(-3deg)}to{transform:translate3d(-10px,12px,0) rotate(3deg)}}
@keyframes celestial-twinkle{from{opacity:var(--sky-near-low);transform:translate3d(0,0,0)}to{opacity:var(--sky-near-high);transform:translate3d(-1%,1%,0)}}
@keyframes celestial-meteor{0%{opacity:0;transform:translate3d(-140px,-102px,0) rotate(36deg)}2%{opacity:.82}17%{opacity:.72}22%,100%{opacity:0;transform:translate3d(440px,320px,0) rotate(36deg)}}
.amber-motion-off .amber-orbit-planet,.amber-page-hidden .amber-orbit-planet{animation-play-state:paused!important}
.amber-motion-off .cosmos-meteor{visibility:hidden}
@media(max-width:760px){
 :root{--amber-celestial:url('/static/amber-moon-320.webp?v=celestial10')}
 :root[data-amber-sky=day]{--amber-celestial:url('/static/amber-sun-320.webp?v=celestial10')}
 .cosmos-celestial{width:280px;right:-58px;top:-26px;opacity:.83}
 .amber-orbit-planet{width:130px;right:0;top:-8px}
 .cosmos-horizon{left:-160px;width:730px;bottom:-510px}
 .cosmos-meteor{left:16%;width:104px}.meteor-two{left:62%;top:25%;width:78px}.meteor-three{left:-20%;top:51%;width:85px}
}
@media(prefers-reduced-motion:reduce){.cosmos-meteor{display:none}.cosmos-day-glow{transition:none}}

/* Visible traffic occupies the sky and the illustration, never the text layer. */
.cosmos-meteor{width:175px;height:2px;top:8%;left:36%;animation:amber-meteor-fall 8.5s linear infinite;animation-delay:-.7s;background:linear-gradient(90deg,transparent,#81cfff66 42%,#c8f5ff 87%,#fff0ce)}
.cosmos-meteor:after{width:7px;height:7px;box-shadow:0 0 8px #ffe5b3,0 0 20px #7eccff9c}
.meteor-two{left:72%;top:19%;width:130px;animation-duration:10.5s;animation-delay:-4.7s}
.meteor-three{left:9%;top:49%;width:145px;animation-duration:12s;animation-delay:-8s}
.cosmos-rocket{position:absolute;left:19%;top:16%;width:154px;height:44px;opacity:0;background:url('/static/amber-rocket.svg?v=life27') center/contain no-repeat;animation:amber-rocket-flight 24s linear infinite;animation-delay:-5s;--rocket-x:65vw;--rocket-y:-90px}
.rocket-distant{left:-100px;top:68%;width:90px;height:26px;animation-duration:32s;animation-delay:-20s;--rocket-x:108vw;--rocket-y:-160px}
.auth-body .cosmos-rocket{left:58%;--rocket-x:50vw}
.amber-orbit-traffic{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.amber-orbit-traffic .cosmos-meteor{left:0;top:5%;width:98px;animation-duration:7s;animation-delay:-1s}
.amber-orbit-traffic .meteor-two{left:53%;top:4%;width:75px;animation-duration:11s;animation-delay:-6s}
.amber-orbit-traffic .cosmos-rocket{left:-100px;top:32%;width:132px;height:38px;--rocket-x:600px;--rocket-y:-85px;animation-duration:18s;animation-delay:-5s}
@keyframes amber-meteor-fall{0%{opacity:0;transform:translate3d(-160px,-116px,0) rotate(36deg)}3%{opacity:1}24%{opacity:.85}32%,100%{opacity:0;transform:translate3d(430px,313px,0) rotate(36deg)}}
@keyframes amber-rocket-flight{0%{opacity:0;transform:translate3d(0,0,0) rotate(-7deg)}5%{opacity:.95}64%{opacity:.95}75%,100%{opacity:0;transform:translate3d(var(--rocket-x),var(--rocket-y),0) rotate(-7deg)}}
.amber-motion-off .cosmos-rocket,.amber-page-hidden .cosmos-rocket{animation-play-state:paused!important}
.amber-motion-off .cosmos-rocket,.amber-motion-off .amber-orbit-traffic{visibility:hidden}
@media(max-width:760px){.cosmos-meteor{left:18%;width:125px}.meteor-two{left:61%;top:20%;width:95px}.meteor-three{left:-15%;top:56%;width:106px}.cosmos-rocket{left:-60px;top:17%;width:122px;height:35px;--rocket-x:120vw;--rocket-y:-45px}.rocket-distant{top:77%;width:78px;height:23px;--rocket-y:-100px}.amber-orbit-traffic .cosmos-rocket{width:108px;height:31px;--rocket-x:490px;--rocket-y:-68px}}
@media(prefers-reduced-motion:reduce){.cosmos-rocket,.amber-orbit-traffic{display:none}}

/* Observatory finish: a non-repeating stellar field and quieter light falloff. */
.amber-cosmos{background:radial-gradient(ellipse at 86% 3%,#24385960,transparent 52%),linear-gradient(145deg,#040913,#070c1c 64%,#071220)}
.cosmos-deep-field{position:absolute;inset:0;width:100%;height:100%;opacity:.95;animation:deep-field-drift 180s ease-in-out infinite alternate;transform-origin:65% 35%}
.has-deep-field>.cosmos-stars{display:none}
.amber-work-focus .cosmos-deep-field,.amber-input-focus .cosmos-deep-field{animation-play-state:paused}
.cosmos-nebula{background:radial-gradient(ellipse at 76% 36%,#4b42691c,transparent 39%),radial-gradient(ellipse at 32% 66%,#27667b1c,transparent 31%),linear-gradient(151deg,transparent 43%,#42618c0c 49%,#070a160f 51%,#566b8f0c 56%,transparent 64%)}
.cosmos-celestial{filter:drop-shadow(-5px 3px 18px #8bb5da12);opacity:.94}
[data-amber-sky=day] .cosmos-celestial{filter:drop-shadow(0 0 27px #f6af4329)}
[data-amber-sky=day] .cosmos-deep-field{opacity:.40}
.cosmos-day-glow{background:radial-gradient(ellipse at 92% 2%,#d7904538,transparent 48%),radial-gradient(ellipse at 45% 65%,#3f638a18,transparent 65%)}
.cosmos-horizon{border-top:2px solid #9ebfe84d;box-shadow:0 -3px 10px #6babe629,0 -17px 60px #467cb51f;background:radial-gradient(ellipse at 50% 0,#23476840,#08112385 35%,#040a16 72%)}
.cosmos-meteor{height:1px;opacity:.8}
.cosmos-meteor:after{width:5px;height:5px;top:-2px;box-shadow:0 0 7px #ffe7b7,0 0 16px #82bde780}
@keyframes deep-field-drift{from{transform:scale(1.015) rotate(-.12deg)}to{transform:scale(1.045) rotate(.12deg)}}
@media(max-width:760px){.cosmos-deep-field{animation:none}.cosmos-nebula{opacity:.85}}
@media(prefers-reduced-motion:reduce){.cosmos-deep-field{animation:none}}