.farewell-dialog{max-width:580px}.farewell{text-align:center}.farewell-kicker{font-size:10px;letter-spacing:.14em;color:#8e9573;margin:0 0 5px}.farewell h3{font-size:19px;font-weight:600;color:#506d52;margin:4px 0 16px}.farewell-scene{position:relative;height:270px;isolation:isolate;overflow:hidden;border-radius:24px;background:#e4edce;border:1px solid #d8e3ce}.farewell-scene>.habitat-painting{z-index:-1}.farewell-path{position:absolute;width:75%;height:40px;left:35%;bottom:32px;background:#f9edc883;transform:rotate(-20deg);border-radius:50%;filter:blur(4px)}.farewell-sign{position:absolute;right:16px;top:28px;font-size:11px;background:#fffcf2db;color:#6b8058;border:1px solid #dce5cb;border-radius:12px;padding:4px 10px}.farewell-pet{position:absolute;width:210px;height:210px;left:calc(50% - 105px);bottom:22px;transform-origin:50% 90%}.farewell-pet>.dressed-pet,.farewell-new-egg>.dressed-pet{width:100%!important;height:100%!important}.farewell-message{font-size:14px;line-height:1.9;min-height:3.8em;margin:14px 0 4px;color:#52724f}.farewell-memory{font-size:11px;color:#939077;margin:0 0 14px}.farewell-reassurance{font-size:10px;color:#7c8e73;line-height:1.8;margin:10px 0 0}.farewell-next{min-height:48px}.farewell-skip{margin-top:7px}.farewell-petal{position:absolute;top:20%;left:20%;color:#d9aab4;font-size:23px;opacity:.7;pointer-events:none}.farewell-new-egg{position:absolute;left:calc(50% - 65px);bottom:24px;width:130px;height:130px}.farewell [hidden]{display:none!important}
.farewell[data-farewell-phase=thanks] .farewell-pet{animation:farewell-greeting 2.8s ease-in-out infinite}.farewell[data-farewell-phase=leaving] .farewell-pet{animation:farewell-walk 2.8s ease-in-out forwards}.farewell[data-farewell-phase=arrived] .farewell-pet,.farewell[data-farewell-phase=welcome] .farewell-pet{transform:translate(34%,-30px) scale(.62)}.farewell[data-farewell-phase=welcome] .farewell-new-egg{animation:farewell-egg .7s ease-out both}.farewell[data-farewell-phase=leaving] .farewell-petal{animation:farewell-petal 2.8s ease-out both}
@keyframes farewell-greeting{0%,100%{transform:rotate(0)}30%{transform:rotate(-4deg) translateY(-3px)}60%{transform:rotate(4deg) translateY(-3px)}}
@keyframes farewell-walk{0%{transform:rotate(0)}15%{transform:rotate(-7deg) translateY(-5px)}30%{transform:rotate(5deg)}45%{transform:translate(10%,-10px) rotate(-3deg) scale(.9)}65%{transform:translate(22%,-17px) rotate(3deg) scale(.78)}82%{transform:translate(30%,-28px) rotate(-3deg) scale(.68)}100%{transform:translate(34%,-30px) scale(.62)}}
@keyframes farewell-petal{to{transform:translate(110px,80px) rotate(120deg);opacity:0}}
@keyframes farewell-egg{from{opacity:0;transform:translateY(18px) scale(.9)}to{opacity:1;transform:none}}
@media(max-width:480px){.farewell-dialog{padding:17px!important}.farewell h3{font-size:16px;margin-bottom:10px}.farewell-scene{height:220px;border-radius:18px}.farewell-pet{width:180px;height:180px;left:calc(50% - 90px);bottom:13px}.farewell-message{font-size:12px;margin-top:10px}.farewell-memory{font-size:10px;margin-bottom:9px}.farewell .primary{font-size:12px;min-height:46px}.farewell-reassurance{font-size:9px}.farewell-new-egg{height:115px;width:115px;left:calc(50% - 57.5px);bottom:15px}}
@media(prefers-reduced-motion:reduce){.farewell *{animation:none!important}.farewell[data-farewell-phase=leaving] .farewell-pet{transform:translate(34%,-30px) scale(.62)}}