#flight-focus{position:fixed;inset:0;pointer-events:none;z-index:3}
.focus-cross{position:absolute;left:50%;top:36%;width:60px;height:60px;transform:translate(-50%,-50%);opacity:.55;filter:drop-shadow(0 1px 2px #14261b)}
.focus-cross svg{width:100%;height:100%;fill:none;stroke:#f1f3dc;stroke-width:1.5}
.focus-track{opacity:.15}.focus-progress{stroke:#e9c269!important;stroke-width:2.5;stroke-dasharray:100;stroke-dashoffset:100;transform:rotate(-90deg);transform-origin:center}.focus-dot{fill:#f1f3dc;stroke:none}
.has-target .focus-cross{opacity:.95}.focus-info{position:absolute;left:50%;top:calc(36% + 42px);transform:translateX(-50%);width:max-content;max-width:min(300px,calc(100vw - 32px));padding:12px 16px;border-radius:10px;background:#142724ec;border:1px solid #e9c26955;text-align:center;color:#edf2e8;box-shadow:0 6px 20px #0002}
.focus-info strong,.focus-info span,.focus-info small{display:block}.focus-info strong{font-size:15px}.focus-info span{font-size:12px;margin-top:5px}.focus-info small{font-size:10px;color:#afc0b2;margin-top:4px}
.focus-cross{width:42px;height:42px;opacity:1;filter:drop-shadow(0 1px 3px #10251fcc)}
.focus-cross .focus-dot{r:6px;fill:#fff8da;stroke:#173a32;stroke-width:2.5}
.focus-cross .focus-track{opacity:.65;stroke:#fff8da;stroke-width:2}
.focus-cross .focus-progress{opacity:0;stroke-width:4}
.has-target .focus-cross{opacity:1}
.has-target .focus-dot{fill:#ffda78}
.has-target .focus-progress{opacity:1}
.focus-info{top:calc(36% + 32px)}