.compass-hud{position:fixed;top:10px;left:50%;background-color:rgba(0,0,0,.7);backdrop-filter:blur(10px);color:#fff;border-radius:2px;font-size:12px;display:flex;flex-direction:column;align-items:center;padding:2px 0;will-change:transform;transition:transform .15s linear;width:250px}.compass-track{position:relative;width:100%;height:20px;overflow:hidden;background-color:rgba(0,0,0,.2);border-radius:3px}.strips-container{display:flex;flex-direction:row;position:relative;height:100%;will-change:transform;transition:transform .15s linear}.compass-strip{position:relative;width:1800px;height:100%;flex-shrink:0}.compass-marker{position:absolute;left:50%;top:0;bottom:0;width:1px;background-color:#ff4d4d;transform:translateX(-50%);z-index:10;box-shadow:0 0 3px #ff4d4d}.marker{position:absolute;top:50%;transform:translate(-50%,-50%);height:100%;display:flex;align-items:center;color:#fff}.cardinal{font-weight:700;font-size:14px}.degree{font-size:10px;opacity:.7}.position-display{margin-top:1px;font-size:10px;letter-spacing:1px;opacity:.8}