.atlas-milestone-region{position:fixed;top:calc(128px + env(safe-area-inset-top,0px));left:50%;z-index:999998;display:flex;justify-content:center;width:min(360px,calc(100vw - 32px));transform:translate(-50%);pointer-events:none}.atlas-milestone-banner{display:inline-flex;align-items:center;gap:12px;padding:12px 18px;border:1px solid color-mix(in srgb,var(--atlas-green) 55%,var(--atlas-line));border-radius:var(--atlas-radius-surface);background:var(--atlas-raised);box-shadow:0 0 0 4px color-mix(in srgb,var(--atlas-green) 12%,transparent);animation:atlasMilestoneIn 2.6s ease-out both}.atlas-milestone-icon{flex-shrink:0;width:28px;height:28px;color:var(--atlas-green);animation:atlasMilestoneIcon .6s ease-out .12s both}.atlas-milestone-text{display:flex;flex-direction:column;min-width:0}.atlas-milestone-title{color:var(--atlas-green);font-size:12px;font-weight:700;line-height:16px;text-transform:uppercase;letter-spacing:.04em}.atlas-milestone-line{color:var(--atlas-ink);font-size:15px;font-weight:600;line-height:20px}@keyframes atlasMilestoneIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}10%{opacity:1;transform:translateY(0) scale(1)}85%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-4px) scale(1)}}@keyframes atlasMilestoneIcon{0%{transform:scale(.6) rotate(-12deg)}60%{transform:scale(1.15) rotate(6deg)}to{transform:scale(1) rotate(0)}}@media (prefers-reduced-motion: reduce){.atlas-milestone-banner,.atlas-milestone-icon{animation:none}}