/* Cosmic gravity background: preserves the published copy, geometry and timing. */
:root { --navy:#090e26; --ice:#eef0fa; --blue:#a8a6ce; background:#090e26; }
.stage,.atmosphere { background:#090e26; }
.atmosphere .horizon,.atmosphere .wash { visibility:hidden; }
.atmosphere .texture { opacity:.025; }
.gravity-surface { position:absolute; inset:0; width:100%; height:100%; display:block; pointer-events:none; }
.last-line { color:#b1b1d9; }
.beat-one::before { background:radial-gradient(ellipse 68% 85% at 23% 42%,#090e2699 0%,#090e2655 45%,transparent 80%); }
.career-beat::before { background:radial-gradient(ellipse 64% 60% at 48% 48%,#090e26e0 0%,#090e26cc 45%,#090e2666 72%,transparent 100%); }
/* Static perspective grid if WebGL is unavailable. */
.atmosphere::before { content:""; position:absolute; inset:-45%; transform:perspective(700px) rotateX(39deg) rotateZ(-9deg); background:repeating-linear-gradient(90deg,transparent 0 55px,#a9a6d914 56px 57px),repeating-linear-gradient(0deg,transparent 0 55px,#a9a6d914 56px 57px); mask-image:radial-gradient(ellipse at 76% 62%,#000,transparent 70%); pointer-events:none; }
.atmosphere::after { content:""; position:absolute; inset:0; background:radial-gradient(ellipse 35% 35% at 80% 68%,#4b3b7830,transparent 85%); pointer-events:none; }
.atmosphere.gravity-ready::before,.atmosphere.gravity-ready::after { display:none; }
@media(max-width:700px) {
 .beat-one::before { background:radial-gradient(ellipse 95% 60% at 44% 38%,#090e26b0 0%,#090e2688 48%,transparent 85%); }
 .career-beat::before { background:radial-gradient(ellipse 120% 65% at 43% 48%,#090e26f0 0%,#090e26e6 46%,#090e26b0 70%,#090e2644 90%,transparent 100%); }
}
@media(prefers-reduced-motion:reduce) { .career-beat { background:#090e26e8; } .gravity-surface { position:fixed; } }
@media(max-height:560px) { .career-beat { background:#090e26e8; } .gravity-surface { position:fixed; } }