.scope-map{background:#030812;color:#c6daef;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.scope-map .scope-controls{display:flex;align-items:center;gap:1px;margin:10px;padding:3px;background:#06101cea;border:1px solid #2d455f;border-radius:2px;box-shadow:none;font:10px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.scope-controls button,.scope-controls select{height:28px;min-width:0;padding:0 8px;border:0;border-radius:0;background:transparent;color:#809bb8;font:inherit;text-transform:uppercase;letter-spacing:.04em}
.scope-controls button[aria-pressed="true"]{background:#13263c;color:#c4daef}
.scope-controls button:hover,.scope-controls select:hover{background:#1c324d;color:#e0edf9}
.scope-controls button:focus-visible,.scope-controls select:focus-visible{outline:1px solid #b9d3ef;outline-offset:-2px}
.scope-controls select{border-left:1px solid #2d455f;color:#b5cbe2;cursor:pointer}
.scope-controls select option{background:#081321;color:#c4daef}
.scope-north{display:flex;align-items:center;gap:5px}
.scope-north span{display:inline-block;font-size:14px}
.scope-map .maplibregl-ctrl-group{border:1px solid #2d455f;border-radius:2px;background:#172a40;box-shadow:none}
.scope-map .maplibregl-ctrl-group button{width:28px;height:28px;border-color:#2d455f}
.scope-map .maplibregl-ctrl-icon{filter:invert(.8)}
.scope-map .maplibregl-ctrl-attrib{border-radius:0;background:#0a1420e6;color:#7289a2;font:9px/18px system-ui,sans-serif}
.scope-map .maplibregl-ctrl-attrib a{color:#8da5bf}
.scope-map .maplibregl-ctrl-attrib-button{filter:invert(.7)}
.scope-map .maplibregl-popup-content{background:#081321;color:#bdd2e9;border:1px solid #3a5675;border-radius:2px;box-shadow:none}
.scope-map .encounter-popup{color:#bdd2e9}
.scope-map .maplibregl-popup-anchor-bottom .maplibregl-popup-tip{border-top-color:#081321!important}
.scope-map .maplibregl-popup-anchor-top .maplibregl-popup-tip{border-bottom-color:#081321!important}
.scope-map .maplibregl-popup-close-button{color:#bdd2e9}
.scope-map .distance-badge,.scope-map .qualified-distance-badge{font-size:calc(10px * var(--scope-distance-scale,1));padding:calc(3px * var(--scope-distance-scale,1)) calc(6px * var(--scope-distance-scale,1))}
.scope-map .scope-target-marker{position:absolute;width:16px;height:16px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--scope-target-color,#bdddff);cursor:pointer;overflow:visible;z-index:2;--scope-label-x:24px;--scope-label-y:-38px}
.scope-target-symbol{position:absolute;left:4px;top:4px;display:block;width:8px;height:8px;border:1px solid currentColor;background:#030812;box-sizing:border-box;pointer-events:none}
.scope-target-vector{position:absolute;left:7.5px;top:-7px;display:none;width:1px;height:12px;background:currentColor;transform:rotate(calc(var(--heading,0deg) - var(--scope-map-bearing,0deg)));transform-origin:.5px 15px;opacity:.7;pointer-events:none}
.scope-has-heading .scope-target-vector{display:block}
.scope-target-marker .scope-leader{position:absolute;left:8px;top:8px;width:1px;height:1px;overflow:visible;pointer-events:none}
.scope-leader line{stroke:currentColor;stroke-width:1;opacity:.65}
.scope-data-block{position:absolute;left:calc(50% + var(--scope-label-x));top:calc(50% + var(--scope-label-y));display:grid;gap:1px;width:max-content;padding:2px 3px;border:0;border-radius:0;background:#030812d9;color:currentColor;font:11px/1.25 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.02em;white-space:nowrap;cursor:grab;user-select:none;touch-action:none;text-align:left}
.scope-data-block b{font:inherit;font-weight:650;color:#e0eefb}
.scope-flight-data{color:#a9c4e0}
.scope-scratchpad{color:currentColor}
.scope-data-block:focus-visible{outline:1px solid #94b7dd;outline-offset:2px}
.scope-target-marker:hover,.scope-target-marker:focus-within,.scope-label-dragging{z-index:6}
.scope-target-marker:hover .scope-target-symbol,.scope-target-marker:focus-within .scope-target-symbol{background:currentColor}
.scope-label-dragging .scope-data-block{cursor:grabbing}
@media(max-width:600px){.scope-map .scope-controls{margin:6px;padding:2px;font-size:9px}.scope-controls button,.scope-controls select{padding:0 5px;height:28px}.scope-data-block{font-size:10px}}