.milestone-player{position:relative;flex:0 0 auto;padding:13px 26px 9px;border-bottom:1px solid rgba(255,255,255,.14);background:radial-gradient(circle at 75% 15%,rgba(217,240,0,.08),transparent 24%),#0a0d0b;color:#f7f7f1}
.milestone-player__headline{display:flex;align-items:center;justify-content:space-between;gap:22px}.milestone-player__headline>div{display:flex;align-items:baseline;gap:12px}.milestone-player__headline span{color:var(--lime);font:700 9px Orbitron,sans-serif;letter-spacing:.16em}.milestone-player h3{margin:0;font-size:19px;letter-spacing:.03em}.milestone-player__headline p{display:flex;align-items:baseline;gap:9px;margin:0;font-size:10px}.milestone-player__headline p b{color:#969b94;font-weight:600}.milestone-player__headline p strong{color:var(--lime);font-size:12px}
.milestone-status{display:flex;align-items:center;gap:7px;min-height:15px;margin:3px 0;color:#aeb3ac;font-size:9px}.milestone-status[hidden]{display:none}.milestone-status__pulse{width:5px;height:5px;border-radius:50%;background:var(--lime);animation:milestone-pulse 1.5s infinite}.milestone-status.is-error .milestone-status__pulse{background:#92968f;animation:none}
.milestone-journey{margin-top:3px}.milestone-route{position:relative;margin-right:74px;padding-top:51px}.milestone-rail{position:relative;height:12px;border:2px solid rgba(255,255,255,.52);border-radius:999px;background:#141814;box-shadow:0 0 0 3px rgba(0,0,0,.28)}
.milestone-rail__fill{display:block;width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,#b4c700,var(--lime));box-shadow:0 0 12px rgba(217,240,0,.35);transition:width 650ms cubic-bezier(.2,.8,.2,1)}.milestone-marker{position:absolute;z-index:2;top:50%;display:grid;place-items:center;width:24px;height:24px;border:2px solid #676c65;border-radius:50%;background:#101310;color:#676c65;font-size:10px;font-style:normal;transform:translate(-50%,-50%)}.milestone-marker.marker-one{left:33.333%}.milestone-marker.marker-two{left:66.666%}.milestone-marker.marker-three{left:100%}.milestone-marker.is-unlocked{border-color:var(--lime);background:var(--lime);color:#151800;box-shadow:0 0 0 4px rgba(217,240,0,.13)}
.microphone-mascot{--mascot-position:0%;position:absolute;z-index:5;left:clamp(14px,var(--mascot-position),calc(100% - 14px));bottom:7px;width:50px;height:61px;overflow:visible;filter:drop-shadow(0 4px 5px rgba(0,0,0,.65));transform:translateX(-50%);transition:left 800ms cubic-bezier(.2,.8,.2,1)}
.award-stage{position:absolute;right:-72px;bottom:-5px;width:58px;height:60px;text-align:center}.award-stage span{display:block;color:var(--lime);font-size:18px;line-height:1;text-shadow:0 0 12px rgba(217,240,0,.5)}.award-stage i{display:block;height:7px;margin:2px auto 0;border:1px solid rgba(255,255,255,.55);background:#191d1a}.award-stage i:nth-of-type(1){width:20px}.award-stage i:nth-of-type(2){width:36px}.award-stage i:nth-of-type(3){width:52px}.award-stage b{display:block;margin-top:2px;color:#daddd7;font-size:8px;white-space:nowrap}
.milestone-stops{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:9px 74px 0 0}.milestone-stop{min-width:0}.milestone-stop small{display:block;color:#8f958d;font:700 8px Orbitron,sans-serif;letter-spacing:.08em}.milestone-stop strong{display:block;margin-top:1px;overflow-wrap:anywhere;color:#e8eae5;font-size:10px}.milestone-stop b{display:inline-block;margin-top:2px;color:#fff;font:600 10px Orbitron,"Noto Sans TC",sans-serif}.milestone-stop p{display:inline-block;margin:0 0 0 5px;color:var(--lime);font-size:9px;font-weight:800}.milestone-stop.is-unlocked p:before{content:"✓ ";}.milestone-disclaimer{margin:4px 0 0;color:#696e68;font-size:7px;text-align:right}
@keyframes milestone-pulse{50%{opacity:.3}}
@media(max-width:620px){.milestone-player{padding:9px 12px 7px}.milestone-player__headline{align-items:flex-start;gap:8px}.milestone-player__headline>div{display:block}.milestone-player__headline span{font-size:7px}.milestone-player h3{font-size:16px}.milestone-player__headline p{display:block;text-align:right;font-size:8px}.milestone-player__headline p b,.milestone-player__headline p strong{display:block}.milestone-player__headline p strong{font-size:9px}.milestone-route{margin-right:47px;padding-top:44px}.milestone-rail{height:10px}.award-stage{right:-46px;width:39px;height:50px}.award-stage span{font-size:14px}.award-stage i:nth-of-type(1){width:15px}.award-stage i:nth-of-type(2){width:25px}.award-stage i:nth-of-type(3){width:36px}.award-stage b{font-size:6px}.milestone-stops{gap:6px;margin-right:47px}.milestone-stop small{font-size:6px}.milestone-stop strong{font-size:8px;line-height:1.25}.milestone-stop b{display:block;font-size:8px}.milestone-stop p{display:block;margin:0;font-size:7px}.milestone-disclaimer{font-size:6px}.microphone-mascot{width:48px;height:48px;transform:translateX(-50%);transform-origin:bottom}}
@media(prefers-reduced-motion:reduce){.milestone-status__pulse{animation:none}.milestone-rail__fill,.microphone-mascot{transition:none}}
.milestone-reward{display:block;margin-top:8px;color:#d5d9d2;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.milestone-reward-total{display:block;margin-top:4px;color:var(--lime);font-size:12px;font-weight:700;line-height:1.6}
.milestone-eligibility{margin:14px 0 0;color:#c0c6bb;font-size:12px;line-height:1.8}
.vote-rules{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.16)}
.vote-rules h3{font-size:14px;margin:0 0 6px}
.vote-rules p{margin:6px 0;color:#d5d9d2;font-size:13px;line-height:1.8}
.vote-rules .vote-rules__limit{color:var(--lime);font-size:15px;font-weight:800}
@media(max-width:620px){.milestone-stops{margin-right:0;gap:10px}.milestone-reward,.milestone-reward-total{font-size:12px}.vote-rules p{font-size:12px}}