.flight-navball{--nb-green:#cfdfd8;--nb-orange:#e9bf8d;--nb-purple:#cfc3df;position:absolute;z-index:6;left:24px;bottom:40px;width:220px;pointer-events:none;overflow:hidden;border:0;border-top:1px solid #ffffff50;border-radius:0;background:linear-gradient(180deg,#0005,#0002 70%,transparent);box-shadow:none;backdrop-filter:none;color:#f3f3f3;font:10px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums;contain:layout paint;line-height:1.3}
.nb-header{display:none}.nb-header i{display:none}
.nb-speed{padding:12px 8px 3px;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:53px}.nb-speed>div{display:flex;align-items:baseline;gap:5px;position:relative;padding-top:10px}.nb-speed>div>span{position:absolute;top:-4px;left:0;color:#ffffff8c;font:8px sans-serif;letter-spacing:.04em}.nb-speed strong{font:32px/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:-.055em;color:#fff;font-weight:400}.nb-speed small{font-size:8px;color:#ffffff80;letter-spacing:.03em}.nb-speed aside{text-align:right;display:flex;flex-direction:column;gap:4px}.nb-speed aside span{font:8px sans-serif;color:#ffffff80}.nb-speed aside b{font-size:14px;font-weight:400;color:#e6e6e6}
.nb-canvas{display:block;width:100%;height:auto;aspect-ratio:1;margin:0;border:0}
.nb-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px 3px;padding:4px 5px 10px;font:9px/1.4 -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif}.nb-legend>span{display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}.nb-legend>span[hidden]{display:none}.nb-legend .nb-inactive{opacity:.28}.nb-prograde{color:var(--nb-green)}.nb-retrograde{color:var(--nb-orange)}.nb-target{color:var(--nb-purple)}.nb-ship{color:#c4d8e7}.nb-dock-key{color:#d4dedf}.nb-key{position:relative;display:inline-block;flex:0 0 11px;width:11px;height:11px;color:inherit}.nb-key-nose::before{content:"";position:absolute;left:2px;top:1px;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:8px solid currentColor}.nb-key-velocity::before{content:"";position:absolute;inset:2px;border:1px solid currentColor;border-radius:50%}.nb-key-velocity::after{content:"";position:absolute;left:0;right:0;top:5px;border-top:1px solid currentColor}.nb-key-target::before{content:"";position:absolute;inset:2px;transform:rotate(45deg);border:1px solid currentColor}.nb-key-retro::before,.nb-key-dock::before{content:"";position:absolute;inset:1px;border:1px solid currentColor;border-radius:50%}.nb-key-retro::after,.nb-key-dock::after{content:"×";position:absolute;inset:0;text-align:center;font:13px/10px monospace}
.nb-behind{display:none;font:8px/1.5 -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;color:#ffffff70;text-align:center;padding:0 8px 8px}
.nb-docking{padding:0 8px 10px}.nb-dock-heading{display:flex;align-items:center;justify-content:space-between;gap:5px;border-top:1px solid #ffffff30;padding:8px 0;color:#ffffffa6;font:8px sans-serif}.nb-dock-heading b{font:7px ui-monospace,monospace;color:#e5e5e5;max-width:90px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nb-dock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 4px}.nb-dock-grid>div{display:flex;flex-direction:column;gap:3px}.nb-dock-grid span{font:8px sans-serif;color:#ffffff80}.nb-dock-grid b{font-size:10px;font-weight:400;color:#eee}.nb-hold-track{height:2px;background:#ffffff24;margin-top:10px;border-radius:0;overflow:hidden}.nb-hold-track i{display:block;width:0;height:100%;background:#e8edea}.nb-dock-grid b.nb-ok,.nb-speed strong.nb-ok{color:#e4eee7}.nb-dock-grid b.nb-warn,.nb-speed strong.nb-warn,.is-braking .nb-speed aside b{color:#e9bf8d}
body.ui-layout-edit .nb-behind{display:block}
@media(max-height:780px){.flight-navball{width:200px;bottom:30px;left:20px}.nb-speed{padding:10px 7px 2px;min-height:48px}.nb-speed strong{font-size:29px}.nb-speed aside b{font-size:13px}.nb-speed aside span{font-size:7px}.nb-legend{font-size:8px;padding-bottom:8px}}
@media(max-width:680px),(max-height:630px){.flight-navball{width:190px;left:14px;bottom:20px}.nb-speed{padding:9px 6px 2px;min-height:44px}.nb-speed strong{font-size:27px}.nb-speed aside b{font-size:12px}.nb-legend{font-size:8px;gap:6px 2px}.nb-legend>span{gap:3px}.nb-docking{padding:0 6px 8px}.nb-dock-grid b{font-size:9px}.nb-dock-grid span{font-size:7px}}