/* One small level-up, using the existing approved ant and colony palette. */
.signup-celebration{max-width:780px;padding:60px 24px 90px;text-align:center;min-height:650px}
.signup-celebration h1{font-size:clamp(42px,6.5vw,70px);line-height:1.03;margin:16px 0 24px}
.signup-celebration p{margin:14px auto;max-width:48ch}
.signup-celebration .signup-lead{font-size:clamp(19px,2.8vw,24px);line-height:1.5}
.signup-ant-stage{position:relative;display:grid;justify-items:center;width:240px;margin:0 auto 35px;padding-top:40px}
.signup-happy-ant{filter:drop-shadow(0 10px 18px #f3bd4d18);transform-origin:50% 85%}
.signup-badge{position:absolute;top:0;right:38px;background:var(--amber,#f3bd4d);color:var(--soil,#100906);border:3px solid var(--pollen,#ffe39a);border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:26px;line-height:1;transform:rotate(10deg)}
.signup-xp{width:168px;height:12px;padding:3px;background:var(--deep,#080403);border:1px solid #8d7146;border-radius:3px;margin-top:22px}
.signup-xp span{display:block;width:100%;height:100%;background:var(--amber,#f3bd4d);transform-origin:left}
.signup-celebration[data-celebrate=true] .signup-happy-ant{animation:ant-level-up 850ms ease-out both}
.signup-celebration[data-celebrate=true] .signup-badge{animation:ant-badge 900ms 180ms ease-out both}
.signup-celebration[data-celebrate=true] .signup-xp span{animation:ant-xp 750ms 80ms ease-out both}
.signup-receipt-controls,.signup-play{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px 22px;margin-top:26px}
.signup-receipt-controls button{font-size:14px;padding:9px 12px}
.signup-play{margin-top:35px}.signup-play>a:not(.button){font-size:15px}
.signup-status,[data-signup-status]{color:var(--pollen);font-size:15px;overflow-wrap:anywhere}
[data-signup-status]:empty{display:none}[data-signup-human]:empty{display:none}
[data-signup-recovery]{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px;font-size:14px}
.signup-dialog .early-access-form{margin-top:24px}.signup-dialog .early-access-fields input{margin:0}
.signup-dialog .early-access-form .small{margin:14px 0}.signup-sound{border:0;font-size:13px;padding:6px 0;color:var(--muted)}
@keyframes ant-level-up{0%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(-18px) rotate(-7deg)}65%{transform:translateY(-7px) rotate(6deg)}}
@keyframes ant-badge{0%{opacity:0;transform:translateY(15px) scale(.3) rotate(-20deg)}70%{opacity:1;transform:translateY(-3px) scale(1.1) rotate(14deg)}100%{transform:rotate(10deg)}}
@keyframes ant-xp{from{transform:scaleX(.12)}to{transform:scaleX(1)}}
@media(max-width:600px){.signup-celebration{padding:32px 8px 60px;min-height:0}.signup-ant-stage{margin-bottom:24px}.signup-celebration h1{font-size:42px}.signup-receipt-controls{gap:8px}.signup-dialog .early-access-fields{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.signup-happy-ant,.signup-badge,.signup-xp span{animation:none!important}}