.evolving-badge{width:190px;height:183px;filter:drop-shadow(0 3px 3px #25476622)}.evolving-badge svg{width:100%;height:100%;overflow:visible}.evolving-badge .badge-drawing{fill:none;stroke:none;stroke-width:0}.badge-card .badge-illustration{display:flex;justify-content:center;padding:8px 0 18px}.badge-card .private-note{font-size:13px;line-height:1.8;color:#3c596d}.badge-card .badge-progress{height:12px;width:100%;margin-top:16px}.badge-card .btn{margin:12px 5px 0;max-width:100%}.mini-badge .evolving-badge{width:110px;height:106px}.mini-badge .evolving-badge svg{width:100%;height:100%}.mini-badge .pill{white-space:normal;text-align:center}.milestone-celebration{display:flex;align-items:center;gap:18px;padding:20px 24px;margin-bottom:24px;border:1px solid #dfc16b;border-radius:16px;background:linear-gradient(115deg,#fff1b9,#ecfaf4);box-shadow:0 5px 18px #a17d1712}.milestone-celebration h2{font-size:21px}.milestone-celebration p{font-size:13px;margin-top:5px}.celebration-spark{font-size:44px;color:#c29413;animation:milestone-spark 1.6s ease-out 1}.milestone-reveal{text-align:center;display:grid;justify-items:center;gap:18px}.milestone-reveal .evolving-badge{width:240px;height:231px;animation:milestone-reveal .6s ease-out 1}.milestone-reveal .row{justify-content:center}.shared-milestone-art{display:flex;justify-content:center;background:#f4faf9;border-radius:14px;margin:14px 0;padding:12px}.shared-milestone-art .evolving-badge{width:160px;height:154px}.milestone-celebration .btn{margin-left:auto;flex-shrink:0}@keyframes milestone-reveal{from{transform:scale(.85);opacity:.2}to{transform:scale(1);opacity:1}}@keyframes milestone-spark{0%{transform:rotate(-30deg) scale(.6)}70%{transform:rotate(15deg) scale(1.2)}100%{transform:rotate(0) scale(1)}}@media(max-width:740px){.milestone-celebration{flex-wrap:wrap;gap:12px;padding:16px}.milestone-celebration .btn{margin-left:0;width:100%}.milestone-celebration>div{flex:1}.mini-badge .evolving-badge{width:90px;height:87px}.milestone-reveal .evolving-badge{width:200px;height:193px}.badge-card .btn{width:100%;margin-left:0;margin-right:0}}@media(prefers-reduced-motion:reduce){.milestone-reveal .evolving-badge,.celebration-spark{animation:none}}
.badge-card .evolving-badge{width:220px;height:212px}.badge-card .badge-illustration{overflow:visible}.badge-card .evolving-badge svg{max-width:none}@media(max-width:600px){.badge-grid{grid-template-columns:1fr}.badge-card .evolving-badge{width:210px;height:202px}}