.space-scene{height:260px;position:relative;overflow:hidden;border-radius:20px;background:#273854;border:2px solid #40526c;margin:10px 0 16px;color:#fff3ca}
.space-stars{position:absolute;inset:15px 20px;font-size:24px;line-height:2.3;letter-spacing:14px;opacity:.8}
.space-planet{position:absolute;width:35px;height:35px;border-radius:50%;background:#dda8ad;right:24px;top:26px;transform:rotate(-25deg)}
.space-planet:after{content:'';position:absolute;inset:12px -10px;border:3px solid #eccb99;border-radius:50%}
.space-earth{position:absolute;width:230px;height:100px;bottom:-75px;left:calc(50% - 115px);border-radius:50%;background:#8fbcc2;box-shadow:0 -7px #a8d1c5}
.rocket{position:absolute;width:82px;height:165px;left:calc(50% - 41px);top:48px;z-index:2;animation:space-launch 3.4s ease-in .55s forwards}
.rocket-nose{position:absolute;width:52px;height:40px;top:0;left:15px;background:#e99b8b;clip-path:polygon(50% 0,100% 100%,0 100%)}
.rocket-body{position:absolute;top:37px;left:15px;width:52px;height:97px;background:#fff6db;border:3px solid #e6d2af;border-radius:7px 7px 14px 14px;z-index:2}
.rocket-window{position:absolute;top:8px;left:-6px;width:58px;height:58px;background:#b8ddda;border:4px solid #92b5b6;border-radius:50%;overflow:hidden}
.rocket-window svg{width:52px;height:57px;position:absolute;left:-1px;top:-1px}
.rocket-star{position:absolute;bottom:4px;left:15px;color:#dcb86b;font-size:17px}
.rocket-fin{position:absolute;top:98px;width:22px;height:42px;background:#e99b8b;clip-path:polygon(100% 0,100% 100%,0 100%)}
.rocket-fin.left{left:0}.rocket-fin.right{right:0;transform:scaleX(-1)}
.rocket-flame{position:absolute;left:29px;top:128px;width:25px;height:36px;background:#f1c873;clip-path:polygon(0 0,100% 0,50% 100%);animation:flame .3s alternate infinite}
.space-caption{position:absolute;top:10px;left:0;right:0;text-align:center;font-size:12px;color:#fff1c3;z-index:3}
.farewell-note{text-align:center;line-height:1.9;font-size:13px;margin:8px 0}
@keyframes space-launch{0%{transform:translateY(0) rotate(0)}20%{transform:translateY(-8px) rotate(-3deg)}100%{transform:translateY(-260px) rotate(7deg)}}
@keyframes flame{to{height:28px}}
@media(max-height:600px){.space-scene{height:205px;margin:5px 0 10px}.rocket{top:32px;transform:scale(.85)}.farewell-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){.rocket,.rocket-flame{animation:none!important}}