.film-milestone{position:absolute;inset:0;z-index:34;pointer-events:none;display:flex;align-items:flex-start;justify-content:center;padding-top:7%;color:#fff3d8;box-sizing:border-box}.milestone-sparks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.milestone-card{position:relative;display:flex;align-items:center;gap:16px;width:min(360px,70%);padding:20px 24px;border:1px solid #e4bd765c;border-radius:20px;background:linear-gradient(125deg,#181718f2,#282019ed 70%,#181718f2);box-shadow:0 16px 50px #0008,inset 0 1px #fff1;backdrop-filter:blur(16px);animation:milestoneIntro .8s cubic-bezier(.16,1,.3,1) both;overflow:hidden}.milestone-card::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#f8db9430 48%,transparent 65%);transform:translateX(-120%);animation:milestoneShine 1.7s .6s ease both}.milestone-emblem{flex:0 0 58px;height:58px;display:grid;place-items:center;border-radius:50%;border:1px solid #e4bd7680;box-shadow:0 0 24px #e4bd7620;background:radial-gradient(circle,#c29d5140,#c29d5108);font:600 20px system-ui;color:#f4d89b}.milestone-card>div:last-child{display:grid;gap:7px;min-width:0}.milestone-card small{font:600 8px system-ui;letter-spacing:.25em;color:#d9bd88}.milestone-card strong{font:500 clamp(13px,1.6cqw,20px) system-ui}.milestone-card span{font:400 12px system-ui;color:#e0d7c4;font-variant-numeric:tabular-nums}.milestone-steps{display:flex;gap:5px;margin-top:3px}.milestone-steps i{width:31px;height:3px;border-radius:3px;background:#ffffff18}.milestone-steps .passed{background:linear-gradient(90deg,#bd9c5f,#f4d89b);box-shadow:0 0 7px #e5bb7050}.milestone-out .milestone-card{animation:milestoneOutro .65s ease both}.milestone-out .milestone-sparks{opacity:0;transition:opacity .5s}@keyframes milestoneIntro{from{opacity:0;transform:translateY(-24px) scale(.88);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}@keyframes milestoneOutro{to{opacity:0;transform:translateY(-14px) scale(.96);filter:blur(5px)}}@keyframes milestoneShine{to{transform:translateX(120%)}}@media(prefers-reduced-motion:reduce){.milestone-card,.milestone-card::after{animation:none}.milestone-out{opacity:0}.milestone-sparks{display:none}}@media(max-width:600px){.milestone-card{padding:12px 14px;gap:10px;border-radius:14px}.milestone-emblem{flex-basis:40px;height:40px;font-size:15px}.milestone-card span{font-size:10px}}