.sector-delta-panel{position:fixed;left:var(--sector-auto-left,clamp(320px,32vw,440px));top:var(--sector-auto-top,18px);width:235px;max-width:calc(100vw - 24px);box-sizing:border-box;padding:10px 12px;border:1px solid #7392a955;border-radius:8px;background:linear-gradient(140deg,#0e1d2eea,#070f1bdc);color:#eef6ff;font:600 12px/1.5 system-ui,sans-serif;text-shadow:0 1px 3px #000c;z-index:6;pointer-events:none}
.sector-delta-panel[hidden]{display:none!important}
.sector-heading{color:#9db2c4;font-size:10px;letter-spacing:.12em}
.sector-current{font-size:15px;font-weight:800;padding-top:4px;font-variant-numeric:tabular-nums}
.sector-cells{color:#a8bdcf;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.sector-delta{color:#d3dce4;margin-top:5px;padding-top:3px;border-top:1px solid #ffffff21;font-variant-numeric:tabular-nums}
.sector-delta-panel[data-delta="ahead"] .sector-delta{color:#55f2a1}
.sector-delta-panel[data-delta="behind"] .sector-delta{color:#ffaf82}
/* V14.1: responsive fallback while the live HUD measures available room.
   Manual HUD positions remain inline styles and take priority over CSS vars. */
@media(max-width:700px){.sector-delta-panel{left:var(--sector-auto-left,12px);top:var(--sector-auto-top,220px);width:min(200px,calc(100vw - 24px));padding:8px 9px;font-size:11px}.sector-current{font-size:13px}.sector-cells{font-size:10px}}